@font-face {
    font-family: 'MyriadProRegular_2';
    src: url('../fonts/MyriadProRegular_2.eot');
    src: url('../fonts/MyriadProRegular_2.eot') format('embedded-opentype'),
         url('../fonts/MyriadProRegular_2.woff2') format('woff2'),
         url('../fonts/MyriadProRegular_2.woff') format('woff'),
         url('../fonts/MyriadProRegular_2.ttf') format('truetype'),
         url('../fonts/MyriadProRegular_2.svg#MyriadProRegular_2') format('svg');
}

body{font-family: 'MyriadProRegular_2'; font-size:16px; padding:0px; margin:0px;color:#555;overflow-x:hidden;}
.top-header{background:#166CB5; line-height:37px; color:#fff;}
.top-header span{padding-right:20px;}
.top-header span.phone a{color:#fff;}
.social-icons ul{list-style:none; text-align:right; margin-bottom:0px;}
.social-icons ul li{display:inline-block; padding-left:20px;}
.social-icons ul li a{color:#D2D2D2;-webkit-transition: background-color 4s ease-out; -moz-transition: background-color 4s ease-out; -o-transition: background-color 4s ease-out; transition: background-color 4s ease-out;}
.social-icons ul li a:hover{color:#fff;}
.social-icons ul li a .fa{font-size:16px;}

.main-header .logo a{font-size:36px; font-weight:700; color:#000; text-transform:uppercase;/*margin: 15px 0 0 0;*/display: inline-block; margin-left:-22px;}
.main-header .header-right{float:right;}
.main-header .header-right li a{font-size:18px; font-weight:500; color:#000;font-family: 'Rubik', sans-serif;; text-transform:capitalize; padding:25px 0 25px 0; display:inline-block;}
.main-header .header-right li a:hover{text-decoration:none;}

.fullwidth-img img{width:100%; height:auto;}
.about-block{padding:80px 0 50px 0;}
.about-block h3{font-size:34px; font-weight:700;color:#000; margin-bottom:15px;}
.about-block h3 span{color:#086ad5;}
.list-item{padding:0px; margin:25px 0 0 0}
.list-item li{position:relative;list-style:none;padding:0 0 18px 25px;}
.list-item li:before{ position:absolute; top:0; left:0;font-family: 'FontAwesome';content: "\f00c";color:#086ad5;}

.portfolio-block{padding:80px 0 50px 0;  }
.portfolio-block h3{font-size:34px; font-weight:700;color:#000; margin-bottom:15px;}
.portfolio-block h3 span{color:#086ad5;}

.services-block{background:url("../images/services-background.jpg") no-repeat 0 0;background-size: cover;}
h2.title{color:#000; text-align:center;font-size:42px; font-weight:700; margin-bottom:15px; line-height:50px;}
.service-head,.why-choose-head{width:100%; text-align:center;position:relative}
.service-head:after{width:85px; height:4px;background:#086ad9; display:block;position:absolute; left:50%;transform: translateX(-50%);content:"";}
.service-list{margin-top:50px;}
.service-list .service-inner{padding:30px;background:#fff;border-radius:10px; text-align:center;-webkit-box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
-moz-box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
box-shadow: 0px 0px 25px 0px rgba(199,199,199,1); margin-bottom:30px;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.service-list .service-inner:hover{background:#01b0ef;color:#fff;}
.service-list .service-inner .img-icon{width:70px;height:70px; border-radius:100%; background:#dfb0fe; display:inline-block; margin-bottom:20px; position:relative}
.service-list .service-inner .img-icon img{width:30px; height:auto; position:absolute; left:50%;top:50%; transform: translate(-50%, -50%);}
.service-list .service-inner h4{font-size:22px;color:#202020;font-weight:700; margin-bottom:10px;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.service-list .service-inner:hover h4{color:#fff;}
.service-list .service-inner a{color:#202020;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.service-list .service-inner:hover a{color:#fff;}
.pink{background:#dfb0fe !important;}
.green{background:#79e8e2 !important;}
.yellow{background:#fbc774 !important;}
.blue{background:#85b7fe !important;}
.orange{background:#fe929f !important;}
.meroon{background:#805A9C !important;}

.padding100{padding:100px 0;}
.padding80{padding:40px 0 100px 0;}
.padding50{padding:0 0 90px 0;}
.paragraph{padding-bottom:20px;}
.cnt-btn{padding-top:25px;}

ul.ehrlist{padding-left:0px;}
ul.ehrlist li{background: #EA7024; padding: 10px; list-style-type: none; margin-bottom: 10px; color: #fff; font-size: 18px; border-top-left-radius:15px; border-bottom-right-radius:15px;}

.why-choose-inner{margin-bottom:60px;}
.why-choose-inner:last-child{margin-bottom:0px;}
.why-choose-inner span{width:52px;height:52px; border-radius:100%; background:#166CB5; display:inline-block; position:relative; float:left; margin-right:15px;}
.why-choose-inner span img{width:26px; height:auto; position:absolute; left:50%;top:50%; transform: translate(-50%, -50%);}
.why-choose-inner h4{color:#000; font-size:22px; display:inline-flex; line-height:32px; font-weight:700; padding-bottom:20px;position:relative;width:100%; margin-bottom:20px;}
.why-choose-inner h4:after{width:100%; height:6px; background:#eb7023; content:""; position:absolute;bottom:0px;}
.why-choose-list{margin-top:50px;}

.stats-block{background:#f9f9f9; padding:45px 0;}
.stats-inner{font-size:70px; line-height:70px;color:#191c53; padding-left:60px;font-weight:700; background:url("../images/employee-icon.png") no-repeat 0 15px;}
.stats-inner em{font-style: inherit;}
.stats-inner span{display:block; font-size:20px; line-height:20px; padding-top:10px;}
.employee-icon{background:url("../images/employee-icon.png") no-repeat 0 15px;}
.start-icon{background:url("../images/startup-icon.png") no-repeat 0 15px;}
.success-icon{background:url("../images/success-rate.png") no-repeat 0 15px;}
.customer-icon{background:url("../images/customer.png") no-repeat 0 15px;}


.y-us-section {padding: 82px 0 82px; background:#F9F9F9;}
.y-us-head {text-align: center; margin: 0 0 91px;}
.y-us-title > p { line-height: 22px;}
.y-us-title-border { background: #ffae11 none repeat scroll 0 0; border-radius: 2px; display: inline-block; height: 3px; position: relative; width: 50px;}
.service-3 .service-box {margin-bottom: 18px;}
.service-3 .service-box .iconset {float: left; text-align: center; width: 25%;}
.service-3 .service-box .iconset img { color: #F1F5F9; font-size: 44px; background:#166CB5; border-radius:10px; width:50px; height:50px;}
.service-3 .service-box .y-us-content { float: left; width: 75%;}
.service-3 .service-box .y-us-content h4 {  letter-spacing: 0; line-height: 22px; margin: 2px 0 12px; text-transform: none; color:#333;}
.service-3 .service-box .y-us-content p {  line-height: 24px;}
.icon { color : #f4b841; padding:0px; font-size:40px; /*border: 1px solid #fdb801;*/  border-radius: 100px; color: #fdb801; font-size: 28px; height: 70px; line-height: 70px;     text-align: center;  width: 70px;}

img.zoom { /* width: 100%; height: 200px;*/ border-radius:5px; object-fit:cover; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; text-align:center; width:100%; padding:20px; border:1px solid #166CB5;}
.transition { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.thumb{ margin-bottom: 30px; padding:15px 25px;}

.clear{padding:15px 0px; width:100%;}
.ai{color:#111;}

.blog-head{text-align:center;width:100%;}
.blog-head h2{font-size:42px;line-height:42px;color:#191c53;}
.blog-head h2 span{color:#ed6f22;}
.blog-inner .blog-img{height:240px;position:relative;}
.blog-inner .blog-img img{width:100%;height:100%; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-fit: cover;}
.blog-inner .blog-img span{position:absolute; bottom:0; left:0; padding: 0 20px; line-height:35px; background:#ff512f; border-top-right-radius:8px; color:#fff; text-transform:uppercase;font-weight:500;font-size:14px}
.blog-inner .blog-date{padding:35px 0 30px 55px;font-size:16px;position:relative;}
.blog-inner .blog-date span{position:relative;}
.blog-inner .blog-date span:before{position:absolute; left:-25px;content:"\f073";color:#ff512f;font-family: 'FontAwesome';}
.blog-inner .blog-date:before{position:absolute;width:150px; height:3px;display:block; background:#f0981a; content:"";left:0; bottom:0;}
.blog-inner .blog-date:after{position:absolute;width:20px; height:3px;display:block; background:#ff4f31; content:"";left:160px; bottom:0;}
.blog-inner h3{padding:20px 30px;color:#191c53;font-size:28px;font-weight:700}
.blog-inner h3 a{color:#191c53;font-size:28px;font-weight:700}
.blog-inner h3 a:hover{text-decoration:none;color:#ff512f;}
.blog-inner{position:relative;-webkit-box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
-moz-box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);
box-shadow: 0px 0px 25px 0px rgba(199,199,199,1);}
.blog-inner a{position:absolute;top:0;left:0;right:0;bottom:0;}
.blog-inner:hover h3{color:#ff512f;}
.blog-inner:hover .blog-img span{background:#1d1d3f;}
.blog-inner:hover .blog-img:before{position:absolute;left:0;right:0;top:0;bottom:0; background:rgba(255,81,47,0.5);content:"";}
.blog-list{margin-top:50px;}
.blog-right-list .img-blog{width:120px;height:120px;border-radius:8px;overflow:hidden;float:left;margin-right:15px}
.blog-right-list .img-blog img{width:100%;height:100%; -webkit-object-fit: cover; -moz-object-fit: cover; -ms-object-fit: cover; -o-object-fit: cover; object-fit: cover;}
.blog-right-list li{list-style:none;}
.blog-right-list .blog-con{padding-top:20px}
.blog-right-list .blog-con a{color:#191c53;font-weight:700;font-size:18px}
.blog-right-list .blog-con span{display:block;padding-bottom:15px;}
.blog-right-list ul{padding:0px;margin:0px;}
.blog-right-list ul li{margin-bottom:15px;display:inline-block;width:100%}

.form-career{width:100%;}
.subtitle-new{font-size:24px; color:#142C4E; padding-bottom:15px;}
.subtitle-new:after{border-bottom:2px solid #142C4E; width:15%; content:""}

.contact-box{padding:25px; background:#216DB5; margin-bottom:20px; border-radius:10px; color:#DEE9F4; line-height:26px;}
.contact-box h5{color:#fff; border-bottom:2px solid #fff; padding-bottom:12px; width:25%;}
.contact-box a{color:#DEE9F4; text-decoration:underline;}
.contact-box a:hover{color:#fff; text-decoration:none;}

footer{padding:60px 0 30px 0;background:#166cb5;color:#fff;}
footer .footer-logo a{font-size:34px;color:#fff;margin-bottom:15px;display:inline-block;line-height:38px;}
footer ul li{list-style:none; padding-bottom:10px}
footer ul{padding:0px;margin:0px}
footer h4{font-size:21px;font-weight:700;padding-bottom:30px;margin:0px;}
footer ul li a{color:#fff}
footer ul li a:hover{color:#eb7022; text-decoration:none;}
.social-icons li{display:inline-block;padding-right:15px; font-size:24px;}
.footer-inner{padding-bottom:25px}
.copyright{text-align:center; background:#0C4B87; color:#fff; padding:10px;}
/*.copyright span{padding:25px 0;padding-right:12px;}*/
.copyright a{color:#fff;}
.copyright a:hover{color:#eb7022;}

.clients-block .clients-inner{padding:60px 80px;background:#eb7023;width:100%;border-radius:15px;}
.clients-block {position: relative; /* margin-bottom: -112px;*/}
.clients-block h2{font-size: 32px;  color: #191c53; width:100%; }

.banner{height:660px; background:url("../images/banner-bg.jpg") repeat-x 0 0; background-size: auto; overflow:hidden; width:100%;}
.banner ul li{position:absolute;}
.banner ul li .banner-img{position:absolute;right:0;width:890px;}
.banner ul li .banner-img:before{background:url("../images/shape-img.png") no-repeat 0 0;background-size: cover;content:""; position:absolute; left:0;top:0;bottom:0;width:100%;}

.banner ul li .banner-img.s1:after{background:url("../images/banners/application-development.png") no-repeat 0 0;background-size: cover;content:""; position:absolute; left:0;top:0;bottom:0;width:100%}
.banner ul li .banner-img.s2:after{background:url("../images/banners/devops.png") no-repeat 0 0;background-size: cover;content:""; position:absolute; left:0;top:0;bottom:0;width:100%;}
.banner ul li .banner-img.s3:after{background:url("../images/banners/mobile-app-development.png") no-repeat 0 0;background-size: cover;content:""; position:absolute; left:0;top:0;bottom:0;width:100%}
.banner ul li .banner-img.s4:after{background:url("../images/banners/technology-consulting.png") no-repeat 0 0;background-size: cover;content:""; position:absolute; left:0;top:0;bottom:0;width:100%;}
.banner ul li .banner-img.s5:after{background:url("../images/banners/web-development.png") no-repeat 0 0;background-size: cover;content:""; position:absolute; left:0;top:0;bottom:0;width:100%}

.tp-caption{position:absolute; left:0;right:0;/*top:150px !important;*/}
.banner-content h2{font-size:77px; font-weight:500; color:#fff;font-family: 'Montserrat', sans-serif;}
.banner-content .banner-btn{margin-top:50px;}
.banner-content .banner-btn a{font-size:22px; line-height:68px; padding:0 30px 0 50px; display:inline-block; margin-right:20px; background:#eb7023;  border:1px solid #eb7023;border-radius:40px;color:#fff;position:relative;}
.banner-content .banner-btn a:before{background:url("../images/employee-btn-icon.png") no-repeat 0 0;content:"";position:absolute;width:23px;height:25px;left: 20px;top: 20px;}
.banner-content .banner-btn a.client-btn{margin-right:0px; background:none; border:1px solid #fff;}
.banner-content .banner-btn a.client-btn:before{background:url("../images/client-icon.png") no-repeat 0 0;content:"";position:absolute;width:25px;height:29px;left: 20px;top: 20px;}

.banner-inner{ overflow:hidden; background-size: cover;}

.dev-block{background:#D2ECF9; padding:12px; border-radius:10px; margin-bottom:20px; color:#000; }
.dev-block ul{padding-left:15px;}
.dev-block ul li{font-size:16px; line-height:33px;}

.forcefullwidth_wrapper_tp_banner,.tp-banner-container{height:100% !important;}
ul.slimmenu li .sub-toggle{right: -16px; top: 14px; z-index:0;}
.subtitle{color:#eb7022; padding:0px 0px 10px 0px;}
.subtitles{color:#eb7022; padding:0px 0px 10px 0px; text-align:center;}
.heading{color:#1D71B8; font-weight:bold;}
.space-bottom{padding:0px 0px 25px 0px;}

.Maintenance{background:#F9F9F9; padding:25px 0px;}
.contactform{width:100%; padding:25px 0px;}
.border-radius{border-radius:10px;}
.redmore{text-align:center; }
form label.error{ 	color: red;     font-size: 13px; 	margin:0 }
.form-group {margin-bottom: 0.7rem;}

.web-section{background:#EBF6FC; padding:50px 0px 50px 0px; margin-bottom:80px;}
h5.title{text-align:center; padding:12px 0px; color:#111; font-weight:600;}

#slider-mobile [type=radio] {
  display: none;
}

#slider-mobile { height: 35vw; position: relative; perspective: 1000px; transform-style: preserve-3d;}

#slider-mobile label {margin: auto; width: 30%; height: 100%; border-radius: 4px; position: absolute; left: 0; right: 0; cursor: pointer; transition: transform 0.4s ease;}
#slider-mobile label img{width: 100%; height: auto; }
#s1:checked ~ #slider-mobile4, #s2:checked ~ #slider-mobile5, #s3:checked ~ #slider-mobile1, #s4:checked ~ #slider-mobile2, #s5:checked ~ #slider-mobile3 {box-shadow: 0 1px 4px 0 rgba(0,0,0,.37); transform: translate3d(-30%,0,-200px);}
#s1:checked ~ #slider-mobile5, #s2:checked ~ #slider-mobile1, #s3:checked ~ #slider-mobile2, #s4:checked ~ #slider-mobile3, #s5:checked ~ #slider-mobile4 {box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);  transform: translate3d(-15%,0,-100px);}
#s1:checked ~ #slider-mobile1, #s2:checked ~ #slider-mobile2, #s3:checked ~ #slider-mobile3, #s4:checked ~ #slider-mobile4, #s5:checked ~ #slider-mobile5 {box-shadow: 0 13px 25px 0 rgba(0,0,0,.3), 0 11px 7px 0 rgba(0,0,0,.19);  transform: translate3d(0,0,0);}

#s1:checked ~ #slider-mobile2, #s2:checked ~ #slider-mobile3, #s3:checked ~ #slider-mobile4, #s4:checked ~ #slider-mobile5, #s5:checked ~ #slider-mobile1 {box-shadow: 0 6px 10px 0 rgba(0,0,0,.3), 0 2px 2px 0 rgba(0,0,0,.2);  transform: translate3d(15%,0,-100px);}

#s1:checked ~ #slider-mobile3, #s2:checked ~ #slider-mobile4, #s3:checked ~ #slider-mobile5, #s4:checked ~ #slider-mobile1, #s5:checked ~ #slider-mobile2 {  box-shadow: 0 1px 4px 0 rgba(0,0,0,.37);  transform: translate3d(30%,0,-200px);}

#slider-mobile1 { background: #00BCD4 }
#slider-mobile2 { background: #4CAF50 }
#slider-mobile3 { background: #CDDC39 }
#slider-mobile4 { background: #FFC107 }
#slider-mobile5 { background: #FF5722 }