@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
body {    
    margin:0;
    padding:0;
	overflow-x:hidden;
}

a{color: #6f6f6f;}
a,
a:active,
a:focus,
a:hover{
    outline:none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
h1, h2, h3, h4, h5, h6{
    color:#3f3f3f;
    margin:0 0 15px 0;
    letter-spacing: 1px;
    font-weight: bold;
}
.no-padding{padding:0px;}

.section50{padding:50px 0px;}
.noise-bg{background-image: url(../images/noise-bg.png); position: relative;}
.black-bg{background:#000; position: relative;}

ul{padding:0px; margin:0px; list-style:none;}

.logo{width: 150px; margin-top: 2px;}

.heading-title{font-size:50px; font-family: 'gothamblack';}
.heading-after{position:relative; padding-top: 15px;}
.heading-after span:after{
	content: "";
	position: absolute;
    left:1px;   
    top:0;
    width: 160px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

.Clients{position:relative; padding-top: 15px;}
.Clients span:after{
	content: "";
	position: absolute;
    left:50%;   
    top:0;
    width: 150px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
	margin-left:-7%;
}
.white-color{color:#fff;}

/*----- Banner Slider----- */
#banner-slider .slider-inners{
	position: relative; 
	width: 100%; 
	text-align: center; 
}

#banner-slider .owl-prev i, #banner-slider .owl-next i {
	position: absolute; 
	top: 50%; 
	margin-top: -20px;
	width: 32px;
    height: 32px;
    line-height: 30px;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);
    border: 1px solid #f0f0f5;
    background-color: #fff;
    border-radius: 100%;
	font-size: 22px;
}
#banner-slider .owl-prev i {left: -15px;}
#banner-slider .owl-next i {right: -15px;}

/*----- Services Section----- */
.services-bg{background:#303030; background-image: url(../images/noise-bg.png); position: relative;}
.services-menu{width:480px; height:450px; margin:auto; padding-top:80px; position: relative; overflow: hidden;}
.services-menu li{font-size:20px; font-family: 'gothamblack'; text-align:center; padding: 24px 0;}
.services-menu li a{color:#fff; text-decoration:none;}
.services-menu li a:hover{color:#45b1f5;}
.ser{
	width: 35px; height: 35px; display: inline-block; border-radius: 50%; position: relative; top: -20px; left: -8px;
	background: #cc2e5a; background: linear-gradient(to right, #820b2f 0%, #cc2e5a 100%);
}
.ser2{
	width: 60px; height: 60px; display: inline-block; border-radius: 50%; position: absolute; top:35px; right:40px;
	background: #cc2e5a; background: linear-gradient(to right, #820b2f 0%, #cc2e5a 100%);
	box-shadow: inset -5px -5px 5px rgba(0,0,0,.6), 15px 15px 2px rgba(0,0,0,.04);
}

.services-page{background:#000; padding-top: 50px; padding-bottom: 0; position: relative; z-index: 1;}
.services-pageTitle{background:#e34739; padding: 12px 30px; border-radius: 30px; margin-top: 40px; display: inline-block;font-size: 40px;}

/*--- Gears Animation ---*/
.gear-icon {position: absolute; top: 3.5%; left: 30%; margin-left: -200px; opacity: 0.3;}
.gear-black{top: 20%; opacity: 0.1;}

#gear1, #gear2, #gear3, #gear4, #gear5 {color: #888; position: relative;}
#gear1 {top: -30px;	font-size:210px;}            
#gear2 {left: -70px; top: 170px; font-size:250px;}
#gear3 {top: 185px; left: 60px; font-size: 210px;}
#gear4 {top:0px; left: -28px; font-size:250px;}
#gear5 {top: 25px; left:0px; font-size: 150px;}

.spin {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

.spin-back {
    -webkit-animation:spin-back 4s linear infinite;
    -moz-animation:spin-back 4s linear infinite;
    animation:spin-back 4s linear infinite;
}

@-moz-keyframes spin { 
	100% {-moz-transform: rotate(360deg);} 
}
@-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
	100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } 
}

@-moz-keyframes spin-back { 
	100% { -moz-transform: rotate(-360deg); } 
}
@-webkit-keyframes spin-back { 
	100% { -webkit-transform: rotate(-360deg); } 
}
@keyframes spin-back { 
	100% { -webkit-transform: rotate(-360deg); transform:rotate(-360deg); } 
}
/*--- Gears Animation end---*/

.services-grid3{}
.deep-content{color:#fff; font-family: 'Roboto', sans-serif;}
.deep-list{font-family: 'gothambook'; font-size:20px; padding-bottom: 15px;}
.deep-heading {
    font-family: 'gothamblack';
    font-size: 35px;
    line-height: 1.3;
    color: #fff;
    text-transform: uppercase;
    padding-top: 20px;
	position: relative;
}
.deep-heading:after{
	content: "";
	position: absolute;
    left:0;   
    top:5px;
    width: 100px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #e5493a;
}

.deep-content li{font-size:15px; padding-left: 25px; padding-bottom: 15px; position: relative; font-family: 'gothambook';}
.deep-content li:before {
    background: linear-gradient(to right, #820b2f 0%, #cc2e5a 100%);
    content: "";
    position: absolute;
	left:0px;
    top: 2px;
	width: 15px;
    height: 15px;
    border-radius: 50%;
}

.monitor-bg{background:#000;}
.monitor-slide{position: relative; top: 20px;}
.monitor-space{background: #fff; width: 100%; height: 80px; margin-top: -220px;}

.portfolio-bg{background:#e5493a; border-top:5px solid #000;}
.portfolio-grid{padding-bottom:15px;}
.work-title{background:#262626; padding:60px 15px!important;}

.ratan-developers{font-size:24px; position:relative;}
.ratan-developers span:after{
	content: "";
	position: absolute;
    left:0;   
    bottom:-30px;
    width: 70px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #e5493a;
}
.ratan-developers p{color:#959595; font-size:12px; padding-top:20px;}

.portfolio-grid-img{height: 285px; overflow: hidden; padding-right: 0; padding-left: 0;}
.portfolio-grid img{width:100%;}

.ratan-links{position: absolute; bottom: 20px; right: 50px;}
.ratan-links a{width:40px; height:40px; color:#fff; text-align:center; line-height:40px; border-radius:50%; display: inline-block;}
.ratan-links1{background:#252525; margin-right:8px;}
.ratan-links2{background:#e5493a;}

.portfolio-btn{color:#fff; font-family: 'gothammedium';}
.portfolio-btn:hover{color:#000;}

.progress-bg{background:#202020;}

.userName:hover, .userName:focus{color:#dabb20; text-decoration:none;}
.userName span{font-family: gothamthin;}

.testimonial_content{text-align:center; background:#fff; margin:10px;}
.us-content{color:#000; padding:75px 20px 20px; margin: 50px 20px 20px; line-height: 1.7;}
.us-after {margin-left: 20px;}
.us-after span:after {width:50px;}
.userPic{
	margin-top: -70px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.userPic img{
	width: 100px!important;
    height: 100px;
    margin: 20px auto;
    border-radius: 50%;
    background: #fff;
	border: 2px solid #fff;
}
.userName{
	background:#252525; 
	text-align:center; 
	color:#fff;
	font-family:gothammedium;
	padding: 10px 20px;
	border-radius:5px;
	text-transform:uppercase;
	margin-top: 20px;
    display: inline-block;
 }
 
#progress-slider .owl-prev i, #progress-slider .owl-next i {
	position: absolute; 
	top: 50%; 
	width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius:5px;
	font-size: 22px;
	background:#363636;
	text-align:center;
	color:#464646;
}
#progress-slider .owl-prev i:hover, #progress-slider .owl-next i:hover {background-color: #e5493a; color:#fff;}
#progress-slider .owl-prev i {left: -38px;}
#progress-slider .owl-next i {right: -38px;}
#progress-slider .owl-nav{display:block !important;}

.progress-main{padding-top:30px;}
.progress-title{font-size: 14px; color: #fff; margin: 0 0 10px; font-family: 'gothammedium';}
.progress{
    height: 10px;
    line-height: 15px;
    background: #363636;
    border-radius: 0;
    margin-bottom: 40px;
    padding: 4px;
    box-shadow: none;
    overflow: visible;
}
.progress:last-child{margin-bottom: 0;}
.progress .progress-bar{position: relative; animation: animate-positive 2s; background: #fff;}
.progress .progress-value{
    font-size: 13px;
    color: #fff;
    border-radius: 4px;
    padding: 3px 7px;
    background: #252525;
    position: absolute;
    top: -50px;
    right: -35px;
}
.progress .progress-value:after{
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid #252525;
    border-left: 5px solid #252525;
    position: absolute;
    bottom: -6px;
    left: 0;
}
@-webkit-keyframes animate-positive{
    0% {width: 0%;}
}
@keyframes animate-positive{
    0% {width: 0%;}
}


/*----- Client Slider----- */
.hero-client-bg {position: relative; padding: 50px 0px; background: #000;}
#client-logos {margin-top:40px;}
#client-logos .item {margin: 1px;}
#client-logos .client-inners img {object-fit: contain; height: 100%;}
#client-logos .active.center {-webkit-filter: grayscale(0); filter: grayscale(0);}
#client-logos .active {transition: .6s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%);}

#client-logos .client-inners {border: 1px solid #333; height: 85px; text-align: center; padding: 8px;}
#client-logos .owl-prev i, #client-logos .owl-next i {
	position: absolute; 
	top: 50%; 
	margin-top: -20px;
	width: 30px;
    height: 30px;
    line-height: 30px;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 16%);
    border-radius:5px;
	font-size: 22px;
}
#client-logos .owl-prev i:hover, #client-logos .owl-next i:hover {background-color: #e5493a; color:#fff;}
#client-logos .owl-prev i {left: -38px;}
#client-logos .owl-next i {right: -38px;}

#client-logos .owl-nav{display:block !important;}

/*----- Digital Media----- */
.digital-media{}
.digital-heading{position: absolute; padding-top: 15px;}
.digital-heading:after {
    content: "";
	position: absolute;
    left:37%;   
    top:40px;
    width: 140px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

.halfCircleBottom span{position: absolute; left: 36%; width: 125%;}
.halfCircleBottom{
    background-color:#e44839;
    vertical-align: top;
	width: 480px;
    height: 240px;
    line-height: 140px;
	border-radius: 0 0 50% 50%/0 0 100% 100%;
	top:0;
	margin-left: -80px;
	z-index: 1;
}
.digital-search{padding: 90px 0 0 360px;}
.has-search{position: relative;}
.has-search .form-control-feedback {
    position: absolute;
	left: 8px;
	top: 24%;
    color:#e44839;
	font-size: 24px;
}
.has-search .form-control {
	width: 70%;
    padding: 24px 15px;
    color: #fff;
    background-color:transparent;
    border: 1px solid #e44839;
	padding-left:50px;
	font-size: 24px;
	font-family: 'gothamblack';
	text-transform: uppercase;
	border-radius:0px;
}
.has-search .form-control:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.has-search ::-webkit-input-placeholder {color:#fff !important;}
.has-search :-moz-placeholder {color:#fff!important;}
.has-search :-ms-input-placeholder {color:#fff !important;}
.has-search ::placeholder {color:#fff !important; opacity: 1;}

.digital-media-grid{padding:40px 0 0 180px;}
.digital-pic{position: relative; overflow: hidden;}
.digital-pic img {-moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.digital-pic:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

#digital-media .owl-prev i, #digital-media .owl-next i {
	position: absolute; 
	top: 50%; 
	font-size: 45px;
	color:#e44839;
}
#digital-media .owl-prev i:hover, #client-logos .owl-next i:hover {color:#fff;}
#digital-media .owl-prev i {left:125px;}
#digital-media .owl-next i {right:-40px;}
#digital-media .owl-nav{display:block !important;}

.digital-img{margin:15px 0px}

.print-bg{background:#000;}
.print-grid{position: relative;}
.print-left-grid{padding-top:150px; padding-bottom:50px; padding-left: 115px; z-index: 1;}
.print-left{padding:0px;}
.print-right1{margin-top:15px;}

.print-right-grid{background:#e44839; padding:40px 0 40px 10px; margin-top: 50px; min-height: 615px;}


.videos-grid{padding:100px 0 0 180px;}
#videos-slider .owl-prev i, #videos-slider .owl-next i {
	position: absolute; 
	top: 60%; 
	font-size: 45px;
	color:#e44839;
}
#videos-slider .owl-prev i:hover, #client-logos .owl-next i:hover {color:#fff;}
#videos-slider .owl-prev i {left:125px;}
#videos-slider .owl-next i {right:-40px;}
#videos-slider .owl-nav{display:block !important;}

/*----- Blog Section----- */
.blog-bg{background:#000; padding-top: 80px;}
.blogsT{position: relative; padding-top: 15px;}
.blogsT:after {
    content: "";
	position: absolute;
    left:50%;   
    top:0;
    width: 140px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #c93431;
	margin-left: -80px;
}
.blog-cols{background:#464646; border:2px solid #c93431; padding:20px; margin-top: 30px;}
.blog-cols .blog-img {position: relative; overflow: hidden; }
.blog-cols .blog-img img {width: 100%; object-fit: cover; object-position: center; height: 200px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.blog-cols:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

.blog-content{font-family: 'gothamthin'; font-size:16px; color:#fff; text-align:center;}
.blog-heading{font-family: 'gothamblack'; font-size:20px; line-height:1.3; color:#fff; text-transform:uppercase; padding-top: 20px;}
.blog-meta{font-size:12px; text-transform:uppercase; padding-top:20px;}
.blogUser{padding-top: 5px; display: inline-block;}
.blogDate{float:left;}
.blogTime{float:right;}
.blog-link{background:#c93431; color:#fff; font-family: 'gothammedium'; font-size:16px; display:block; width: 200px; padding: 10px; border-radius: 5px; margin: auto; margin-top:20px;}
.blog-link:hover{background:#45b1f5; color:#fff; text-decoration:none;}

/*----- Case Study Section----- */
.heading-center{width: 140px; height: 2px; margin: auto; margin-bottom: 10px;}
.case-study-bg{background:#e5493a; }
.case-title{padding:60px 50px;}
.case-cols{background:#464646; border:2px solid #c93431; border-bottom:none; padding:20px; margin:30px 20px 0 20px;;}
.case-content{font-family: 'gothamthin'; font-size:16px; color:#fff; text-align:center;}
.case-heading{font-family: 'gothamblack'; font-size:20px; line-height:1.3; color:#fff; text-transform:uppercase; padding-top:15px;}

.case-grid .case-img {position: relative; overflow: hidden; }
.case-grid .case-img img {width: 100%; object-fit: cover; object-position: center; height: 200px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.case-grid:hover img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

footer{
	background:#1b1b1b; 
	border-top: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, #45b1f5 50%,#45b1f5 50%,#45b1f5 50%,#363636 50%);
	padding:50px 0px; 
	position: relative;
}
.get-touch{font-size:50px; color:#fff; position: relative; line-height:1; text-transform:uppercase; padding-top: 15px; font-family: 'gothamblack';}
.get-touch:after {
    content: "";
	position: absolute;
    left:0;   
    top:0;
    width: 160px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
}

.footer-ads{}
.footer-ads ul{position: relative;}
.footer-ads li{font-family: 'Roboto', sans-serif; font-size:18px; color:#636363; border-bottom:1px solid #464646; padding:20px 0px; padding-left: 100px;}
.footer-ads li:first-child{ padding-top:0px;}
.footer-ads li:last-child{ border-bottom:none;}
.footer-ads li span{position: absolute; left: 0;}
.footer-ads li a{text-decoration:none; color:#e5493a;}

.footer-ads .social{
	width:30px; height:30px; line-height:30px; display:inline-block; background:#e5493a; color:#1b1b1b; text-align:center;
	border-radius:5px; margin-right:5px;
}
.footer-ads .social:hover{background:#45b1f5; color:#fff;}
/* footer #back-top {
    background: #191919;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
    position: absolute;
    top:50%;
	right: 5%;
} */


#back-top {
	background-color: #000;
	border-radius: 5px;	
	color: transparent;
	font-size: 0;
	height: 50px;
	opacity: 0.5;
	overflow: hidden;
	
	position: absolute;
	bottom:10px;
	right: 5%;
	
	text-decoration: none;
	width: 50px;
	z-index: 9999;
}

#back-top:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	content: "\f106";
	display: block;
	font-family: "FontAwesome";
	font-size: 16px;	
	line-height: 47px;
	text-align: center;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

#back-topHover, #back-top:hover {
	bottom: 3px;
	opacity: 1;
}

#back-top:hover:after {
	color: #fff;
}

/*--- Contact Us Page ---*/
.contact-bg{background:#111111; border-bottom:10px solid #000;}
.contact-LHS{width:60%; margin:auto; padding:50px 0px;}
.contact-LHS ul{padding-top:20px; position: relative;}
.contact-LHS li{font-family: 'Roboto', sans-serif; font-size:18px; color:#636363; padding-top: 30px; padding-left: 100px;}
.contact-LHS li span{position: absolute; left: 0;}
.contact-LHS li a{text-decoration:none; color:#e5493a;}

.contact-LHS .social{
	width:30px; height:30px; line-height:30px; display:inline-block; background:#e5493a; color:#1b1b1b; text-align:center;
	border-radius:5px; margin-right:5px;
}
.contact-LHS .social:hover{background:#45b1f5; color:#fff;}
.contact-form{font-family: 'Roboto', sans-serif;}
.contact-form h3{font-size:18px; color:#fff; padding-top:40px;}
.cont-box{width:100%; font-weight:300; resize: vertical; background:rgba(255,255,255,0.1); border:none; outline:none; padding:15px 20px; margin-top:20px;}
.send-btn{background:#fff; font-size:18px; border:none; outline:none; padding:10px 20px; margin-top:20px; border-radius:3px;}

.contact-form ::-webkit-input-placeholder {color:#fff !important;}
.contact-form :-moz-placeholder {color:#fff!important;}
.contact-form :-ms-input-placeholder {color:#fff !important;}
.contact-form ::placeholder {color:#fff !important; opacity: 1;}

.contact-RHS{background:url(../images/map.jpg) center no-repeat; background-size:cover; padding: 350px 0px; color:#333333; margin-top:5px;}
.put-address{background:rgba(255,255,255,0.8); width:300px; font-size:16px; height:150px; padding:0 20px; margin:auto; text-align:center;}
.put-address p{position: relative; top: -70px; color: #f00; font-size: 35px;}

/*--- Clients Page ---*/
.client-listing{padding:50px 50px 25px 50px; margin-top: 40px;}
.client-list{position: relative; background:#fff; border:7px solid #c93431; text-align:center; margin-bottom: 80px; padding:60px 10px; font-size:18px;}
.client-list img{max-width:100%;}
.work-btn{
	position: absolute; bottom:-12%; left: 50%; transform: translate(-50%); padding: 20px; 
	width:200px; border-radius: 10px; background:#c93431; color:#fff; font-family: 'Roboto', sans-serif;
}



/*--- Responsive Media ---*/
@media (max-width: 767px) {
.logo{width:110px; margin-top: -3px;}
	
#progress-slider .owl-prev i {left: 5px; color: #fff;}
#progress-slider .owl-next i {right: 5px; color: #fff;}

#client-logos .owl-prev i {left: 5px; color: #fff;}
#client-logos .owl-next i {right: 5px; color: #fff;}

#digital-media .owl-prev i {left: 5px; color: #fff;}
#digital-media .owl-next i {right: 5px; color: #fff;}

#videos-slider .owl-prev i {left: 5px; color: #fff;}
#videos-slider .owl-next i {right: 5px; color: #fff;}

.heading-title {font-size: 40px;}
.portfolio-grid-img {height: auto;}
.services-pageTitle {top: 20px; left:0;}
.services-menu {width:300px; height: 280px; padding-top: 45px;}
.ser2 {width: 40px; height: 40px; top: 22px; right: 28px;}
.services-menu li{padding: 11px 0; font-size: 18px;}

.Clients span:after{margin-left: -18%;}

.halfCircleBottom{font-size:30px; width: 290px; height: 140px; line-height: 120px;}
.has-search .form-control {width: 100%; font-size: 20px;}

.digital-search {padding: 100px 0 0 10px;}
.digital-media-grid {padding: 30px 0 0 0px;}
.print-left-grid {padding-left: 15px;}
.print-right-grid {margin-top: 0px; min-height: auto;}

.videos-grid {padding: 100px 0 0 0px;}
.print-bg {padding-bottom: 10px;}

.case-title {padding:0px 15px;}
.case-col {margin-top:15px;}
.deep-heading {font-size: 30px;}

.gear-icon {display:none;}

.footer-ads {padding-top: 20px;}
.get-touch {font-size: 35px;}

.contact-LHS {width: 100%;}
.contact-RHS{padding: 200px 0px;}
.client-listing {padding: 10px;}

.br-hide {display:none;}
}

@media (max-width: 360px) {
.halfCircleBottom {font-size: 24px;}
.halfCircleBottom span {width: 100%;}
.news-container marquee {height: 150px!important; top: -230px!important;}
.news-container p {font-size: 25px!important; width: 258px!important;}

.footer-ads li{font-size:16px; padding: 12px 0px 12px 90px;}
.contact-LHS li {font-size: 16px; padding-top: 10px;}
}