body {font-family: 'Mulish', sans-serif;font-size: 14px;font-weight: 400;color:#444;}
a {text-decoration: none;transition: all 0.3s linear;}

.primbg{background-color: #202285;}
.primdarkbg{background-color: #141568;}
.seconbg {background-color: #ffc46b;}
.ybg {background-color: #f49e1d;}
.whitebg {background-color: rgba(255,255,255,0.55);}
.lightbg{background-color:#f4f5f8;}
.light2bg {background-color: #f8f0e6;}

.toplang, .topinfo {display: inline-block;padding:5px 0 7px 0;opacity: 0.5;transition: all 0.3s linear;}
.toplang:hover, .topinfo:hover {opacity: 1;}
.toplang a {display: inline-block;padding:0px 3px 0px 18px;color:#000;font-size:14px;font-weight: 500;position: relative;}

.topinfo a {display: inline-block;color:#fff;padding-left:30px;margin-left: 12px;color:#000;font-size:14px;font-weight: 500;position: relative;}
.topinfo a::before{position: absolute;left: 0px;top:-1px;font-family: boxicons;font-size: 18px;transition: all 0.3s linear;}
.topinfo a:hover::before{left: 6px;}
.toplang a:hover, .topinfo a:hover {color:#fff;}

.logo {padding:16px 30px;transition: all 0.3s linear;position: absolute;top:-36px;background-color: #fff;;}
.logo img {max-height: 60px;}

.mnav {margin-top: 20px;}
.mnav a {display: inline-block;padding:0px 3px 20px 18px;color:#001656;font-size:16px;font-weight: 500;}
.mnav a:hover{transform: scale(1.05);}

.scrolled {background-color:#202285;transition: all 0.3s linear;}
.scrolled .logo {padding:12px 0 10px 0;background-color: unset;top:0px}
.scrolled .logo img {max-height: 45px;}
.scrolled .mnav {margin-top: 24px;margin-bottom: 8px;}
.scrolled .mnav a {color:#eee;font-size: 15px;font-weight: 500;}

.titletext h4{font-size: 16px;font-weight:500;color: #555;}
.titletext h3{font-size: 32px;font-weight:500;color: #202285;line-height: 36px;}
.titletext h3 span{font-weight:800;}
.titletext h5{font-size: 22px;font-weight:500;color: #202285;line-height: 40px;}
.titletext h5 span{font-weight:800;font-size: 32px;}
.titletext p {font-size: 16px;line-height: 24px;}

.titletext2 h4{font-size: 16px;font-weight:500;color: #000;position: relative;margin-bottom: 22px;}
.titletext2 h4::before{position: absolute;content: '';width: 110px;height: 2px;bottom: -11px;background-color:  #ff9e0c ;}
.titletext2 h4.bold{font-weight:700;}
.titletext2 h3{font-size: 26px;font-weight:500;color: #202285;line-height: 34px;}
.titletext2 h3 span{font-weight:800;}
.titletext2 h5 span{font-weight:800;font-size: 26px;}
.titletext2 p{font-size: 16px;font-weight:500;color: #444;line-height: 24px;}
.titletext2 a {display: inline-block;color:#000;font-size: 18px;font-weight: 500;padding: 8px 24px;border-radius: 5px;border:solid 2px #000;}
.titletext2 a:hover {background-color: #202285;border:solid 2px #fff;color:#fff;}

.titletext3 h3{font-size: 24px;font-weight:500;color: #fff;line-height: 32px;opacity: 0.9;}
.titletext3 h4{font-size: 16px;font-weight:500;color: #aaa;}
.titletext3 h5{font-size: 20px;font-weight:500;color: #fff;opacity: 0.9;position: relative;padding-left: 80px;}
.titletext3 h5::before{position: absolute;content: '';left: 0px;top:48%;width:60px;height: 2px;background-color:  #ff9e0c ;}
.titletext3 p{font-size: 16px;font-weight:400;color: #ccc;line-height: 22px;padding-left: 80px;}



/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;padding: 0;margin: 0px;}

.hero .heroslide {display:block;height: 610px;padding-top:150px;}
.hero .heroslide h1 {font-size: 26px;font-weight:700;color: #333;line-height:44px;position: relative;}
.hero .heroslide h1 span {font-size: 44px;font-weight:900;color: #001656;line-height:50px;text-transform: uppercase;display: block;}
.hero .heroslide p {font-size: 18px;font-weight:400;color: #333;line-height:26px;position: relative;padding-right:18%;}
.hero .heroslide a {display: inline-block;padding: 9px 22px;font-size: 16px;color:#fff;background-color: #f49e1d;border-radius: 30px;margin-top: 20px;transition: all 0.3s linear;}
.hero .heroslide a:hover{background-color: #202285;} 
.hero .one {background: url(../images/hero/1.jpg) no-repeat left center;background-size: cover;}
.hero .two {background: url(../images/hero/2.jpg) no-repeat left center;background-size: cover;}
.hero .tre {background: url(../images/hero/3.jpg) no-repeat left center;background-size: cover;}

/*** whybox ***/
.whybox h4 {font-size: 18px;font-weight:700;color: #202285;margin-top: 16px;position: relative;padding-left: 55px;}
.whybox h4::before{position: absolute;content: '';width: 45px;height: 2px;top:11px;left:-1px;background-color:  #ff9e0c ;}
.whybox p{font-size: 16px;font-weight:500;color: #555;line-height:24px;}

.expertiz {padding: 45px 60px 60px 60px;background: url(../images/globe.png) no-repeat center center #141568;background-size: 90%;}
.cta {padding: 100px 60px 160px 60px;background: url(../images/job.jpg) no-repeat center right;background-size:cover;}
.cta h3{color:#000}

.contactbox h4 {font-size: 18px;font-weight:700;color: #202285;margin-top: 16px;position: relative;padding-left: 55px;}
.contactbox h4::before{position: absolute;content: '';width: 45px;height: 2px;top:11px;left:-1px;background-color:  #ff9e0c ;}
.contactbox p {padding-left: 58px;font-size: 16px;line-height: 24px;}
.contactbox a {font-size: 16px;color:#202285;transition: all 0.3s linear;}
.contactbox a:hover{color: #ff9e0c;} 


.ftrsec {background-color: #001656;}
.ftrsec img {max-height: 70px;}