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.5%;transition: all 0.6s ease;opacity: 0;}
.heroslide .hdrtext  h1 {color:#101725;font-size:26px;font-weight: 350;}
.heroslide .hdrtext  h1 span {color:#0d1e3c;font-size: 50px;font-weight:700;display: block;letter-spacing: -0.25px;}
.heroslide .hdrtext.active {top:260px;opacity: 1;}

.heroslide .paratext {position: absolute;display: inline-block;width:30%;bottom:-90px;left:8.5%;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/a.jpg) no-repeat left bottom;height:680px;background-size: cover;}
.slide-b {background: url(../img/bg/b.jpg) no-repeat left bottom;height:680px;background-size: cover;}
.slide-c {background: url(../img/bg/c.jpg) no-repeat left bottom;height:680px;background-size: cover;}
.slide-d {background: url(../img/bg/d.jpg) no-repeat left bottom;height:680px;background-size: cover;}

.txstyle h1{color:#081630;font-size: 30px;font-weight: 600;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;}

.prodbox {display: block;transition: all 0.3s linear;background-color: #fff;border-radius:12px;margin-bottom: 45px;border:solid 1px #dedede;overflow: hidden;}
.prodbox .imgbx {display: block;overflow: hidden;border-bottom: solid 3px #a8c225;border-radius: 12px 12px 0px 0px;}
.prodbox .imgbx img {width: 100%;transition: all 0.3s linear;border-radius: 3px 3px 0px 0px;transform-origin: top;}
.prodbox:hover .imgbx img {transform: scale(1.05);}
.prodbox p  {position: relative;display: inline-block;font-size: 14px;font-weight: 400;color:#444;padding:12px 16px 12px 16px;margin-bottom: 0px;transition: all 0.3s linear;}
.prodbox:hover  {background-color:#a8c225;}
.prodbox:hover p {color:#fff;left: 50%;transform: translateX(-50%);}

.brandslider {box-sizing:border-box;overflow:hidden;}
.brandslider .branditem {display:block;padding:30px;margin:0px 3px;background-color: #fff;transition: all 0.3s linear; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);opacity: 0.8;}
.brandslider .branditem img{display: block;width:100%;transition: all 0.3s linear;margin: auto;}
.brandslider .branditem:hover {opacity: 1;}
.brandslider .branditem:hover img{transform: scale(1.2)}




.whybox {display: block;padding:30px 24px 15px 30px;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;}