/*Global css start*/
body{margin:0;padding:0;background:#fff;font-family:'poppinsregular', Helvetica, Arial, sans-serif;color:#000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a, abbr, address, area, article, aside, audio,b, base, bdi, bdo, blockquote, br, button,canvas, caption, cite, code, col, colgroup, command,datalist, dd, del, details, dfn, div, dl, dt,em, embed,fieldset, figcaption, figure, footer, form,h1, h2, h3, h4, h5, h6, head, header, hgroup, hr, html,i, iframe, img, input, ins,kbd, keygen,li, link,map, mark, menu, meta, meter,nav, noscript,object, ol, optgroup, option, ouput,p, param, pre, progress,q,rp, rt, ruby,s, samp, script, section, select, small, source, span, style, sub, summary, sup,table, tbody, td, textarea, tfoot, th, thead, time, title, tr, track,u, ul, var, video,wbr{margin:0; padding:0; outline:none; -webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-weight:normal;}
canvas, footer, header, menu, nav, section{display:block;}
strong{font-family:'poppinsbold'}
a{text-decoration:none;}
a,img,link,area,nav,menu {border:none;}
dd, dl, dt, ol, ul{ list-style:none; }
table,tr,td{border-collapse:collapse; border-spacing:0; }
textarea {resize:none; }
a:hover, a:active, a:focus{ text-decoration:none; outline:none ;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block; clear:both; visibility:hidden; }
.cb{clear:both;}
.fl{float:left;}
.fr{float: right;}
.margin_right{margin-right:10px;}
.margin_top{margin-right:10px;}
a{color:#064688; text-decoration:none;}
.dots {font-size: 30px;margin:0 0 10px;display: inline-block; color:#197cd9;}
/*Global css end */

/*main css start*/
#mainCntr{ width:100%; display:block;}
.wrapper{width:1120px; margin:0 auto;}

#headerCntr{width: 100%; display: block; height:80px; background:rgba(0, 0, 0, 0.5); position:relative; z-index:999999; position:fixed;}
#headerCntr .logo{float:left;margin:3px 0;}
#headerCntr .logo span{float:left; margin:2px 0 0;}
#headerCntr .logo .logotext{float:left; font:26px/32px 'poppinsregular'; color:#fff; margin:20px 0 5px 20px}
#headerCntr .navbar{float:right; margin: 25px -83px 0px 0px;} 
#headerCntr .navbar ul{ float:left; width:100%;list-style:none;}
#headerCntr .navbar ul li{float:left;padding:0 5px; font-size:14px; line-height:16px; color:#fff; font-family:'poppinsregular';}
#headerCntr .navbar ul li a{float:left;padding:10px 10px 10px; color:#fff;}
#headerCntr .navbar ul li a:hover{background:#24bfff;color:#fff; border-radius:5px;}
#headerCntr .navbar ul li.active a{background:#24bfff;color:#fff; border-radius:5px;}
#headerCntr .navbar ul li.contact a{margin-left:30px; padding:10px 15px 10px; border-radius:48px; background:#24bfff;}
#headerCntr .navbar ul li.contact a:hover{color:#fff;}
.mobile_menu{display:none;}
.menuBox{display:none;}

.bannerVideo{float:left; width:100%; }
.bannerVideo .overlay{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align: center;
align-items:center;position:relative;z-index:9;padding:7.3vw;height:100%;width:100%; margin-top:-7px; height:640px;}
.bannerVideo .content_box{float:left; width: 600px; padding-top:50px;}
.bannerVideo h2{font-size:35px; line-height:40px; color:#fdf9f9; float:left; width:100%;margin-bottom:50px; text-transform:uppercase;}
.bannerVideo p{font-size:16px; line-height:24px; color:#fff; float:left; width:100%; letter-spacing:1.9px;opacity:.76;}
.bannerVideo .read_more{float:left;color: #24bfff;font-size:18px;line-height:22px;padding:10px 20px;border-radius:0;text-align: center;border:1px solid #24bfff;margin:40px 0 0px;}
/*.bannerVideo .read_more:hover{color:#fff; background:#24bfff;}*/

.who_content{float:left; width:100%; padding:22px 0 50px;}
.who_content h3{margin:30px 0;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.who_content h3.space{ margin-top:50px;}
.who_content p{float:left; width:100%; font-size:14px; line-height:25px; color:#2e343f; text-align:center;}
.who_content .map{display:block; text-align:center;}

.offer_details{float:left; width:100%; height:662px; background:url(../images/offer_bg.jpg) repeat-x 0 0;}
.offer_details h3{margin:30px 0;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.png) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.offer_details ul.tab{float:left; width:100%; list-style:none; padding:30px 0 16px;}
.offer_details ul.tab li{float:left; font-size:20px;line-height:22px; color:#333;text-transform:uppercase;color:#323232;}
.offer_details ul.tab li a{float:left; font-size:18px;line-height:22px; padding:0 126px 16px; text-transform:uppercase; color:#323232;border-bottom: 3px solid #333;font-family:'poppinsbold';}
.offer_details ul.tab li.active a{color:#3f7fe7;border-bottom: 3px solid #3f7fe7;}
.offer_details ul.tab li.active{display:inherit;}
.offer_details .box_details.active{display:inherit;}
.offer_details .box_details{float:left; width:100%; padding-top:60px; display:none;}
.offer_details .box_details ul{float:left; width:100%; list-style:none;}
.offer_details .box_details ul li{float:left; width:372px;}
.offer_details .box_details ul li a{float:left; width:372px; height:190px; border:1px solid #e9e9e9; background:#fff; padding:33px 22px 0 24px;}
.offer_details .box_details ul li a:hover .content h4{color:#fff;}
.offer_details .box_details ul li a:hover .content p{color:#fff;}
.offer_details .box_details ul li a:hover{background:#3f8df0;}

.offer_details .box_details ul li a:hover .icon img{width:85%;}
.offer_details .box_details ul li:nth-child(1) a{border-radius:10px 0 0 0;}
.offer_details .box_details ul li:nth-child(3) a{border-radius:0 10px 0 0;}
.offer_details .box_details ul li:nth-child(4) a{border-radius:0 0 0 10px;}
.offer_details .box_details ul li:nth-child(6) a{border-radius:0 0 10px 0;}
.offer_details .box_details .icon{ float: left; width: 84px; margin-top: 12px;}
.offer_details .box_details .content{float:left; width:240px;}
.offer_details .box_details .content h4{float:left;width:100%; font-size: 14px; line-height: 17px; color:#24bfff; padding-bottom:15px;font-family:'poppinsbold';}
.offer_details .box_details .content p{float:left; width: 100%; font-size: 14px; line-height: 18px; color:#2e343f;}
.offer_details .offer-image{position:relative;-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%;-webkit-transition:all .3s ease;transition:all .3s ease;}
.offer_details .offer-image g>path{-webkit-transition:all .3s linear;transition:all .3s linear}
.offer_details .offer-content{-webkit-box-flex:0;-ms-flex:0 1 70%;flex:0 1 70%;max-width:260px;padding-left:3px}
.offer_details .offer-content-title{max-width:260px;margin-bottom:13px;font-size:15px;font-weight:600;line-height:1;text-align:left;color:#323232;text-transform:capitalize;-webkit-transition:all .3s ease;transition:all .3s ease;}

.skill_details{float:left; padding:11px 0 21px; width:100%; margin-top:50px;}
.skill_details .left_details{width: 48%; float: left;}
.skill_details .left_details h3{float:left; width:100%; font-size:24px; line-height:26px;color:#2e9ef2; position:relative; margin-bottom:30px;}
.skill_details .left_details h3:after{content:""; height: 2px;left: 0;position: absolute;top: 40px;width:55px;background-color:#2895f1;}
.skillbar{position:relative;display:block;margin-bottom:15px;width:100%;background:#eee;height:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-webkit-transition:.4s linear;-moz-transition:.4s linear;-ms-transition:.4s linear;-o-transition:.4s linear;transition:.4s linear;-webkit-transition-property:width,background-color;-moz-transition-property:width,background-color;-ms-transition-property:width,background-color;-o-transition-property:width,background-color;transition-property:width,background-color}
.skillbar-title{position:absolute;top:0;left:0;width:140px;font-weight:700;font-size:13px;color:#fff !important;background:#6adcfa;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}
.skillbar-title span{display:block;background:rgba(0,0,0,0.1);padding:0 20px;height:20px;line-height:22px;-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px}
.skillbar-bar{height:20px;width:0;background:#6adcfa;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
.skill-bar-percent{position:absolute;left:50%;top:0;font-size:11px;height:20px;line-height:21px;color:#fff;}

.skill_details{float:left; padding:30px 0 30px; width:100%; margin-top:50px;}
.skill_details .right_details{width:48%; float:right;}
.skill_details .right_details h3{float:left; width:100%;font-size:24px; line-height:26px;color:#2e9ef2; position:relative; margin-bottom:30px;}
.skill_details .right_details h3:after{content:""; height: 2px;left: 0;position: absolute;top: 40px;width:55px;background-color:#2895f1;}
.skill_details .accordian_details{float:left; width:100%;}
.skill_details .accordian_details ul{float:left; width:100%; list-style:none;}
.skill_details .accordian_details ul li{margin-bottom:5px;float:left; width:100%; padding:8px 14px 11px; border:1px solid #ddd; font-size:16px; line-height:22px; color:#222;}
.skill_details .accordian_details ul li a{float:left; width:100%;color:#222; text-decoration:none;}
.skill_details .accordian_details ul li a:hover{color:#2e9ef2;}
.skill_details .accordian_details ul li a:hover .fa{color:#2e9ef2;}
.skill_details .accordian_details ul li a.open .fa{color:#2e9ef2;}
.skill_details .accordian_details ul li .fa{float:right; margin:5px 0 0;}
.skill_details .accordian_details ul li a.open .fa-plus-square{display:none;}
.skill_details .accordian_details ul li a.open .fa-minus-square{display: block;}
.skill_details .accordian_details ul li a .fa-plus-square{display:block;}
.skill_details .accordian_details ul li a .fa-minus-square{display:none;}
.skill_details .content_details{float:left; width:100%; padding:15px; display:none;}
.skill_details .content_details p{float:left; width:100%;font:14px/18px 'poppinsregular'; color:#555; padding-bottom:20px;}
.skill_details .content_details ol{padding:0 0 0 40px; list-style:decimal;}
.skill_details .content_details ol li{float:none; width:auto; font-size:15px; line-height:22px;color: #222; border:none; padding:0; margin:0;}

.testimonial{background-attachment:fixed;background-image:url(../images/testimonial-1.jpg);background-repeat:repeat;background-size:cover;color:#fff;display:inline;float:left;width:100%;}
.testimonial .overlay{background:rgba(0, 0, 0, 0.32%); padding:30px 0 30px;}
.testimonial h3{float:left; width:100%; font:25px/30px 'poppinsregular'; color:#fff;text-align:center; }
.testimonial h3 span{display:inline-block; position:relative;}
.testimonial h3 span:after{content:""; height:2px;left: 77px;
    position: absolute;
    top: 50px;
    width: 55px;
    background-color: #fff;}
.testimonial .slider_details{width:605px; margin:81px auto 0;}
.testimonial .slider_details .pic{border-radius: 50%;height: 100px;margin: 0 auto 30px;text-align: center; width: 100px;}
.testimonial .slider_details .pic img{width: 100%;border-radius: 50%;}
.testimonial .slider_details .content{display:block;}
.testimonial .slider_details .content p{font:16px/22px 'poppinsregular'; color:#fff; text-align:center; padding-bottom:15px;}

.client_details{float:left; width:100%; padding:10px 0 30px;}
.client_details.space_none{padding:10px 0 0;}
.client_details h3{margin:30px 0;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.png) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.client_details p{float:left; width:100%;font:16px/20px 'poppinsregular';color:#62666f; text-align:center; padding-bottom:40px;}
.client_details .client_logo{float:left; width:100%; text-align:center;}
.client_details .client_logo .row{float:left; width:100%;}
.client_details .client_logo .client-logo{float:left; width:220px;text-align:center;}
.client_details .client_logo .client-logo img{width:auto; display:inline-block;}
.client_details .clientslider{margin-top:40px;}
.core_team h3.apmember {
    margin: 30px 0;
    padding-bottom: 25px;
    float: left;
    width: 100%;
    font-size: 25px;
    line-height: 30px;
    color: #000;
    background: url(../images/heading_icon.png) no-repeat center bottom;
    text-transform: uppercase;
    text-align: center;
}

/*.core_team{float:left; width:100%;}
.core_team h3{margin:30px 0;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.png) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.core_team .box{float:left; width:204px; text-align:center;}
.core_team .box .pic{display:inline-block;width:180px; border:2px solid #2895f1; margin-left:12px; position:relative;border-radius: 54%;
overflow: hidden;height: 168px; background:#fff;}
.core_team .box .pic img{display:block;}
.core_team .box .text{margin-top:-40px;padding:60px 0 30px; height:125px;display:inline-block;width:204px; border:1px solid #000; font-size:16px; line-height:22px;color:#222; text-align:center;}
.core_team .box .text span{ font-size:13px; line-height:15px;color:#222; display:block;}
.core_team .box .text:hover{border:1px solid #2895f1;}

.portfolio_details{float: left; width: 100%; background:#b5b9b8; margin:50px 0 20px;}*/
.portfolio_details h3{margin:30px 0;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.png) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.portfolio_details .pic{float:left; width:48%;}
.portfolio_details .pic img{width:100%;}
.portfolio_details .content{float:left; width:48%;}
.portfolio_details .content h4{padding-bottom:15px;float:left; width:100%;font:20px/24px 'poppinsbold';color:#000; text-transform:uppercase;}
.portfolio_details .content p{float:left; width:100%; font-size:14px; line-height:22px;color:#000;}
/*.portfolio_details .content .view_more{ margin-top:20px;padding:7px 20px 6px;float:left; background:#fff; font-size:14px; line-height:18px; color:#000;border-radius:20px;}
.portfolio_details .content .view_more:hover{background:#24bfff;color:#fff;}*/

.aboutCntr{float:left; width:100%;}
.aboutCntr .banner{float:left; width:100%; height:400px; background:url(../images/about-banner1.jpg) no-repeat center 0;}
.aboutCntr .banner h3{display:none;}
.aboutCntr .about_content{float:left; width:100%; padding:55px 0 50px;}
.aboutCntr .about_content .pic{float:left; width:43%; margin:60px 90px 0 0;}
.aboutCntr .about_content .pic.right{float:right; width:40%; margin:50px 0 0 0;}
.aboutCntr .about_content .pic img{width:100%;}
.aboutCntr .about_content .content{float:left; width:47%;}
.aboutCntr .about_content .content.left{float:left; width:45%;} 
.aboutCntr .about_content h2{margin-bottom:60px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.aboutCntr .about_content .content h3{padding-bottom: 25px; float: left; width: 100%; font: 20px/25px 'poppinsbold'; color:#000;}
.aboutCntr .about_content .content h4{padding-bottom: 25px; float: left; width: 100%; font-size:16px; line-height:20px; color:#000;}
.aboutCntr .about_content .content p{padding-bottom:15px; float: left; width: 100%; font-size:14px; line-height:24px; color:#777;}
.aboutCntr .about_content .content p a{color:#24bfff; text-decoration:none;}
.aboutCntr .about_content .content p a:hover{color:#24bfff; text-decoration:underline;}
.aboutCntr .about_content .content ul{ float:left; width:100%; list-style:none;}
.aboutCntr .about_content .content ul li{ padding:1px 0 15px 30px;float:left; width:100%;font-size:14px; line-height:20px;color:#777; vertical-align:bottom; background:url(../images/bulet.png) no-repeat 0 0;}
.aboutCntr .about_content .content ul li span{float:left; width:90%;}
.aboutCntr .work_details{float:left; width:100%;}
.aboutCntr .work_details h3{margin-bottom:40px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.aboutCntr .work_details p{padding:0 10%; float: left; width:100%; font-size:16px; line-height:22px;color: #777; text-align:center;}
.aboutCntr .work_details p a{color:#24bfff; text-decoration:none;}
.aboutCntr .work_details p a:hover{color:#24bfff; text-decoration:underline;}
.aboutCntr .business_analysis{float:left; width:615px; margin:32px 0 0 222px; height:526px;}
.aboutCntr .business_analysis .block1{float:left; width:230px; position:relative;}
.aboutCntr .business_analysis .block2{float:left; width:230px; position:relative; margin:-233px 0 0 370px;}
.aboutCntr .business_analysis .block3{float:left; width:230px; position:relative; margin:30px 0 0 370px;}
.aboutCntr .business_analysis .block4{float:left; width:230px; position:relative; margin:-194px 0 0 0;}
.aboutCntr .business_analysis .round{margin-left:70px;float:left; width:60px; height:60px; background:#f2f2f2 url(../images/search.png) no-repeat 11px 10px; border-radius:50px;}
.aboutCntr .business_analysis .round.round2{background:#f2f2f2 url(../images/legal_agreement_icon.png) no-repeat 11px 10px;}
.aboutCntr .business_analysis .round.round3{background:#f2f2f2 url(../images/gurantee_icon.png) no-repeat 11px 10px;}
.aboutCntr .business_analysis .round.round4{background:#f2f2f2 url(../images/legal_agreement_icon.png) no-repeat 11px 10px;}
.aboutCntr .business_analysis .round:after{content:""; position: absolute; height:0;width:500px; left:130px; top:27px; border-top:2px dashed #24bfff; }
.aboutCntr .business_analysis .block2 .round:after{content:"";position:absolute;height:0;width:2px; height:260px; left:261px; top:27px;border-left:2px dashed #24bfff;}
.aboutCntr .business_analysis .block3 .round:after{content:""; position:absolute; height:2px; width:129px; right:-29px; top:27px;border-top:2px dotted #24bfff;}
.aboutCntr .business_analysis .block4 .round:after{content:""; position:absolute; height:2px; width:306px; left:134px; top:27px;border-top:2px dotted #24bfff;}
.aboutCntr .business_analysis .text{float:left; width:220px;}
.aboutCntr .business_analysis .text h5{float: left; width: 100%; font:16px/38px 'poppinsbold'; color:#000; text-align:center;}
.aboutCntr .business_analysis .text p{padding-bottom:15px;float: left; width:100%; font-size:12px; line-height:20px; color:#777;text-align:center;}

.global_details {float:left;width:100%; padding-bottom:50px;}
.global_details h3{margin-bottom:40px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.global_details p{float: left; width:100%; font-size:16px; line-height:27px;color: #777; text-align:center;}
.global_details .pic{display:block;text-align:center;}
.global_details .pic img{width:100%;}
.our_details{float:left; width:100%; background:url(../images/our_process_bg.jpg) repeat-x 0 0;}
.our_details .inner{float:left; width:100%; height:595px; background:url(../images/our_process.jpg) no-repeat center 0;}

.serviceCntr{float:left; width:100%;}
.serviceCntr .banner{float:left; width:100%; height:400px; background:url(../images/sirvice_banner.png) no-repeat center 0;background-size: cover;}
.serviceCntr .banner h3{display:none;}

.product_details{ float:left; width:100%; padding:60px 0 60px;}
.product_details h3{margin-bottom:40px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.product_details p{padding:0 0 15px 120px; float: left; width: 92%; font-size:14px; line-height:24px; color:#777;}
.product_details p a{color:#24bfff; text-decoration:none;}
.product_details p a:hover{color:#24bfff; text-decoration:underline;}


.custom_details{ float:left; width:100%; padding:60px 0 60px;}
.custom_details h3{margin-bottom:40px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.custom_details p{padding:0 0 15px 120px; float: left; width: 92%; font-size:14px; line-height:24px; color:#777; text-align:center;}
.custom_details p a{color:#24bfff; text-decoration:none;}
.custom_details p a:hover{color:#24bfff; text-decoration:underline;}
.custom_details .custom_slider{margin:50px 0 0 250px;float:left; width:850px;}
.custom_details .custom_slider .block{float:left; width:275px; height:365px; position:relative; background:#fff; border-radius:45px;
-webkit-box-shadow:2px 2px 60px 0 #c3c3c3; box-shadow: 2px 2px 60px 0 #c3c3c3; cursor:pointer;}
.custom_details .custom_slider h4 svg{fill:#24bfff; width:60px; height:50px; margin:20px 0 0 108px; text-align:center; display:block;}
.custom_details .custom_slider h5{float:left; width:100%; font-size:14px; line-height:20px; color:#000; text-align:center;}
.custom_details .custom_slider p{float:left; width:100%; font-size:14px; line-height:30px; color:#000; text-align:center; padding:10px 10px 0; margin:0;}
.custom_details .custom_slider .block.block1{position:relative;z-index:999;margin-left:-120px;}
.custom_details .custom_slider .block.block2{position:relative;z-index:999;margin-left:-120px;}
.custom_details .custom_slider .block.block3{position:relative;z-index:99999;margin-left:-120px;}
.custom_details .custom_slider .block.block4{position:relative;z-index:9999;margin-left:-100px;}
.custom_details .custom_slider .block.block5{position:relative;z-index:999;margin-left:-80px;}

.implementation{float:left; width:100%; margin:80px 0 50px;}
.implementation h3{margin-bottom:40px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.implementation p{padding:0 0 15px 120px; float: left; width: 92%; font-size:14px; line-height:24px; color:#777; text-align:center;}
.implementation p a{color:#24bfff; text-decoration:none;}
.implementation p a:hover{color:#24bfff; text-decoration:underline;}
.implementation .row{width:800px; margin:0 auto;}
.implementation .col{float:left; width:47%; margin:0 10px;}
.implementation .col .icon{margin-left:40%;float: left; width:65px; height:65px; border-radius:80px; background:#f3f3f3 url(../images/software_development_icon.png) no-repeat center 10px;}
.implementation .col .icon.icon1{background:#f3f3f3 url(../images/fast-development.png) no-repeat center 13px;}
.implementation .col .icon.icon2{background:#f3f3f3 url(../images/team.png) no-repeat center 8px;}
.implementation .col .icon.icon3{background:#f3f3f3 url(../images/technical-support.png) no-repeat center 3px;}
.implementation .col h4{padding-top:20px;float:left; width:100%;font-size:14px; line-height:24px; color:#777; text-align:center;}
.implementation .col p{float:left; width:100%; font-size:14px; line-height:30px; color:#000; text-align:center; padding:0;}

.key_benefits{float:left; width:100%;}
.key_benefits h3{margin-bottom:40px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.key_benefits p{padding:0 0 15px 120px; float: left; width: 92%; font-size:14px; line-height:24px; color:#777; text-align:center;}
.key_benefits p a{color:#24bfff; text-decoration:none;}
.key_benefits p a:hover{color:#24bfff; text-decoration:underline;}
.key_benefits .mobile_row{width:900px; position:relative; height:700px; margin:200px auto 0;}
.key_benefits .mobile_col.col1{position:absolute; left:0; top:10px;}
.key_benefits .mobile_col.col2{position:absolute; left:300px; top:10px;}
.key_benefits .mobile_col.col3{position:absolute; left:600px; top:10px;}
.key_benefits .mobile_col.col4{position:absolute; left:170px; top:350px;}
.key_benefits .mobile_col.col5{position:absolute; left:470px; top:350px;}
.key_benefits .mobile_col{width:320px; padding:0 40px; height:320px; float:left; background:#fff;-webkit-box-shadow:2px 2px 60px 0 #c3c3c3; box-shadow: 2px 2px 60px 0 #c3c3c3; -webkit-box-sizing: border-box; border-radius:50%; cursor:pointer;-webkit-transition: all .6s ease;
-o-transition: all .6s ease;transition: all .6s ease;}
.key_benefits .mobile_col:hover{-webkit-transform: scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05);z-index:20;}
.key_benefits .mobile_col .icon{float:left; width:100%; text-align:center; margin:20px 0 0;}
.key_benefits .mobile_col h4{padding-top:10px; float:left; width:100%;font-size:14px; line-height:24px; color:#000; text-align:center; font-family:'poppinsbold';}
.key_benefits .mobile_col p{float:left; width:100%; font-size:12px; line-height:25px; color:#000; text-align:center; padding:0;}

.portfolioCntr{float:left; width:100%;}
.portfolioCntr .bannerCntr{width:100%; height:400px; background:url(../images/portfolio.png) no-repeat center 0; background-size:cover;}
.portfolioCntr .bannerCntr h3{display:none;}
.portfolioCntr .tab{float:left; width:100%; list-style:none; margin-top:70px; text-align:center;}
.portfolioCntr .tab li{ display:inline-block;padding:6px 15px; margin:0 5px;border: 1px solid #ccc;transition: all 0.5s; cursor:pointer;}
.portfolioCntr .tab li:hover, .portfolioCntr .tab li.active{background-color: #2895f1; color:#fff; border-color: #2895f1;}
.portfolioCntr .portfolio_sec{float:left; width:100%;}
.portfolioCntr .portfolio_sec ul{float:left; width:100%; list-style:none;}
.portfolioCntr .portfolio_sec ul li:nth-child(3n){margin-right:0;}
.portfolioCntr .portfolio_sec ul li{float: left; width:32%; padding:5px; position:relative; background:#fff; border:1px solid #dfdfdf; margin:15px 15px 0 0;}
.portfolioCntr .portfolio_sec ul li img{ width: 100%; height:200px;}
.portfolioCntr .portfolio_sec .overlay{float:left; width:97%; height:92px;padding:8px 0 12px 10px;position:absolute; left:6px; bottom:8px; background:rgba(0, 0, 0, 0.7);}
.portfolioCntr .portfolio_sec .overlay h6{padding-bottom:4px; display:block; font-size:16px; line-height:18px; color:#fff;}
.portfolioCntr .portfolio_sec .overlay p{float: left; width:100%; font-size:12px; line-height:18px; color:#fff; padding-bottom:5px;}
.portfolioCntr .portfolio_sec .overlay p a{color:#fff; text-decoration:none;}
.portfolioCntr .portfolio_sec .overlay p a:hover{text-decoration:underline;}

.blogCntr{float:left; width:100%;}
.blogCntr .banner{float:left; width:100%; height:400px; background:url(../images/bannerforblog.jpg) no-repeat center -65px;}
.blogCntr .blog_details{float: left; width: 100%; padding:50px 0;}
.blogCntr .blog_details h2{margin-bottom:40px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.blogCntr .blog_details .left_details{float:left; width:68%;}
.blogCntr .blog_details .left_details .block_details{float:left; width:100%; border:1px solid #bbbcbe; padding:20px; margin-bottom:20px;}
.blogCntr .blog_details .left_details .block_details .pic{float:left; width:181px; margin-right:15px;}
.blogCntr .blog_details .left_details .block_details .content{float:left; width:68%;}
.blogCntr .blog_details .left_details .block_details h4{padding-bottom:10px; float: left; width: 100%; font-size:18px; line-height:22px; color:#000;}
.blogCntr .blog_details .left_details .block_details p{float: left; width:100%; font-size:13px; line-height:20px; color:#000; padding-bottom:5px;}
.blogCntr .blog_details .left_details .block_details p a{color:#24bfff; text-decoration:underline;}
.blogCntr .blog_details .left_details .block_details p a:hover{text-decoration:none;}
.blogCntr .blog_details .right_details{float:right; width:30%;}
.blogCntr .blog_details .papular_details{float:left; width:100%; border:1px solid #bbbcbe; padding:10px;}
.blogCntr .blog_details .papular_details h4{padding-bottom:10px; float:left; width:100%; font-size:14px; line-height:20px; color:#000; text-transform:uppercase;}
.blogCntr .blog_details .papular_details ul{float:left; width:100%; list-style:none;}
.blogCntr .blog_details .papular_details ul li{float:left; width:100%; border-bottom:1px solid #999; padding-bottom:10px; margin-bottom:10px;}
.blogCntr .blog_details .papular_details ul li:last-child{border:none; padding:0; margin:0;}
.blogCntr .blog_details .papular_details .pic{float:left; width:85px; margin-right:10px;}
.blogCntr .blog_details .papular_details p{float: left; width:69%; font-size:13px; line-height:20px; color:#000;}
.blogCntr .blog_details .recent_details{float:left; width:100%; border:1px solid #bbbcbe; padding:10px; margin-top:10px;}
.blogCntr .blog_details .recent_details h4{padding-bottom:10px; float:left; width:100%; font-size:16px; line-height:20px; color:#000; text-transform:uppercase;}
.blogCntr .blog_details .recent_details p{padding-bottom:15px; float:left; width:100%; font-size:13px; line-height:20px; color:#000;}
.blogCntr .blog_details .category{float:left; width:100%; border:1px solid #bbbcbe; padding:10px; margin-top:10px;}
.blogCntr .blog_details .category ul{float:left; width:100%; list-style:none;}
.blogCntr .blog_details .category ul li{float:left; width:100%; font-size:14px; line-height:18px;}

.contactCntr{float:left; width:100%;}
.contactCntr .banner{float:left; width:100%; height:400px; background:url(../images/contact-us-banner.jpg) no-repeat center -65px;}
.contactCntr .contact_details{float:left; width:100%; padding:15px 0; margin-top:40px;}
.contactCntr .contact_details h2{margin-bottom:40px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.contactCntr .left_details{float:left; width:55%; border:1px solid #24bfff; padding:20px;border-top: 5px solid #24bfff;
    border-radius: 5px;
    border-bottom: 5px solid #24bfff;}
.contactCntr .left_details label{float:left; width:100%; font-size:18px; line-height:22px; color:#333; padding-bottom:9px;}
.contactCntr .left_details input.text{float:left; width:100%; border:1px solid #ccc; font:14px/18px 'poppinsbold'; color:#333; padding:7px 5px 9px; margin-bottom:10px;}
.contactCntr .left_details textarea{float:left; width:100%; border:1px solid #ccc; height:195px; font:14px/18px 'poppinsbold'; color:#333; padding:7px 5px 9px; margin-bottom:10px;}
.contactCntr .left_details .submit{float:right; width:110px; border:none; cursor:pointer; font:18px/22px 'poppinsregular'; color:#fff; padding:7px 8px 7px; background:#33ccff;}
.contactCntr .right_details{float:right; width:42%; border:1px solid #24bfff; padding:20px 20px 32px;border-top: 5px solid #24bfff;
    border-radius: 5px;
    border-bottom: 5px solid #24bfff;}
.contactCntr .right_details h4{float:left; width:100%;font:22px/25px 'poppinsregular'; color:#333; padding-bottom:15px;}
.contactCntr .right_details h5{float:left; width:100%;font:15px/22px 'poppinsregular'; color:#333; margin-bottom:10px;}
.contactCntr .right_details p{padding-bottom:17px; float:left; width:100%; font-size:13px; line-height:20px; color:#000;}

.careerCntr{float:left; width:100%;}
.careerCntr .banner{float:left; width:100%; height:400px; background:url(../images/web-banner-career.png) no-repeat center top; background-size:cover;}
.careerCntr .banner h3{display:none;}
.careerCntr .top_details{float:left; width:100%; padding:15px 0;}
.careerCntr .top_details h2{margin:40px 0 20px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.careerCntr .top_details p{float:left; width:100%; font-size:14px; line-height:25px; color:#000;}
.careerCntr .top_details h3{margin:40px 0 20px; float: left; width: 100%; font-size:22px; line-height:25px; color:#000; text-transform:uppercase; text-align:center;}
.careerCntr .top_details p.center{padding-bottom:40px;float:left; width:100%; font-size:14px; line-height:25px; color:#000; text-align:center;}
/*.careerCntr .top_details .col{float: left; width: 20%; margin: 0 25px;}*/
.careerCntr .top_details .col {
    float: left;
    width: 20%;
    margin: 0 25px;
    border: 1px solid #efefef;
    padding: 15px;
    box-shadow: 2px 3px 4px #efefef;
    min-height: 290px;
    margin-bottom: 15px;
    text-align: center;
    transition: .5s;
}

.careerCntr .top_details .col:hover {
    box-shadow: 2px 3px 10px #b9b9b9;
    transition: .5s;
}
.careerCntr .top_details .col .icon{margin-bottom:36px; float:left; width:100%; text-align:center;}
.careerCntr .top_details .col h4{padding-bottom:10px; float: left; width: 100%; font-size:14px; line-height:18px; color:#000; font-family:'poppinsbold';}
.careerCntr .top_details .col p{ padding-bottom: 0px; float:left; width:100%; font-size:14px; line-height:22px; color:#000;}
.careerCntr .meet_details{float:left; width:100%; padding-top:30px; height:350px; background:url(../images/meet_bg.jpg) no-repeat 0 0; background-size:cover;}
.careerCntr .meet_details .team_col{float:left; width:30%; margin:0; text-align:center;}
.careerCntr .meet_details .team_col .team_goal{padding-top:75px; display:inline-block; width:87%; height:320px;background:#fff; border-radius:50%;text-align:center;}
.careerCntr .meet_details .team_col .name{margin-top:20px; display:inline-block; width:86%; font-size:14px; line-height:18px; color:#fff; font-family:'poppinsregular'; text-align:center;}
.career-team img {
    max-width: 73% !important;
}
.careerCntr .meet_details .team_col .team_goal img {width:auto; display:inline-block;}

.careerCntr .resume_details{float: left; width: 100%;}
.careerCntr .resume_details h2{margin:40px 0 20px;padding-bottom:25px; float: left; width: 100%; font-size:25px; line-height:30px; color:#000; background:url(../images/heading_icon.jpg) no-repeat center bottom; text-transform:uppercase; text-align:center;}
.careerCntr .resume_details .row{float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:7px; margin-bottom:35px;}
.careerCntr .resume_details .row label{float:left; font:14px/20px 'poppinsregular'; color:#333;}
.careerCntr .resume_details .row label span{color:#ff3333;}
.careerCntr .resume_details .row input{float:left; width:64%; border: none; background:#fff; padding:5px;font:14px/20px 'poppinsregular';}
.careerCntr .resume_details .row select{float:right; width:64%; border: none; background:#fff; padding:5px;font:14px/20px 'poppinsregular';}
.careerCntr .resume_details .row span{color:#ff3333; font-size:16px; line-height:20px;}
.careerCntr .resume_details .row.col{float:left; width:48%; border-bottom:1px solid #ccc; padding-bottom:3px; margin:0 20px 50px 0;}
.careerCntr .resume_details .row.col.right{float:right; width:48%; border-bottom:1px solid #ccc; padding-bottom:6px; margin:0 0 50px 0;}
.careerCntr .resume_details .row input[type=file]{float:right; width:64%; border:1px solid #999; background:#fff; padding:0;font:14px/20px 'poppinsregular';}
.careerCntr .resume_details .submit{float:right; width:110px; border:none; cursor:pointer; font:18px/22px 'poppinsregular'; color:#fff; padding:7px 8px 7px; background:#33ccff;}

#footerCntr{margin-top:50px;float:left; width:100%; background:url(../images/footer_bg1.jpg) no-repeat 0 0; background-size:cover;}
#footerCntr .inner_bg{padding-top:20px;float:left; width:100%;background:rgba(0,0,0,0.8);}
#footerCntr .contact{float:left; width:390px; margin-right:30px;}
#footerCntr .contact h3{padding-bottom:10px;float:left; width:100%; font:18px/25px 'poppinsbold'; color:#fff;}
#footerCntr .contact p{float:left; width:100%; font:14px/26px 'poppinsregular'; color:#fff;}
#footerCntr .contact p span{font:14px/26px 'poppinsregular'; color:#fff;}
#footerCntr .contact .search{float:left; width:100%; padding-top:15px;}
#footerCntr .contact .search .input{padding:9px 5px 9px;float:left; width:267px; border:1px solid #ccc;font:14px/20px 'poppinsregular'; color:#000; margin-right:8px;}
#footerCntr .contact .search .button{padding:10px 0 10px;float:left; width:114px; background:#24bfff;font:14px/20px 'poppinsregular'; color:#fff; cursor:pointer; border:none;}
#footerCntr .contact .search .button:hover{background:#fff; color:#000;}
#footerCntr .contact .social{float:left; width:380px; margin-top:20px;}
#footerCntr .contact .social a{float:left; width:37px; height:38px; margin-right:29px; background:url(../images/social_icon1.png) no-repeat 0 0;}
#footerCntr .contact .social a.fb{background-position:0 0;}
#footerCntr .contact .social a.tw{background-position:-58px 0;}
#footerCntr .contact .social a.gplus{background-position:-118px 0;}
#footerCntr .contact .social a.linkdin{background-position:-183px 0;}
#footerCntr .contact .social a:hover{background-position:0 -39px;}
#footerCntr .contact .social a.tw:hover{background-position:-58px -39px;}
#footerCntr .contact .social a.gplus:hover{background-position:-118px -39px;}
#footerCntr .contact .social a.linkdin:hover{background-position:-183px -39px;}
#footerCntr .map{float:right; width:32%; margin-top:30px;}
#footerCntr .map img{width:100%;}
#footerCntr .about{float:left; width:310px; margin-right:30px;}
#footerCntr .about h3{padding:15px 0;float:left; width:100%;font:18px/24px 'poppinsbold'; color:#fff;}
#footerCntr .about p{float:left; width:100%; font-size:14px; line-height:27px;color:#fff;}
#footerCntr .about p a{color:#24bfff; text-decoration:underline;}
#footerCntr .about p a:hover{text-decoration:none;}
#footerCntr .bottom_details{float:left; width:100%; padding:15px 0;}
#footerCntr .bottom_details .link{float:left; width:65%; list-style:none;}
#footerCntr .bottom_details .link li{float:left; padding:0 20px 0 0; margin-right:20px; font-size:13px; line-height:27px; color:#fff; background:url(../images/divider.gif) no-repeat right 8px;}
#footerCntr .bottom_details .link li a{color:#fff; text-decoration:none;}
#footerCntr .bottom_details .link li a:hover{color:#24bfff;}
#footerCntr .bottom_details .link li:last-child{background:none;}
#footerCntr .bottom_details p{float:right;font-size:13px; line-height:27px;color:#fff; }
/*main css end*/


@media only screen and (max-width: 1150px){
.wrapper{width:100%; padding:0 10px;}
.custom_details .custom_slider{margin:50px 0 0 160px;}
}

@media only screen and (max-width: 1024px){
.wrapper{width:100%; padding:0 10px;}
.offer_details{height:auto; background:#f0f0f0; padding-bottom:50px;}
.offer_details ul.tab li a{padding:0 50px 16px;text-align:center;}
#headerCntr .logo{width:26%; margin:10px 0 3px 0;}
#headerCntr .logo span img{ width:65%;}
#headerCntr .logo .logotext{width:70%; margin:9px 0 5px;}
#headerCntr .logo .logotext img{width:100%;}
#headerCntr .navbar{margin:20px 0 0;}
}

@media only screen and (max-width: 769px){
img{width:100%;}
#headerCntr .logo{ width:50%;}
.navbar{display:none;}
.wrapper{width:100%; padding:0 10px;}
.offer_details{height:auto;}
.mobile_menu img{width:auto; display:block;}
.mobile_menu a{cursor:pointer;}
.mobileMenu { display: block; position: absolute; top: 20px; right: 0; cursor: pointer; }
.mobile_menu{display:block;}
#headerCntr .navbar{display:none;}
#headerCntr .logo{margin:12px 0 3px 0;}
#headerCntr .navbar{float:right; margin:0;}
.who_content p br{display:none;}
.offer_details .box_details ul li{width:49%;}
.offer_details .box_details ul li a{width:100%; height:auto; padding:10px 10px 0 10px;}
.offer_details .box_details .content{width:70%;}
.client_details .client_logo .client-logo{width:30%;}
.client_details .client_logo .client-logo img{width:75%;}
.offer_details ul.tab li a{padding:0 20px 16px; text-align:center;}
.skill_details .accordian_details ul li{font-size:14px;line-height:16px;}
.skill_details .accordian_details ul li .fa{ margin:0;}
.testimonial .slider_details{width:100%;}
.client_details p br{display:none;}
.core_team .box{ width:46%; margin:0 0 10px;}
.testimonial h3 span:after{left:72px;}
.who_content h3{margin:10px 0;}
.offer_details svg{width:60px; height:60px;}
.offer_details .box_details .icon{width:60px;}
.offer_details .box_details ul li a{border-radius:0!important;}
.serviceCntr .banner{background:#001e3f; height:350px;}
.serviceCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#fff; text-align:center;}
.aboutCntr .about_content{padding:30px 0 50px;}
.aboutCntr .banner{background:#3078c0;height:350px;}
.aboutCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#fff; text-align:center;}
.aboutCntr .about_content h2{ font-size:16px; line-height:20px; margin-bottom:20px;}
.aboutCntr .about_content .pic{width:100%; margin:10px 0 0;}
.aboutCntr .about_content .content{width:100%;}
.aboutCntr .about_content .content.left{width:100%;}
.aboutCntr .about_content .pic.right{width:50%; margin:20px 0 0;}
.aboutCntr .business_analysis{ width:100%; margin:10px 0 0;}
.aboutCntr .business_analysis .block1{width:42%;}
.aboutCntr .business_analysis .text{width:100%;}
.aboutCntr .business_analysis .block3{width:50%; margin:30px 0 0 311px;}
.aboutCntr .business_analysis .block2{margin:-216px 0 0 47%; width:50%;}
.aboutCntr .business_analysis .block4{width:40%; margin:-170px 0 0 0;}
.aboutCntr .business_analysis .block2 .round::after{left:0;border:none;}
.aboutCntr .business_analysis .block4 .round::after{display:none;}
.global_details{padding-bottom:0;}
.global_details h3{font-size:16px; line-height:20px;}
.global_details{margin:20px 0;}
.aboutCntr .business_analysis .block3 .round::after{ border:0;}
.aboutCntr .business_analysis .block4 .round::after{width:91%;}
.aboutCntr .business_analysis .round::after{width:104%;}
.our_details .inner{height:200px;background:url(../images/m_our_process.jpg) no-repeat center 0;}
.blogCntr .banner{float:left; width:100%; height:370px; background:#d6edf9;}
.blogCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#4b8ebb; text-align:center;}
.portfolioCntr .tab{margin-top:20px;}
.portfolioCntr .portfolio_sec ul li{width:47%;}
.portfolioCntr .portfolio_sec ul li:nth-child(3n){margin:15px 15px 0 0;}
.blogCntr .blog_details .left_details{width:100%;}
.blogCntr .blog_details .right_details{width:100%;}
.blogCntr .blog_details .left_details .block_details .content{width:55%;}
.portfolioCntr .bannerCntr{background:#19518c; height:350px;}
.portfolioCntr .bannerCntr h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#fff; text-align:center;}
.careerCntr .banner{background:#debaba;width:100%; height:370px;}
.careerCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#333;text-align:center;}
.careerCntr .meet_details{height:auto; padding:20px 0}
.careerCntr .top_details h2{margin: 10px 0; font-size: 16px; line-height: 20px;}
.careerCntr .top_details h3{margin: 10px 0; font-size: 16px; line-height: 20px;}
.careerCntr .top_details .col{width:100%; margin:0;}
.careerCntr .top_details .col img{width:auto;}
.careerCntr .top_details .col .icon{ width:10%; margin:0;}
.careerCntr .top_details .col h4{width:85%; margin:0 0 0 10px;}
.careerCntr .top_details .col p{width:85%; margin:0 0 0 10px;}
.careerCntr .meet_details .team_col{width:45%;}
.careerCntr .meet_details .team_col .team_goal{padding:75px 20px 71px; display: inline-block;width:100%;height:auto;background:#fff;border-radius:50%;
text-align:center;}
.careerCntr .meet_details .team_col .team_goal img{width:90%;}
.careerCntr .resume_details h2{margin:10px 0; font-size:16px; line-height:20px;}
.careerCntr .resume_details .row.col{width:100%; margin:0 0 10px 0;}
.careerCntr .resume_details .row.col.right{width:100%; margin:0 0 10px 0;}
.careerCntr .resume_details .row{margin:0 0 10px 0;}
.careerCntr .resume_details .row input{width:50%;}
.careerCntr .resume_details .row select{width:50%;}
.contactCntr .left_details{width:100%; margin-bottom:10px;}
.contactCntr .right_details{width:100%;}
.custom_details .custom_slider .block{width:23%; height:auto;}
.custom_details .custom_slider h4{ width:100%; text-align:center;}
.custom_details .custom_slider h4 svg{margin:20px 0; display:inline-block;}
.custom_details .custom_slider p{font-size:12px; line-height:22px;}
.implementation{margin:10px 0;}
.implementation .row{width:100%;}
.custom_details h3{margin-bottom:10px;padding-bottom:20px; font-size:16px;}
.custom_details p{padding:0 0 15px 0; width:98%;}
.implementation p{padding:0 0 15px 0; width:98%;}
.implementation p br{display:none;}
.implementation .col{width:100%; margin:0;}
.implementation .col h4 strong{font-weight:normal; font-size:20px; line-height:25px; font-family:'poppinsregular';}
.implementation .col p{font-size:12px;line-height:25px; font-family:'poppinsregular';}
.key_benefits .mobile_col .icon img{ width:auto;}
.key_benefits .mobile_col{width:100%; position:static!important; height:250px; float:left;-webkit-box-shadow:0;box-shadow:0;-webkit-box-sizing:0;border-radius:0;}
.key_benefits .mobile_row{width:100%; height:auto;}
.key_benefits .mobile_col:hover{-webkit-transform:none;-ms-transform:none; transform:none;z-index:20;}
.key_benefits p{padding:0 0 15px 0; float: left; width: 98%; font-size:14px; line-height:24px; color:#777; text-align:center;}
.contactCntr{float:left; width:100%;}
.contactCntr .banner{background:#12394a;width:100%; height:370px;}
.contactCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#fff;text-align:center;}
#footerCntr .bottom_details p{width:100%; text-align:left;}
#footerCntr .about{width:100%;}
#footerCntr .map{margin-top:10px; width:100%; float:left;}

}

@media only screen and (max-width: 480px){
.navbar{display:none;}
#headerCntr .logo{ width:50%;}
.bannerVideo video{height:500px!important;}
.bannerVideo .overlay{height:508px;}
.bannerVideo p br{display:none;}
#headerCntr .logo span img{ width:65%;}
#headerCntr .logo .logotext{width:70%; margin:9px 0 5px;}
.bannerVideo .content_box{padding:0;}
.bannerVideo h2{font-size:20px; line-height:25px; margin-bottom:10px;}
#headerCntr .logo .logotext img{width:94%;}
#headerCntr .logo{width:80%; margin:17px 0 0 0;}
.bannerVideo .content_box{width:100%;}
.offer_details{padding-bottom:10px;}
.offer_details .box_details ul li{width:100%; padding-bottom:10px;}
.offer_details ul.tab li a{ padding:0 10px 16px; font-size:12px;}
.skill_details .accordian_details ul li a{padding:5px 0 0;}
.offer_details .box_details{padding-top:10px;}
.skill_details .left_details{width:100%;}
.skill_details .right_details{width:100%;}
.offer_details .box_details ul li a{padding:10px;}
.skill_details{margin-top:10px; padding:10px 0;}
.portfolio_details .content{width:100%;}
.portfolio_details .pic{ width:100%;}
.core_team .box{width:100%; text-align: center;}
.core_team .box .pic{width:82%;display:inline-block; float:none; margin-left:-2px; height:87px;}
.core_team .box .text{width:100%;}
.core_team .box .text{font-size:11px;}
.core_team .box .text span{font-size:11px;}
.bx-wrapper .bx-prev{left:-10px;}
.bx-wrapper .bx-next{right:-10px;}
.aboutCntr .about_content{padding:30px 0 50px;}
.aboutCntr .banner{background:#3078c0;}
.aboutCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#fff; text-align:center;}
.aboutCntr .about_content h2{ font-size:16px; line-height:20px; margin-bottom:20px;}
.aboutCntr .about_content .pic{width:100%; margin:10px 0 0;}
.aboutCntr .about_content .content{width:100%;}
.aboutCntr .about_content .content.left{width:100%;}
.aboutCntr .about_content .pic.right{width:50%; margin:20px 0 0;}
.aboutCntr .business_analysis .block4 .round::after{display:none;}
.aboutCntr .business_analysis{height:auto;}
.aboutCntr .business_analysis{ width:100%; margin:10px 0 0;}
.aboutCntr .business_analysis .block1{width:100%; float:left;}
.aboutCntr .business_analysis .round{margin:0; width:100%; background:url(../images/search.png) no-repeat center 10px;}
.aboutCntr .business_analysis .round:after{border:none;}
.aboutCntr .business_analysis .text{width:100%;}
.aboutCntr .business_analysis .block3{width:100%;margin:10px 0 0 0;float:left;}
.aboutCntr .business_analysis .round.round2{ width:100%;background:url(../images/legal_agreement_icon.png) no-repeat center 10px;}
.aboutCntr .business_analysis .round.round4{background:url(../images/legal_agreement_icon.png) no-repeat center 10px;}
.aboutCntr .business_analysis .round.round3{background:url(../images/gurantee_icon.png) no-repeat center 10px;}
.aboutCntr .business_analysis .block2{margin:0; width:100%;float:left;}
.aboutCntr .business_analysis .block4{width:100%;float:left; margin:0;}
.aboutCntr .business_analysis .block2 .round::after{left:0;border:none;}
.aboutCntr .business_analysis .block4 .round::after{border:none;}
.aboutCntr .work_details h3{ font-size:18px; line-height:20px; margin-bottom:20px;}
.global_details{padding-bottom:0;}
.global_details h3{font-size:16px; line-height:20px;}
.global_details{margin:20px 0;}
.blogCntr .blog_details .left_details .block_details{padding:20px 10px;}
.blogCntr .blog_details .left_details .block_details .pic{margin-right:10px;}
.careerCntr .resume_details .row label{font:12px/20px 'poppinsregular'}
.careerCntr .resume_details .row input[type="file"]{width:58%;}
.careerCntr .banner{background:#debaba;width:100%; height:370px;}
.careerCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#333;text-align:center;}
.aboutCntr .business_analysis .block3 .round::after{border:0;}
.aboutCntr .business_analysis .block4 .round::after{width:91%;}
.aboutCntr .business_analysis .round::after{width:104%;}
.our_details .inner{height:200px;background:url(../images/m_our_process.jpg) no-repeat center 0;}
.portfolioCntr .bannerCntr{background:#19518c; height:350px;}
.portfolioCntr .bannerCntr h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#fff; text-align:center;}
.portfolioCntr .tab{margin-top:20px;}
.portfolioCntr .portfolio_sec ul li{width:100%; margin:15px 0 0;}
.portfolioCntr .portfolio_sec ul li:nth-child(3n){margin:15px 0 0;}
.portfolioCntr .tab li{margin:2px;}
.portfolioCntr .tab li{padding:6px 8px;}
.blogCntr{float:left; width:100%;}
.blogCntr .banner{float:left; width:100%; height:370px; background:#d6edf9;}
.blogCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#333;text-align:center;}
.blogCntr .blog_details .left_details .block_details .content{width:75%;}
.blogCntr .blog_details .left_details .block_details .pic{width:20%;}
.careerCntr .top_details h2{margin: 10px 0; font-size: 16px; line-height: 20px;}
.careerCntr .top_details h3{margin: 10px 0; font-size: 16px; line-height: 20px;}
.careerCntr .top_details .col{width:100%; margin:0;}
.careerCntr .top_details .col img{width:auto;}
.careerCntr .top_details .col .icon{ width:10%; margin:0;}
.careerCntr .top_details .col h4{width:85%; margin:0 0 0 10px;}
.careerCntr .top_details .col p{width:85%; margin:0 0 0 10px;}
.careerCntr .meet_details .team_col{width:42%;}
.careerCntr .meet_details .team_col .team_goal{padding:21px 20px 25px; display: inline-block;width:85%;height:auto;background:#fff;border-radius:50%;
text-align:center;}
.careerCntr .resume_details h2{margin:10px 0; font-size:16px; line-height:20px;}
.careerCntr .resume_details .row.col{width:100%; margin:0 0 10px 0;}
.careerCntr .resume_details .row.col.right{width:100%; margin:0 0 10px 0;}
.careerCntr .resume_details .row{margin:0 0 10px 0;}
.careerCntr .resume_details .row input{width:50%;}
.careerCntr .resume_details .row select{width:50%;}
.client_details h3,.core_team h3{font-size:18px;}
.contactCntr{float:left; width:100%;}
.contactCntr .banner{background:#12394a;width:100%; height:370px;}
.contactCntr .banner h3{padding:200px 0 0;display:block; font-size:25px; line-height:30px; color:#fff;text-align:center;}
#footerCntr .contact{width:100%; margin:0;}
#footerCntr .contact .search .input{width:46%;}
#footerCntr .contact .social{margin:20px 0;}
#footerCntr{margin-top:20px;}
#footerCntr .contact .social{width:100%;}
#footerCntr .bottom_details .link{width:100%; padding-bottom:10px;}
#footerCntr .about{margin-right:0;}
#footerCntr .map{margin-top:10px; width:100%; float:left;}
}

.services-css-prea p{
	padding: 15px 15px 30px;
    width: 100%;
}

.icon-colorscc .fa{
	color: #fff;
    background: #24bfff;
    padding: 10px;
	font-size:12px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.text-indent{
	text-indent: 40px;
    display: block;
	line-height:29px;
}


/*===================== New our Team Member ===============================*/

.our-team {
	text-align: center;
	position: relative;
}

.pera-font{
	font-size:14px;
	color:#2e343f;
	line-height: 25px;
}

.our-team .team-content {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 92%;
	background: #ffffff;
	margin-left: 9px;
	padding-top: 20px;
	z-index: 1;
	-webkit-transition: .4s;
	transition: .4s;
}

.our-team .team-content .title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 6px;
	-webkit-transition: .4s;
	transition: .4s;
}

.our-team .team-content .post {
	color: #666666;
	-webkit-transition: .4s;
	transition: .4s;
}

.our-team .social {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(0, 0, 0, 0.9)), color-stop(80%, rgba(0, 0, 0, 0.3)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.3) 80%);
	-webkit-transition: .4s;
	transition: .4s;
	opacity: 0;
	visibility: hidden;
}

.our-team .social ul {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -50px;
	-webkit-transform: translateY(-35px);
	transform: translateY(-35px);
	-webkit-transition: .4s;
	transition: .4s;
	padding:0px;
}

.our-team .social ul li {
	display: inline-block;
}

.our-team .social ul li a {
	width: 35px;
	height: 35px;
	line-height: 32px;
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 50%;
}

.our-team:hover .team-content {
	bottom: 34%;
	background: transparent;
}
.our-team:hover .team-content .title {
	color: #ffffff;
}

.our-team:hover .team-content .post {
	color: #ffffff;
}
.our-team:hover .social {
	opacity: 1;
	visibility: visible;
}
.our-team:hover .social ul {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.our-team .social ul li a:hover {
	border-color: #25bffc;
	background: #25bffc;
	text-decoration:none;
}

/*================= Style the tab ======================*/

.amread_more {
    float: left;
    color: #333;
    font-size: 18px !important;
    line-height: 22px;
    padding: 10px 20px !important;
    border-radius: 0;
    text-align: center;
    border: 1px solid #000 !important;
    margin: 40px 0 0px !important;
}

.portfolio_details .overlay {
    position: relative;
    z-index: 9;
}

.am-skills {
    background: #fff;
}

.am-skills .box_details.active {
    display: inherit;
    background: #f8f8f8;
}

.am-skills .lefts_details {
    width: 38%;
    float: left;
}

.am-skills .rights_details {
    width: 60%;
    float: right;
}

.am-skills .box_details {
    padding-top: 0px;
}


.am-skills{
	height:auto;
}

.career-team img {
    max-width: 73% !important;
}

.careerCntr .meet_details .team_col .team_goal {
    width: 63%;
    height: 231px;
    padding-top: 50px;
}

.portfolio_details{float:left; width:100%; height:500px; background:url(../images/offer_bg.jpg) repeat-x 0 0;}

.btn-wapper-hide .bx-prev,
.btn-wapper-hide .bx-next{
	display:none;
}

.our-team:hover{
	cursor:move;
}

.about_content img{
	border-radius: 10px 50px;
}

.am-col .col {
    background: #001e3f;
    padding: 30px;
    margin-bottom: 30px;
}

.p-3 {
    border: 4px double rgba(255,255,255,0.6);
    padding: 15px;
    transition: all 0.3s ease-in-out 0s;
}

.am-col .col p, .am-col .col h4 {
    color: #fff;
}

.am-col .col:hover .p-3 {
    border: 4px double rgb(255,255,255);
}

/*========================= New portfolio Css =========================*/


.portfolio {
	background: #fff;
}



ul.portfolio {
	padding: 0;
	list-style: none;
	margin-left: 8px;
	text-align: center;
}

ul.portfolio li {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ddd;
	color: #777;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	margin: 0 10px;
	padding: 5px 10px;
	text-transform: uppercase;
}

ul.portfolio li.active {
	border: none;
	color: #fff;
	border: 1px solid #3498db;
	background: #3498db;
}

.portfolio-inner .mix {
	display: none;
}

.portfolio .item {
	position: relative;
	overflow: hidden;
}

.portfolio .item img {
	width: 100%;
}

.item:hover img {
	opacity: .3;
}

.portfolio-caption {
	background: #3498db none repeat scroll 0 0;
	height: 90%;
	left: 5%;
	position: absolute;
	top: 5%;
	width: 90%;
	padding: 25px;
	opacity: 0;
	transition: all 0.4s ease-out;
}

.portfolio-caption h3 {
	color: #fff;
	font-size: 14px;
	padding-bottom: 20px;
	text-transform: unset;
}

.portfolio-caption h3::before {
	border-bottom: 1px solid #ddd;
	content: "";
	position: absolute;
	top: 50px;
	width: 50%;
}

.portfolio-caption p {
	color: #fff;
	font-size: 13px;
    line-height: 20px;
}

.protfolio-link-bt {
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	margin-top: 10px;
	padding: 5px 10px;
	font-size: 14px;
}

.portfolio .item:before {
	border-left: 3px solid #3498db;
	border-top: 3px solid #3498db;
	top: 0px;
	left: 0px;
}

.portfolio .item:after {
	border-right: 3px solid #3498db;
	border-bottom: 3px solid #3498db;
	bottom: 0px;
	right: 0px; 
}

.portfolio .item:hover .portfolio-caption {
	opacity: 1;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.portfolio .item:hover::before, .portfolio .item:hover::after {
	height: 100px;
	width: 100px;
	content: "";
	position: absolute;
	z-index: 99;
}

.mt-5{
	margin-top:45px;
}

.mb-5{
	margin-bottom:45px;
}

.mb-3{
	margin-bottom:30px;
}

/*=================== Say Client ===============================*/
.clientssay{
	width:50%;
	margin:0 auto;
	text-align:center;
	padding:50px 0px;
	line-height:24px;
}

.implementation-am .col {
    float: left;
    width: 31.5%;
    margin: 0 10px; 
}

.clientssay p{
	font-size:12px;
}

.clientssay img{
	border-radius:100px;
}

/*=================== Service ===============================*/

.implementation-am p{
	text-align:left;
	padding: 0;
}

.implementation-am h4{
	margin-bottom:15px;
}

.service-contents-am h3 {
    margin-bottom: inherit;
    padding-bottom: inherit;
    float: none;
    width: auto;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background: none;
    text-transform: inherit;
    text-align: inherit;
}

.serviceBox{
    background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    border: 1px solid hsl(0, 0%, 82%);
    box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.07);
	margin-bottom:15px;
}
.left-side-box{width:30%; float:left; padding:0px 15px;}
.right-side-box{float:left; width:70%;padding: 0px 20px;}

.why-choose-us-am h3 {
	color: #2895f1;
	font-family: 'Lato', sans-serif;
	margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 15px;
}

.why-choose-us-am {
    position: relative; 
	float: left;
    width: 100%;
}


.pera-h{
	margin-bottom:10px;
}

.right-side-box p{
	line-height:22px;
}

.oderlist{
	line-height:25px;
}

.left-side-box img{ 
	width:100%;
}

.why-choose-us-am h3::after {
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 40px;
    width: 65px;
}

.serviceBox .service-icon{
    float: left;
}
.serviceBox .service-contents-am h3{
    margin: 15px 0 30px 67px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
.serviceBox .service-contents-am p{
    font-size: 13px;
    line-height: 22px;
    margin: 0;
}
.serviceBox .service-icon i{
    background:#24bfff;
    box-shadow: 5px 5px 0 hsla(0, 0%, 0%, 0.1);
    color: hsl(0, 0%, 100%);
    font-size: 26px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50px;
    transition:all 0.2s ease-in-out;
}
.serviceBox:hover .service-icon i{
    background: hsl(208, 17%, 20%) none repeat scroll 0 0;
    border-radius: 50%;
    transform: translate(0px, 3px);
    transition:all 0.5s ease-in-out;
}

.higlight-am-port{
	padding: 10px 0px !important; 
}

@media only screen and (max-width: 990px){
    .serviceBox{
        margin-bottom: 20px;
    }
}