html, body{height: 100%;}
body{font-family: "Poppins", sans-serif;font-size:14px;line-height: 1.6em;color: #748182;}

*::selection {background: #3f6eb6;color: #fff;}
*::-moz-selection {background: #3f6eb6;color: #fff;}
*::-webkit-selection {background: #3f6eb6;color: #fff;}

*:focus{outline-style: none;}
*{box-sizing: border-box;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

a{text-decoration: none;transition: all .3s cubic-bezier(.77,0,.175,1);}
p{margin-bottom: 20px;font-size: 16px;line-height: 1.6em;font-weight: 300;}
p:last-of-type{margin-bottom: 0;}

strong{font-weight:500;}

.logo, .icon{background-image: url("../img/bgsprite.svg");}
.clearfix{clear: both;min-height: 0;display: block;}
.inner{width: 1440px;padding: 0 20px;margin: auto;}
.notext{text-indent: -999px;}

.container {min-height: 100%;position: relative;width: 100%;min-width: 1280px;top: 0;}

.header {height: 120px;display: block;padding:45px 0;position: fixed;left: 0;top:0;width: 100%;z-index: 9;transition: all .3s cubic-bezier(.77,0,.175,1);}
.header .logo{float: left; width: 200px; height: 30px; background-position: 0 -30px; margin-top: -4px; background-image: none; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 30px;text-indent: 0!important;}
.header .lang{float: right;height: 50px;width: 50px;text-align: center;line-height: 50px;color: #3f6eb6;margin-top: -10px;background-color: #fff;font-weight: 600;}
.header .nav{float: right;}
.header .nav li{float: left;margin-right: 50px;}
.header .nav li a{float: left;line-height: 30px;height: 30px;color: #fff;font-weight: 600;}
.header .nav li a.active,
.header.sticky .nav li a.active{color: #f0ab00;}

.header.sticky {background-color: rgba(255,255,255,0.9);backdrop-filter:blur(4px);box-shadow: 0 0px 40px rgba(1,50,67,0.1);height: 90px;padding: 30px 0;}
.header.sticky .logo{background-position: 0 0;color:#3f6eb6;}
.header.sticky .nav li a{color: #3f6eb6;}
.header.sticky .lang{color: #fff;background-color: #3f6eb6;}

.content {padding-bottom: 700px;width: 100%;min-height: 1px;display: block;position: relative;z-index: 2;}

.mainbanner .flexslider{height: 75vh;float: left;width: calc(100% + 240px);margin: 0 -120px;}
.mainbanner .flexslider .slides,
.mainbanner .flexslider .slides li{height: 100%;background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important;}
.mainbanner .flexslider .slides li .inner{position: relative;height: 100%;}
.mainbanner .flexslider .slides li .inner .banner-slogan{position: absolute;left: 20px;bottom:120px;font-size: 38px;color: #fff;font-weight: 500;width: 70%;line-height: normal;}

.banner-ctrl{position: absolute;width: 50px;height: 50px;border: solid 2px #fff;border-radius: 50%;right:120px;z-index: 99;bottom: 120px;}
.banner-ctrl:hover{background-color: rgba(255,255,255,0.2)}
.banner-ctrl .icon{position: absolute;width: 20px;height: 20px;left: 50%;top: 50%;margin-top: -10px;margin-left:-10px;}
.banner-ctrl.prev{bottom: 180px;}

.banner-ctrl.prev .icon{background-position: 0 -60px;}
.banner-ctrl.next .icon{background-position: -20px -60px;}

.flexslider{border: 0;padding: 0;margin: 0;border-radius: 0;}

.mainarea{padding: 60px 0;float: left;width: 100%;}
.mainarea.aboutus{padding-top: 120px;}
.mainarea.aboutus .text{padding: 30px 0;}
.mainarea .text{float: left;width: 50%;}
.mainarea .text .label{float: left;width: 100%;font-size: 16px;font-weight: 500;letter-spacing: 2px;color: #acb4b5;}
.mainarea .text .title{float: left;width: 100%;font-size: 30px;color: #3f6eb6;line-height: 1.4em;font-weight: 500;margin-top: 20px;margin-bottom: 40px;}
.mainarea .image{float: left;width: 50%;padding-left: 120px;position: relative;}

.mainarea.aboutus .image .img{position: absolute;background-size: cover;background-repeat: no-repeat;background-position: center;}
.mainarea.aboutus .image .img.img1{left: 120px;top: 0;width: 50%;height: 90%;z-index: 1;}
.mainarea.aboutus .image .img.img2{right: 0px;bottom: 0;width: 50%;height: 90%;z-index: 2;}

.mainarea.assist .image{padding-left: 0;padding-right: 120px;position: relative;}
.mainarea.assist .image .img{position: absolute;left: 0;top: 0;right: 120px;bottom: 0;background-position: center;background-repeat: no-repeat;background-size: cover;}
.mainarea ul.content-ul{float: left;width: 100%;margin-top: 20px;}
.mainarea ul.content-ul li{float: left;width: 100%;list-style-type: disc;list-style-position: inside;margin-bottom: 6px;font-size: 16px;}
.mainarea.assist .text{padding: 120px 0;}
.mainarea.assist .text .title{margin-top: 0;}

.mainarea .tabs-view{float: left;width: 100%;background-color: #f8f9f9;padding: 90px;}
.mainarea .tabs li{float: left;margin-right: 40px;}
.mainarea .tabs li a{float: left;font-size: 20px;position: relative;color: #3f6eb6;opacity: .5;font-weight: 500;height: 30px;line-height: 30px;}
.mainarea .tabs li a:hover{color: #f0ab00;opacity: 1}
.mainarea .tabs li a::after{transition: all .3s cubic-bezier(.77,0,.175,1);content:"";position:absolute;left: 0;height:3px;background-color:#f0ab00;width: 0;bottom: -10px; }
.mainarea .tabs li a.active{color: #f0ab00;opacity: 1;}
.mainarea .tabs li a:hover::after,
.mainarea .tabs li a.active::after{width: 100%;}
.mainarea .tab-content{float: left;width: 100%;margin-top: 60px;display: none;}
.mainarea .tab-content.active{display: block;}

.mainarea.services{padding-bottom: 120px;}
.mainarea.services .title{float: left;width: 100%;font-size: 30px;color: #3f6eb6;line-height: 1.4em;font-weight: 500;margin-bottom: 30px;text-align: center;}
.mainarea.services .label{float: left;width: 100%;font-size: 16px;text-align: center;letter-spacing: 2px;font-weight: 500;color: #acb4b5;}

.mainarea.services .services-tabs{float: left;width: 100%;margin-top: 60px;}
.mainarea.services .services-tabs li{float: left;width: calc(16% - 8px);margin-right: 20px;}
.mainarea.services .services-tabs li:last-child{margin-right: 0;}
.mainarea.services .services-tabs li a{float: left;display: table;height: 80px;padding: 0 20px;color: #3f6eb6;font-size: 16px;font-weight: 500;line-height: 1.6em;border-radius: 4px;border: solid 2px transparent;width: 100%;text-align:center;}
.mainarea.services .services-tabs li a span{display: table-cell;vertical-align: middle;}
.mainarea.services .services-tabs li a:not(.active):hover{border-color: #eee;}
.mainarea.services .services-tabs li a.active{border-bottom-color: #f0ab00;box-shadow: 0 0px 40px rgba(1,50,67,0.1);}

.mainarea.services .service-tab-content{float: left;width: 100%;margin-top: 60px;}
.mainarea.services .service-tab-content.hide{display: none;}
.mainarea.services .service-tab-content.active{display: block;}
.mainarea.services .service-tab-content .text{float: left;width: calc(50% + 120px);}
.mainarea.services .service-tab-content .text *{text-align: left;}
.mainarea.services .service-tab-content .image{float: left;width: calc(50% - 120px);padding-left: 120px;padding-right: 0;}
.mainarea.services .service-tab-content .image .slider{float: left;width: 100%;background: #ddd;}
.mainarea.services .service-tab-content .image .slider .banner-ctrl.next{right: 40px;bottom: 40px;}
.mainarea.services .service-tab-content .image .slider .banner-ctrl.prev{right: 100px;bottom: 40px;}
.mainarea.services .service-tab-content .image .slider .slides li{background-size: cover!important;background-position: center!important;background-repeat: no-repeat!important;}

.helper{float: left;width: 100%;height: 0;padding-bottom: 120%;}

.service-description{text-align: center;margin-top: 30px;}
.service-description p{font-size:20px;}

.full-width{width:100%;float:left;margin-bottom: 10px;}

.footer {width: 100%;height: 700px;display: block;position: absolute;bottom: 0;background: #222;text-align: left;padding:120px 0;z-index: 8;}
.footer .contact-info,
.footer .contact-form{float: left;width: 50%;}
.footer .contact-info{padding-right: 60px;}
.footer .contact-form{padding-left: 60px;}
.footer .contact-info .title,
.footer .contact-form .title{float:left;font-size: 30px;color: #fff;font-weight: 500;margin-bottom: 60px;width: 100%;}

.footer .contact-info p{color: #fff;}
.footer .contact-info p.address{margin-top: 40px;float: left;font-size: 22px;}
.footer .contact-info p a{font-size: 22px;color: #fff;float: left; margin-top: 20px;}
.footer .contact-info p a:hover{text-decoration: underline;}

.footer .contact-form ul{float: left;width: 100%;}
.footer .contact-form ul li{float: left;width: calc(50% - 15px);margin-bottom: 30px;}
.footer .contact-form ul li:nth-child(odd){float: left;}
.footer .contact-form ul li:nth-child(even){float: right;}
.footer .contact-form ul li.full{float: left;width: 100%;}
.footer .contact-form ul li input[type="text"],
.footer .contact-form ul li input[type="email"],
.footer .contact-form ul li input[type="phone"]{float: left;width: 100%;background-color: rgba(255,255,255,0.1);height: 50px;border: 0;font-family: "Poppins",sans-serif;font-size: 16px;padding: 0 16px;color: #fff;}
.footer .contact-form ul li input[type="text"]::placeholder,
.footer .contact-form ul li input[type="email"]::placeholder,
.footer .contact-form ul li input[type="phone"]::placeholder,
.footer .contact-form ul li textarea::placeholder{font-style: italic;font-size: 14px;color: rgba(255,255,255,0.5);}
.footer .contact-form ul li textarea{float: left;width: 100%;background-color: rgba(255,255,255,0.1);border: 0;font-family: "Poppins",sans-serif;font-size: 16px;color: #fff;resize: none;height: 150px;padding: 16px;}

.footer .contact-form input[type="submit"],
.footer .contact-form input[type="button"],
.footer .contact-form button{float: right;height: 50px;padding: 0 30px;color: #fff;background-color: #f0ab00;font-family: "Poppins",sans-serif;font-size: 16px;border:0;font-weight: 500;cursor: pointer;}
.footer .copy{position: absolute;left: 0;bottom: 0;width: 100%;height: 60px;line-height: 60px;z-index: 9;}
.footer .copy .copy-txt{float: left;color: #fff;font-weight: 300;opacity: .5;font-size: 12px;}
.footer .copy .vanta{float:right;width:104px;height:10px;margin-top:25px;background-position:0 -80px;text-indent: -9999px;text-align: left;overflow: hidden;opacity: .4;}
.footer .copy .vanta:hover{opacity: 1;}


.success-msg{padding:30px;background-color:#fff;width:600px;text-align: center;}
.success-msg .title{display: inline-block; font-size: 26px; color: #1ba39c; letter-spacing: 0; position: relative;margin:20px 0; line-height: 1.6em; text-transform: uppercase; width: 100%;}
.success-msg .icon{display: inline-block;width:70px;height:70px;background-image:url("../img/success.svg");background-size:cover;background-repeat: no-repeat;background-position:center;}
.success-msg .desc{font-size:18px;line-height:1.6em;}
/* Colorbox Css */

#cboxTopLeft,
#cboxTopCenter,
#cboxTopRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxBottomLeft,
#cboxBottomCenter,
#cboxBottomRight { -webkit-opacity: 0; -moz-opacity: 0; -o-opacity: 0; opacity: 0; background: none !important; }
#cboxContent,
#colorbox,
#cboxOverlay,
#cboxWrapper { overflow: visible !important; }
#cboxClose { top: -50px; width: 50px !important; height: 50px !important; background: url(../js/colorbox/images/cboxclose.png) #fff no-repeat center center !important; }
#cboxClose:hover { background: url(../js/colorbox/images/cboxclose-hover.png) #fff no-repeat center center !important; }
#cboxLoadedContent { margin-bottom: 0 !important; padding: 0px; }

#cboxCurrent { display: none !important; }
#cboxOverlay { background-image: none; background: #24252a; background: -moz-radial-gradient(center, ellipse cover, rgba(36,37,42,.8) 0%, rgba(36,37,42,.95) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(36,37,42,.8) 0%, rgba(36,37,42,.95) 100%); background: radial-gradient(ellipse at center, rgba(36,37,42,.8) 0%, rgba(36,37,42,.95) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(36,37,42,.8)', endColorstr='rgba(36,37,42,.95)',GradientType=1 ); }
#cboxNext, #cboxPrevious { width: 30px; height: 30px; top: 50%; margin-top: -15px; background-position: left top !important; }
#cboxNext { right: 30px; left: inherit; background: url(../js/colorbox/images/cbox-next.jpg); }
#cboxPrevious { left: 30px; background: url(../js/colorbox/images/cbox-prev.jpg); }
#cboxNext:hover { background-image: url(../js/colorbox/images/cbox-next-hover.jpg); }
#cboxPrevious:hover { background-image: url(../js/colorbox/images/cbox-prev-hover.jpg); }