@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; outline: 0 !important; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body {font-family: 'GalanoGrotesque'; margin:0px; padding:0px; background:#fff; font-size:16px; color:#575757; direction:ltr;}
*:focus { outline: 0; }
.clr { clear: both; display: block; }
.cf:after, .cf:before { clear: both; content: ''; display: block; width: 100%; }
img { max-width: 100%; display: block; border: 0px; }
img a { border: none; }
a {text-decoration: none; border: none; transition: ease 0.2s; }
a:hover { text-decoration: none; }
select::-ms-expand {display: none;}
select {box-shadow: none; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; }

::-webkit-input-placeholder { color: #666666; }
:-moz-placeholder { color: #666666; opacity: 1; }
::-moz-placeholder { color: #666666; opacity: 1; }
:-ms-input-placeholder { color: #666666; }

input[type=submit] {cursor:pointer;}

.maincontainer {max-width:100%; margin:0 auto; overflow:hidden;}
.wrap { max-width:1170px; margin:0 auto;}

/* Header */
.header { background:#121212; padding:9px 0 12px 0; position:fixed; top:0px; left:0px; width:100%; z-index:999;}
.logo {float:left; width:271px;}
.logo a {display:block;}
.hright {float:right; width:calc(100% - 320px); padding:16px 0 0 0;}
.hrightmenus {float:right;}
.hmenu ul {display:block; margin:0px; padding:0px;}
.hmenu ul li {display:block; float:left; padding:0px; margin:0px;}
.hmenu ul li a { text-transform:uppercase; font-size:15px; color:#FFFFFF; font-family: 'GalanoGrotesque'; font-weight:500; display:inline-block; padding:0 32px; border-radius:30px; -webkit-border-radius:30px; height:38px; line-height:34px;}
.hmenu ul li a:hover, .hmenu ul li a.active { background:#27AAE1; color:#fff;}
.conmenu {float:right;}
.conmenu a {text-transform:uppercase; font-size:15px; color:#FFFFFF; font-family: 'GalanoGrotesque'; font-weight:500; display:inline-block; line-height:34px; padding:0 32px; background:#27AAE1; border-radius:30px; -webkit-border-radius:30px; height:38px;}
.conmenu a:hover { background:#fff; color:#27AAE1;}

/* Banner */
.homebanner {background:url(../images/banner.png) no-repeat center center; min-height:940px; background-size:cover;}
.hbantext { padding:285px 0 50px 0; width:481px;}
.hbantext h1 { font-size:36px; line-height:120%; color:#fff; font-family: 'GalanoGrotesque'; font-weight:500; margin:0 0 25px 0;}
.hbantext strong { color:#51E0FF; font-weight:500;}
.banslider {margin:0 0 0 -38px; padding:0 72px 0 0;}
.banstinner {padding:0 0 0 38px;}
.banstinner img {display:inline-block !important; vertical-align:top; width:auto !important; height:auto !important;}
.banstinner img.one {margin:0 5px 0 -40px;}
.banstinner img.two {margin:10px 0px 0 5px;}
.banstinner p { color:#fff; font-size:16px; line-height:180%;}
.tname { font-size:20px; color:#fff; font-family: 'GalanoGrotesque'; font-weight:600; line-height:20px; padding:0 0 0 42px;}
.tname img {display:inline-block !important; vertical-align:top; margin:7px 0 0 0; width:auto !important; height:auto !important;}
.bansdiv .owl-dots { position:absolute; bottom:-45px; left:0px; width:100%; padding:0 0 0 40px;}
.bansdiv .owl-dots .owl-dot { display:inline-block; vertical-align:top; width:16px; margin:0 10px 0 0;}
.bansdiv .owl-dots .owl-dot span {display:block; width:100%; height:16px; border-radius:50%; -webkit-border-radius:50%; background:url(../images/dotsbg.png) no-repeat center center; cursor:pointer;}
.bansdiv .owl-dots .owl-dot.active span { background:#29ABE2;}

/* Mid Section */
.midsection {background:url(../images/midbg.png) no-repeat center center; background-size:cover; padding:218px 0 48px 0; margin:-190px 0 0 0;}
.midwrap { max-width:972px; margin:0 auto;}
.midtoptitle  {text-align:center; padding-bottom:43px;}
.midtoptitle h2 { font-size:22px; color:#333333; line-height:150%; font-family: 'GalanoGrotesque'; font-weight:600;}
.midtoptitle h3 {font-family: 'GalanoGrotesque'; font-weight:normal; font-size:22px; color:#333333; line-height:150%;}

.ml {display:block; margin:0px; padding:0px;}
.ml > li { display:block; margin:0px 0 66px 0; padding:0px;}
.mltext {float:left; width:calc(100% - 200px);}
.mltext h4 { font-size:22px; color:#27AAE1; font-family: 'GalanoGrotesque'; font-weight:600; text-transform:uppercase; margin:0 0 10px 0;}
.mltext p { font-size:16px; line-height:150%; color:#737373; font-family: 'Proxima Nova Alt Rg'; text-align:justify;}
.mlimg {float:right; width:158px; background:url(../images/listimgbg.png) no-repeat; height:158px; line-height:158px; display: table; text-align:center;}
.mlimgin {display:table-cell; vertical-align:middle;}
.mlimgin img {margin:0 auto;}
.rmore {padding:16px 0 0 0;}
.even .rmore a { margin:0 0 0 200px;}
.even .rmore a.ract {margin:0px;}
.rmore .two {display:none;}
.rmore .ract .two {display:inline-block; vertical-align:top;}
.rmore .ract .one {display:none;}
.rmore a {display:inline-block; border-radius:30px; -webkit-border-radius:30px; background:#9FA1A6; width:183px; height:40px; line-height:38px; color:#fff; font-size:14px; font-family: 'GalanoGrotesque'; font-weight:500; text-align:center; text-transform:uppercase; -webkit-box-shadow: 4px 10px 20px -1px rgba(121,123,130,0.6); -moz-box-shadow: 4px 10px 20px -1px rgba(121,123,130,0.6); box-shadow: 4px 10px 20px -1px rgba(121,123,130,0.6);}
.rmore a:hover { background:#27AAE1;}
.rmoretext {padding:16px 0 0 0; display:none;}
.rmoretext p {margin:0 0 20px 0; font-size:16px; line-height:150%; color:#737373; font-family: 'Proxima Nova Alt Rg'; text-align:justify;}
.ml > li.even .mlimg { float:left;}
.ml > li.even .mltext { float:right;}
.midtop { padding-top:40px; padding-bottom:23px;}

/* Mid Bottom */
.mbotimg {float:left; width:57%; margin:0 20px 0 -103px;}
.mbtext {padding:115px 0 0 0;}
.mbtext h4 {font-size:32.9px; line-height:100%; color:#27AAE1; margin:0 0 30px 0;}
.mbtext h4 span { color:#A5A7AB;}
.mbtext p { font-size:16px; color:#737373; font-family: 'Proxima Nova Alt Rg'; text-align:justify; line-height:205%;}
.mbrmoretext {display:none;}

/* What Section */
.whatsection {background:url(../images/whatbg.png) no-repeat center center; background-size:cover;}
.whatsection .wrap {position:relative;}
.whattext { padding:75px 390px 37px 0;}
.whattext h4 { font-size:32.9px; color:#fff; line-height:100%; font-family: 'GalanoGrotesque'; font-weight:600; margin:0 0 45px 0;}
.whattext ul {display:block; margin:0px; padding:0px; font-size:0px;}
.whattext ul li {display:inline-block; vertical-align:top; width:50%; padding:0 44px 0 32px; margin:0 0 30px 0px; position:relative; font-size:16px; color:#fff; font-family: 'Proxima Nova Alt Rg'; line-height:140%;}
.whattext ul li:after {position:absolute; left:0px; top:5px; background:url(../images/liarrow.png) no-repeat; width:13px; height:10px; content:'';}
.whatimg {position:absolute; right:-130px; top:-69px; width:500px;}

/* Our Team */
.ourteam { padding:96px 0 8px 0;}
.ourteamimg {float:left; width:61.5%; margin:0 0 0 -55px;} 
.teamtext {float:right; width:42.5%; padding:70px 0 0 0;}
.teamtext h4 { font-size:36px; color:#9FA1A6; line-height:100%; font-family: 'GalanoGrotesque'; font-weight:600; text-transform:uppercase; margin:0 0 26px 0;}
.teamtext h4 span { color:#27AAE1;}
.teamtext p { font-size:16px; color:#717479; line-height:160%; font-family: 'Proxima Nova Alt Rg'; text-align:justify; margin:0 0 14px 0;}
.teammoretext {display:none;}

/* Footer Top */
.footer_top {background:url(../images/footerbg.png) no-repeat top center; background-size:cover; padding:210px 0 55px 0;}
.footer_top h4 {text-align:center; font-size:22px; line-height:150%; color:#fff; font-family: 'GalanoGrotesque'; font-weight:600; margin:0 0 25px 0;} 
.flogos {text-align:center; border-bottom:1px solid #276699; padding-bottom:38px; height: 150px; line-height: 150px;}
.ftopsection {padding:60px 0 0 0;}
.flogos img {display:inline-block; vertical-align:middle; margin:0 20px;}
.footerform { float:left; width:46.1%;}
.ftopsection h5 { font-size:26px; line-height:100%; color:#28A7DE; font-family: 'GalanoGrotesque'; font-weight:600; margin:0 0 35px 0;}
.ffleft {float:left; width:49%;}
.ffield { margin:0 0 10px 0;}
.ffield input {display:block; width:100%; background:#fff; height:48px; border-radius:4px; -webkit-border-radius:4px; padding:0 18px; color:#666666; font-size:16px; font-family: 'Proxima Nova Alt Rg';}
.ffright {float:right; width:49%;}
.ffield textarea {display:block; width:100%; background:#fff; height:103px; border-radius:4px; -webkit-border-radius:4px; padding:14px 18px; color:#666666; font-size:16px; font-family: 'Proxima Nova Alt Rg';}
.ffsub input {display:block; width:100%; padding:13px 10px 17px 10px; line-height:100%; height:auto; border-radius:4px; -webkit-border-radius:4px; background:#28A7DE; font-size:18px; color:#FFFFFF; font-family: 'GalanoGrotesque'; font-weight:600; -webkit-box-shadow: 3px 6px 8px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 6px 8px 0px rgba(0,0,0,0.2);
box-shadow: 3px 6px 8px 0px rgba(0,0,0,0.2);}
.ffsub input:hover { background:#fff; color:#28A7DE;}

.fcontact { float:left; width:27%; padding:0 0px 0 5.1%;}
.fcontext {margin:0 0 10px 0;}
.fcontext p { font-size:17px; line-height:150%; color:#FFFFFF; font-family: 'Proxima Nova Alt Rg';}
.fconinner p { margin:0 0 16px 0; font-size:17px; line-height:150%; color:#FFFFFF; font-family: 'Proxima Nova Alt Rg';}
.fconinner p a { color:#fff;}
.fconinner p strong { font-weight:bold; margin:0 10px 0 0;}
.ftopright {float:right; width:21.1%;}
.ftopright h5 {text-align:center;}
.flogo{ text-align:center;}
.flogo a {display:inline-block;}
.fsocial {padding:22px 0 0 0; text-align: center;}
.fsocial a { display:inline-block; vertical-align:top; color:#27AAE1; width:36px; height:36px; border:1px solid #99B0C7; border-radius:50%; -webkit-border-radius:50%; margin:0 1px;}
.fsocial a em {font-size:14.9px; line-height:36px;}
.fsocial a:hover {background:#fff; border:1px solid #fff;}

.footer_bot { background:#121212; padding:21px 0 18px 0; text-align:center;}
.footer_bot p {text-align:center; font-size:17px; line-height:150%; color:#FFFFFF; font-family: 'Proxima Nova Alt Rg'; opacity:0.6;}

.thankyoumain {padding:250px 0; text-align:center; font-family: 'GalanoGrotesque'; font-weight:600; font-size:36px; color:#27AAE1;}

.tglmenu {display:none;}
.mobmenu { position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999; background:#000; padding:30px 20px 20px 20px; transition:0.3s; -webkit-transition:0.3s; opacity:0; visibility:hidden;}
.mlimg.moblimg {display:none;}
.mobbanner {display:none;}

/* --- Responsive --- */
@media only screen and (max-width:1450px) {
.whatimg {right:0px; width:42%; top:-30px;}	
.whattext {padding-right:40%;}
.mbotimg {margin:0 20px 0 0;}
.ourteamimg {margin:0px;}
.teamtext {width:38.5%;}
.mbtext {padding:60px 0 0 0;} 
.homebanner {min-height:720px;}
.hbantext {padding:180px 0 50px 0px;}
.maincontainer {padding:30px 0 0 0;}
}
@media only screen and (max-width:1280px) {
.hbantext { padding:180px 0 50px 45px;}	
}
@media only screen and (max-width:1180px) {
.wrap {padding:0 20px;}	
.whatimg {right:20px;}
.homebanner {min-height:606px;}
.hbantext {padding:180px 0 50px 30px;}
.hmenu ul li a {padding:0 20px;}
.fcontact { padding:0 0px 0 3.1%; width:29%;}
}
@media only screen and (max-width:1023px) {
.logo {width:220px;}  	
.hright { width:calc(100% - 255px);}
.midwrap {padding:0 20px;}
.fconinner p {font-size:16px;}
}
@media only screen and (max-width:979px) {
.hright {display:none;}	
.tglmenu {display:block; float:right; width:24px; margin:17px 0 0 0; cursor:pointer;}
.tglmenu span {display:block; position:relative; transition:0.3s; -webkit-transition:0.3s; margin:5px 0; background:#fff; height:2px;}
.mobmenu {position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999; background:#29abe2; padding:30px 20px 20px 20px; transition:0.3s; -webkit-transition:0.3s;}
.mobmenu.mobmact {opacity:1; visibility:visible;}
.tglclose { display:block; cursor:pointer; margin:0 auto; width:24px;}
.tglclose span {display:block; position:relative; transition:0.3s; -webkit-transition:0.3s; background:#fff; height:2px;}
.tglclose span.one { transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.tglclose span.two { transform:rotate(45deg); -webkit-transform:rotate(45deg); top:-2.5px;}
.hmobmenu {padding:30px 0 0 0; height:calc(100vh - 50px); overflow-y:auto;}
.hmobmenu ul {display:block; margin:0px; padding:0px;}
.hmobmenu ul li {display:block; margin:0px; padding:0px; text-align:center;}
.hmobmenu ul li a { text-transform:uppercase; font-size:15px; color:#FFFFFF; font-family: 'GalanoGrotesque'; font-weight:500; display:inline-block; padding:0 32px; border-radius:30px; -webkit-border-radius:30px; height:38px; line-height:34px;}
.hmobmenu ul li a:hover, .hmobmenu ul li a.active { background:#27AAE1; color:#fff;}
.homebanner {min-height:454px;}
.hbantext { padding-top:85px; width:395px;}
.hbantext h1 {font-size:28px;}
.banstinner p {font-size:14px;}
.tname {font-size:18px;}
.banslider {padding:0 10px 0 0;}
.midtoptitle h2, .midtoptitle h3 {font-size:20px;}
.midsection {padding:200px 0 40px 0;}
.midtop {padding-top:20px;}
.mltext h4 {font-size:20px; line-height:24px;}
.mbtext h4, .whattext h4 { font-size:30px;}
.mbotimg { width:54.7%;} 
.whatimg {position:static; margin:0 auto; width:100%; max-width:500px; padding-bottom:30px;}
.whattext {padding:30px 0;}
.ourteam { padding:40px 0 10px 0;}
.ourteamimg {float:none; margin:0 auto; width:100%; max-width:720px;}
.teamtext { float:none; width:100%; padding:30px 0 0 0;}
.teamtext h4 {font-size:30px;}
.footer_top h4 {font-size:20px;}
.flogos img {margin:0 16px;}
.ftopright {width:24.1%;}
.ftopsection h5 {font-size:24px;}
.fconinner p strong { margin:0 5px 0 0;}
.fcontext p {font-size:16px;}
.footerform {width:44%;}
.fcontact {font-size:31%;}
.fconinner p {font-size:14px;}
.footer_bot p {font-size:16px;}
}
@media only screen and (max-width:767px) {
.mbotimg {float:none; width:100%; max-width:700px; margin:0 0 40px 0;}
.mbtext {padding:0px;}
.flogos img:first-child {width:30%;}
.flogos img:last-child {width:50%;}
.ftopsection {padding:30px 0 0 0;}
.flogos {padding-bottom:30px;}
.footerform {float:none; width:100%; max-width:530px; margin:0 auto;}
.ftopsection h5 {text-align:center; margin:0 0 15px 0;}
.fcontact {float:none; padding:30px 0 15px 0; width:100%; text-align:center;}
.ftopright {float:none; width:100%; max-width:300px; margin:0 auto;}
.footer_top {background:url(../images/footerbgmob.png) no-repeat center center; background-size:cover; padding:30px 0;}
.ourteam { padding:40px 0;}
.fconinner p {font-size:16px;}
}
@media only screen and (max-width:640px) {
.mobbanner {display:block;}
.homebanner {background:none !important; min-height:inherit; padding:74px 0 0 0;}
.homebanner .wrap { background:#112643;}	
.hbantext {width:100%; padding:20px 20px 75px 40px;}
.banslider {padding:0px;}
.maincontainer {padding:0px;}
}
@media only screen and (max-width:639px) {
.mltext {float:none; width:100%; padding:0px;}
.mlimg {float:none; margin:0 auto; display:none;}
.ml > li.even .mlimg {float:none;}	
.ml > li.even .mltext {float:none;}
.even .rmore a {margin:0px;}
.mlimg.moblimg { display:table; margin:0px auto 20px auto;}
.hbantext h1 { margin:0 0 17px 0;}
.whattext ul li { padding:0 20px 0 25px;}
.rmoretext p:last-child {margin:0px;}
}
@media only screen and (max-width:479px) {
.whattext ul li {display:block; width:100%; padding:0 0px 0 27px;}	
.ffleft {float:none; width:100%;}
.ffright {float:none; width:100%;}
.flogos img {margin:0 7px;}
.mbtext h4 { font-size:24px;}
.banstinner p {line-height:154%;}
.banstinner img {width:20px !important;}
.banstinner img.one { margin:0 5px 0 -28px;}
.logo {width:170px;}
.tglmenu {margin:14px 0 0 0;}
.hbantext { padding:20px 0px 75px 20px;}
.hbantext h1 {font-size:20px;}
.homebanner {padding:62px 0 0 0;}
}