body {font-family: 'Saira', sans-serif;background-color:#eee;}
a {text-decoration: none}
.whitebg {background-color:#fff;}
.primbg {background: rgb(19,30,75);background: linear-gradient(90deg, rgba(19,30,75,1) 30%, rgba(152,90,49,1) 100%);}

/***Top Red**/
.topred {display:block;}
.topred a {display:inline-block;color:#fff;font-size:14px;font-weight:400;padding:9px 12px 11px 26px;position:relative;opacity:0.85;transition:all 0.3s linear;}
.topred a:before {font-family: boxicons;font-size:18px;position: absolute;top: 6px;left: 0px;transition:all 0.3s linear;}
.topred a.mail::before {content: "\ea8e";}
.topred a.map::before {content: "\eb21";}
.topred a:hover {opacity:1.0;}


.toplan {display:block;color:rgb(216, 137, 93);}
.toplan a {display:inline-block;color:#fff;font-size:13px;font-weight:500;padding:11px 0px 8px 5px;position:relative;opacity:0.7;transition:all 0.3s linear;}
.toplan a:hover, .toplan a.act {opacity:1.0;}


/***Logo & Navi **/
.logo {margin-top:20px;margin-bottom:16px;}
.logo img {height:50px;}

.navlinks a {display:inline-block;padding: 38px 0px 9px 18px;font-size: 14px;font-weight: 500;color:#0f1841;transition: all linear 0.3s;}
.navlinks a:hover {color:#b86530;}

.hero {display:block;box-sizing:border-box;}
.hero .slidebox {display: block;position:relative;height: 560px;}
.hero .slidebox h3 {display:block;position: absolute;bottom:50px;left: 50%;transform: translateX(-50%);padding: 18px 30px 22px 30px;font-size:48px;font-weight:600;color: #fff;text-align: center;border-top-left-radius: 6px;border-top-right-radius: 6px;opacity: 0.85;}
.hero .slidebox h3 span{display:block;text-align:center;font-size:20px;font-weight:300;margin-top:8px;}
.hero .slide-a {background: url('../images/banner/a.jpg') no-repeat center center;background-size: cover;border-bottom:solid 0px rgb(144,10,10);}
.hero .slide-b {background: url('../images/banner/b.jpg') no-repeat center center;background-size: cover;border-bottom:solid 0px rgba(210,78,4,1);}

/**Sections**/
.sectionbg-1 {background-color:#080e2a; cursor: pointer;}
.sectionstyle-1 {padding-top:90px;padding-bottom:110px;color:#fff;}
.sectionstyle-1 h3 {font-size:30px;font-weight:600;}
.sectionstyle-1 h4 {font-size:22px;font-weight:500;}
.sectionstyle-1 .smallttl {font-size:18px;font-weight:400;color:#c86b2f}
.sectionstyle-1 .smalltx {font-size:16px;font-weight:300;color:#fff;padding-right:10%;opacity:0.7;transition:all 0.3s linear}
.sectionstyle-1 .circle{display:inline-block;font-size:20px;font-weight:600;margin-bottom:18px;width:65px;height:65px;text-align:center;padding-top:18px;border-radius:90px;background:#131e4b;background: linear-gradient(90deg, #131e4b 40%, rgba(152,90,49,1) 100%);transition:all 0.3s linear}
.sectionstyle-1 .contentbox:hover .circle {background:#fff;color:#d14d04}
.sectionstyle-1 .contentbox:hover .smalltx{opacity:1.0;}

.sectionbg-2 {background-color:#fff;}
.sectionstyle-2 {padding-top:90px;padding-bottom:110px;}
.sectionstyle-2a {padding-top:60px;padding-bottom:40px;}
.sectionstyle-2 h3 {font-size:30px;font-weight:600;color:#0f1841;}
.sectionstyle-2 h4 {font-size:20px;font-weight:500;color:#000;text-align:justify;padding-right:10%;}
.sectionstyle-2 .smallttl {font-size:16px;font-weight:600;color:#c86b2f;}
.sectionstyle-2 .smalltx {font-size:16px;font-weight:400;color:#444;padding-right:10%;text-align:justify;}




/**Sections */
.Section-title {display:block;box-sizing:border-box;text-align:center;padding:0px 0px 60px 0px;}
.Section-title h1  {font-size:24px;font-weight:700;color:#000;line-height:36px;opacity:0.9;}
.Section-title hr{display:block;margin:0px auto;width:360px;height:3px;opacity: 1;border-radius: 30px;}

/**Products***/

.proditems {display:block;text-align:center;margin-bottom:60px;padding:15px;background-color:rgba(255,255,255,0.4);user-select:none;transition: all 0.3s linear;}
.proditems:hover {background: rgb(19,30,75);background: linear-gradient(90deg, rgba(19,30,75,0.7) 30%, rgba(152,90,49,0.7) 100%);transition: all 0.3s linear;}
.proditems img{width:100%;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;border-radius: 80px;transition: all 0.3s linear;}
.proditems label{display:block;text-align:center;font-size:16px;font-weight:400;color:#232323;margin-top:12px;transition: all 0.3s linear;}
.proditems label span{font-weight:700;}
.proditems:hover img {transform:scale(105%);border-radius: 3px;}
.proditems:hover label, .proditems:hover label span {color:#fff;}
 


.brandslider {box-sizing:border-box;overflow:hidden;padding-right: 2px;}
.brandslider .brandslide {display:block;height:75px;padding:25px 15px 90px 15px;background-color: rgba(250,250,250,0.8);border-radius: 3px;border: solid 1px #dedede;text-align: center;margin:12px 5px;transition: all 0.3s linear;}
.brandslider .brandslide img{display: block;max-height:40px;margin:10px auto 0px auto;transition: all 0.3s linear;}
.brandslider .brandslide:hover {border:solid 1px #074d58;border-radius: 30px;}
.brandslider .brandslide:hover img{max-height:60px;margin:0px auto 0px auto;}



/**Footer*/

.hover-style-link {position: relative;}
.hover-style-link:after {-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);-o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 1px;background-color: #fc6f21;}
.hover-style-link:hover {color: #fc6f21;}
.hover-style-link:hover:after {left: 0;width: 100%;right: auto;}

.section-ftr-top {background-color: #194f00;}
.section-ftr-top .footer-tag h3 {padding:80px 0px 8px 0px;font-size:24px;font-weight:500;color:#fff;text-align:left;line-height:36px;opacity:0.9;}
.section-ftr-top .footer-tag p {font-size:16px;font-weight:400;color:#fff;text-align:left;opacity:0.9}
.section-ftr-top .ftrimg img{max-height:360px;margin-top:60px;}

.section-ftr {background-color: #080e2a;padding-bottom:30px;}
.section-ftr .ftrlogo img{max-height:200px;margin-top:50px;}

.contactcard {margin-top:60px;margin-bottom:30px;}
.contactcard h1 {font-size:16px;font-weight:600;color:#eee;margin-bottom:12px;}

.contactcard .address {font-size:14px;font-weight:500;color:#aaa;padding:0px;margin:0px;}
.contactcard .cmpinfo {font-size:14px;font-weight:500;color:#aaa;padding:0px;margin:6px 0px 6px 0px;}
.contactcard a {color:#aaa;font-size:14px;font-weight:500;margin-bottom:3px;}

.contactcard .newsinfo {font-size:14px;font-weight:500;color:#777;padding:0px;margin:0px 0px 24px 0px;}
.contactcard .btnlight {display:inline-block;padding:9px 24px 8px 24px;margin-top:12px;color:#222;background-color:#444;font-size:12px;color:#fff;border-radius:5px;opacity:0.9;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.contactcard .btnlight:hover {opacity:1.0;background-color:#666;}

.paymtcard {display:block;margin-top:20px;margin-bottom:8px;}
.paymtcard .payinfo {font-size:14px;font-weight:500;color:#555;padding:3px 0px 0px 0px;margin:0px;}
.paymtcard .cards {max-height:26px;}

.section-ftr .copy{padding:8px 0px;font-size:13px;font-weight:400;color:#777;opacity:0.7;}
.section-ftr a.policylink{display:inline-block;padding:8px 0px 1px 12px;font-size:13px;font-weight:400;color:#777;opacity:0.7;}

.ftrhr {width:100%;height:1px; background-color:#888;margin:8px 0px;padding:0px;}