body {font-family: "Montserrat", sans-serif;font-size: 14px;font-optical-sizing: auto;font-weight:400;font-style: normal;color:#011125;}
a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.themeprime {background-color: #0d2644;}
.themeprimedark {background-color: #02162f;}
.themeprimelight {background-color: #eceef1;}

.nvbar {background-color: #02162f;border-bottom: solid 1px #172a42;}

.logo {display: inline-block;transition: all 0.5s linear;padding: 14px 0px 14px 0px;}
.logo img {max-height:42px;transition: all 0.5s linear;}

.mainnav {display: block;margin-top: 24px;transition: all 0.5s linear;position: relative;}
.mainnav a {display: inline-block;color:#87addc;margin-right: 22px;padding-right: 22px;font-size:14px;font-weight:450;position: relative;letter-spacing: 0.25px;}
.mainnav a:last-child {margin-right: 0px;padding-right: 0px;}
.mainnav a::after {position: absolute;right: 0px;top:50%;transform: translateY(-50%) rotate(25deg);width: 1.5px;height: 16px;background-color: #315179;content: '';}
.mainnav a:last-child:after {display: none;}
.mainnav a:hover {color: #fff;}

.langnav a {display: inline-block;padding:6px 10px 5px 10px;margin-top: 22px;background-color: #084999;color: #d1dae5;font-size:12px;font-weight:500;border-radius: 3px;}
.langnav a:hover {color: #fff;background-color: #2386ff;}

.srink {position: sticky;top:0px;z-index: 9999;}
.srink .logo {padding:11px 0px 10px 0px;}
.srink .logo img {max-height:35px;}
.srink .mainnav {margin-top: 20px;}
.srink .mainnav a{font-size: 13px;font-weight: 500;color:#b4ceee}
.srink .langnav a{margin-top: 16px;}

.hero {display: block;background-color: #02152c;overflow: hidden;visibility: hidden;border-bottom: solid 0px #23344a;}
.hero.slick-initialized {visibility: visible;}

.hero .one {background: url('../images/hero/a.jpg') no-repeat center center;background-size: cover;}
.hero .two {background: url('../images/hero/b.jpg') no-repeat center center;background-size: cover;}
.hero .two2 {background: url('../images/hero/e.jpg') no-repeat center center;background-size: cover;}
.hero .tre {background: url('../images/hero/c.jpg') no-repeat center center;background-size: cover;}
.hero .cha {background: url('../images/hero/d.jpg') no-repeat center center;background-size: cover;}

.hero .slide {display: block;width: 100%;height: 560px;padding-top: 120px;}
.hero .slide h1 {font-size: 38px;font-weight: 600;line-height: 46px;letter-spacing: 0.5px;background: linear-gradient(-90deg, #ffffff 0%, #d1dae5 140%);-webkit-background-clip: text;webkit-text-fill-color: transparent;background-clip: text;color: transparent;text-shadow:0 2px 8px rgba(0, 0, 0, 0.18),0 8px 24px rgba(0, 0, 0, 0.12);}

.hero .slide p {color:#adb3bb;font-size: 16px;font-weight: 400;line-height: 24px;letter-spacing: 0.5px;margin-top: 20px;}
.hero .slide p.title {color:#2386ff;font-size: 11px;font-weight: 500;letter-spacing: 3px;text-transform: uppercase;}
.hero .slide h1, .hero .slide p{padding-left: 16px;padding-right: 60px;}

.txcss h3 {font-size: 22px;font-weight: 650;line-height: 32px;color:#021147;}
.txcss h5 {font-size: 16px;font-weight: 600;line-height: 26px;color:#021147;}
.txcss p {color:#3e4857;font-size: 14px;font-weight: 500;line-height: 22px;}
.txcss p.title {font-size: 12px;font-weight: 600;letter-spacing: 0.25px;color: #2386ff;}
.txcss a{display: inline-block;color:#3e4857;font-size:14px;font-weight:500;}
.txcss a:hover {color:#084999;text-decoration: underline;}

.prodbox {display: block;overflow: hidden;border-bottom:solid 1px #e1e5ec;margin-bottom: 30px;}
.prodbox img {max-width: 100%;border-bottom:solid 1px #e1e5ec;border-radius: 5px 5px 0px 0px;}
.prodbox p {font-size: 14px;font-weight: 600;color: #0c2a4f;margin:18px 4px 6px 8px;}
.prodbox p.brand {font-size: 12px;font-weight: 500;color: #545d69;margin-top: 0px;margin-bottom: 18px;}

.round5 {border-radius: 8px;}
.whybox {background-color: #ebedf0;border-radius: 8px;padding:120px 30px 20px 30px;transition: all 0.3s linear;position: relative;}
.whybox .whyicon {position: absolute;top:24px;left:28px;width: 46px;height: 46px;padding:5px 5px;border-radius: 4px;background-color: #194781;transition: all 0.3s linear;transform-origin: left top;}
.whybox .whyicon svg {max-width: 100%;}
.whybox .whyicon svg path{fill:#e4ebf5;}
.whybox:hover {background-color: #0d2644;}
.whybox:hover .whyicon{background-color: #074eb3;transform: scale(1.25);}
.whybox:hover .whyicon svg path{fill:#fff;}
.whybox:hover p {color:#8a99ac;}

.abt {background: url('../images/abt.jpg') no-repeat left center;background-size: cover;}
.abtbox {background-color: #02162f;padding:45px 45px 30px 45px;margin: 60px 20px 45px 60px;}
.abtbox h3 {font-size: 22px;font-weight: 550;line-height: 32px;color:#a9bbcf;letter-spacing: 0.5px;}
.abtbox h5 {font-size: 16px;font-weight: 550;line-height: 26px;color:#a9bbcf;letter-spacing: 0.25px;}
.abtbox p {color:#748599;font-size: 14px;font-weight: 500;line-height: 22px;letter-spacing: 0.25px;}
.abtbox p.title {font-size: 11px;font-weight: 550;letter-spacing: 3px;color: #2386ff;text-transform: uppercase;}


.brandslider {display: block;background-color: rgba(255, 255, 255,0.5);}
.brandslider .branditem {display:block;padding:0px 30px;margin:0px;transition: all 0.3s linear;height:auto;}
.brandslider .branditem img{display: block;max-width:100%;transition: all 0.3s linear;margin:6px auto 0px auto;filter: grayscale(1);}
.brandslider .branditem:hover {background-color: #dbe3ef;}
.brandslider .branditem:hover img {transform: scale(1.2);filter: grayscale(0);}


.ftr  {background: url('../images/ftr.jpg') no-repeat center center;background-size:cover;padding:70px 0px 45px 0px;border-bottom: solid 1px #0f243e;}
.ftr h3 {font-size: 22px;font-weight: 550;line-height: 32px;color:#a9bbcf;letter-spacing: 0.5px;}
.ftr h5 {font-size: 16px;font-weight: 550;line-height: 26px;color:#a9bbcf;letter-spacing: 0.25px;}
.ftr p {color:#748599;font-size: 14px;font-weight: 500;line-height: 22px;letter-spacing: 0.25px;}
.ftr p.title {font-size: 11px;font-weight: 550;letter-spacing: 3px;color: #2386ff;text-transform: uppercase;}
.ftr a {color:#2386ff;font-weight: 400;letter-spacing: 1px;}
.ftr a:hover {color:#fff;}

.copy {padding: 16px 0px 20px 0px;}
.copy .tx{color:#5d6f85;font-size: 12px;font-weight: 500;}
.copy a {display: inline-block;color:#5d6f85;margin-left: 16px;padding-right: 22px;font-size:12px;font-weight:500;position: relative;}
.copy a:last-child {margin-right: 0px;padding-right: 0px;}
.copy a::after {position: absolute;right: 0px;top:50%;transform: translateY(-50%) rotate(25deg);width: 1.5px;height: 16px;background-color: #334b68;content: '';}
.copy a:last-child:after {display: none;}
.copy a:hover {color: #fff;}