body {font-family: "Lexend", sans-serif; font-optical-sizing: auto;font-style: normal;font-weight: 400;}

a {text-decoration: none;transition: all 0.3s linear;}

.prim-bg {background-color: #102449;}
.prim-darkbg {background-color: #081630;}
.secon-bg {background-color: #cbdc67;}
.light-bg {background-color: #ebf6d5;}

.wbnav {margin-top: 30px;}
.wbnav .container {border-radius: 60px;}
.logo {display: inline-block;padding:8px 0px 7px 15px; transition: all 0.3s linear;}
.logo img {height: 64px;transition: all 0.3s linear;}

.wbnav .navwrap {margin-top:26px;}
.navprim-bg {background-color: #102449;}
.wbnav .navwrap a {display: inline-block; font-weight: 300;font-size: 13px;color:#e8eaf6;position: relative;margin-right:20px;text-transform: uppercase;letter-spacing: 0.5px;}
.wbnav .navwrap a::before{position: absolute;content: '';left: 0px;bottom: -3px;height: 1px;background-color: #bdd14f;width:0px;transition: all 0.1s linear;}
.wbnav .navwrap a::after{position: absolute;content: '';right: 0px;bottom: -3px;height: 1px;background-color: #bdd14f;width:0px;transition: all 0.1s linear;}
.wbnav .navwrap a:hover {color: #bdd14f;}
.wbnav .navwrap a:hover::before, .wbnav .navwrap a:hover::after   {width: 50%;} 

.wbnav a.lang {border-radius: 30px;background-color: #abc040;padding:6px 16px 5px 16px;font-weight: 450;font-size: 12px;color:#111;margin-right: 12px;letter-spacing: 0px;}
.wbnav a.lang::before, .wbnav a.lang::after {height: 0px;}
.wbnav a.lang:hover {background-color:#081630;}

.srink {margin-top:12px;}
.srink .navprim-bg {border-bottom: solid 1px rgba(171, 192, 64, 0.75);border-top: solid 1px rgba(171, 192, 64, 0.75);}
.srink .logo {transition: all 0.3s linear;padding: 6px 0px 6px 10px;}
.srink .logo img {height: 54px;transition: all 0.3s linear;}
.srink .navwrap {margin-top: 20px;}
.srink .navwrap a {margin-right: 14px;}
  
.heroslide {position: relative;}
.heroslide .hdrtext {position: absolute;display: inline-block;top:10px;left: 8%;transition: all 0.6s ease;opacity: 0;}
.heroslide .hdrtext  h1 {color:#101725;font-size:28px;font-weight: 350;text-transform: uppercase;}
.heroslide .hdrtext  h1 span {color:#0d1e3c;font-size: 66px;font-weight:800;display: block;letter-spacing: -1px;}
.heroslide .hdrtext.active {top:260px;opacity: 1;}

.heroslide .paratext {position: absolute;display: inline-block;width:30%;bottom:-90px;left:8%;transition: all 0.6s ease;opacity: 0;}
.heroslide .paratext  p {color:#101725;}
.heroslide .paratext.active {bottom:150px;opacity: 1;}

.slide-a {background: url(../img/bg/_ahero.jpg) no-repeat left bottom;height:710px;background-size: cover;}
.slide-b {background: url(../img/bg/_bhero.jpg) no-repeat left bottom;height:710px;background-size: cover;}
.slide-c {background: url(../img/bg/_chero.jpg) no-repeat left bottom;height:710px;background-size: cover;} 

.txstyle h1{color:#081630;font-size: 32px;font-weight: 650;line-height: 42px;}
.txstyle h3{color:#081630;font-size: 22px;font-weight: 550;line-height: 34px;}
.txstyle h3.greenline {position: relative;display: inline-block;}
.txstyle h3.greenline::before {position: absolute;background-color: #a8c225;width:25px;height: 3px;left:0px;top:-10px;content: '';transition: all 0.3s linear;}
.txstyle h4{color:#081630;font-size: 18px;font-weight: 550;line-height: 24px;}
.txstyle p{font-size: 16px;font-weight:350;color:#404650;line-height: 24px;}
.txstyle p.sectionhead {color:#a8c225;font-family: "Oxanium", sans-serif;font-size: 13px;font-weight: 500;letter-spacing: 5px;text-transform: uppercase;transition: all 0.3s linear;}
.txstyle p.blue {color:#081630;}
.txstyle a{font-size: 16px;font-weight:400;color:#183f87;padding-right: 6px;}
.txstyle a:hover{padding-left: 6px;padding-right: 0px;}

.advbox:hover h3.greenline::before {width: 70px;}

.service-box {display: block;padding:15px 10px 8px 10px;transition: all 0.3s linear;border-radius:5px 5px 0px 0px;margin-bottom: 30px;overflow: hidden;}
.service-box img {width: 100%;border-bottom: solid 3px #a8c225;border-radius:8px 8px 0px 0px;margin-bottom: 20px;transition: all 0.3s linear;transform-origin: bottom;}
.service-box h4, .service-box p {padding-left: 5px;padding-right: 5px;}
.service-box p {border-bottom:solid 3px #bdd14f;padding-bottom: 22px;transition: all 0.3s linear;border-radius: 0px 0px 8px 8px;}
.service-box:hover img {transform: scale(1.01);}
.service-box:hover p {border-color:#102449;}


.whybox {display: block;padding:24px 24px 10px 24px;transition: all 0.3s linear;border-radius: 5px;background-color: rgba(255, 255, 255, 0.25);margin-bottom: 26px;}
.whybox:hover {background-color: #fff;}

.contactbg {background: url(../img/contact.jpg) no-repeat right bottom;background-size: cover;} 
.copy {font-size: 12px;font-weight:200;color:#fff;opacity: 0.5;letter-spacing: 0.5px;}