.body {font-family: "Poppins", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings:"wdth" 100;}
.font-roboto{font-family: "Roboto", sans-serif;}

/** common class**/
a {transition: all 0.3s linear;text-decoration: none;margin: 0px;}
.bglight {background-color: #222;}
.bgblack {background-color: #000;}
.bgred {background-color: #9c0808; margin-top: 0px;}

.logo {display:inline-block; padding: 14px 0px 14px 0px;transition: all 0.3s linear;}
.logo img {width: auto; height:48px; position: relative;margin-left: -7px;transition: all 0.3s linear;}

.navwrap {background-color:rgb(255, 255, 255);border-radius: 0 0 3px 3px;overflow: hidden;}
.navwrap .mainnav {display: block; padding-top:24px; transition: all .3s linear;}
.navwrap .mainnav a {display: inline-block;font-family: "Roboto", sans-serif;color: #444; margin-left:30px; font-size: 13px; font-weight: 450;letter-spacing: 0.5px;text-transform: uppercase;position: relative;}
.navwrap .mainnav a::before{width: 18px;height: 18px;top:-60px;left: 50%;transform: translateX(-50%) rotate(45deg);border-radius: 4px;position: absolute;content: '';transition: all 0.3s linear;background-color: #efefef;}
.navwrap .mainnav a:nth-child(1) {margin-left: 0px;}
.navwrap .mainnav a:hover {color:#911e28;}
.navwrap .mainnav a:hover::before {top:-42px;background-color: #911e28;}

.navwrap a.lang {display: inline-block;background-color: #9c0808;color:#fff;padding: 6px 18px 6px 18px;border-radius:30px;margin-top: 24px;font-size: 12px;font-weight: 500;text-transform: uppercase;letter-spacing:0.5px;position: relative;overflow: hidden;z-index: 0;}
.navwrap a.lang::before{right: 0px;top:0px;width:0px;height: 100%;background-color: #333;position: absolute;content: ''; z-index: -1;transition: all 0.3s linear;border-radius: 30px;}
.navwrap a.lang:hover::before{width: 100%;}

.srink  {box-shadow: 0px 1px 7px 1px rgba(0,0,0,0.15);background-color: #fff;}
.srink .logo {padding: 11px 0px 8px 0px;}
.srink .logo img {height:40px;}
.srink .mainnav {padding-top:16px;}
.srink .mainnav a {margin-left: 18px;}
.srink .mainnav a:nth-child(1) {margin-left: 0px;}
.srink .mainnav a:hover::before {top:-32px;}
.srink a.lang {margin-top:16px;}

.hero .slide {display: block;padding-top: 230px;}
.hero .slide h1{font-size: 38px; font-weight: 700; color: #222;}
.hero .slide p.herotitle{font-size: 18px;font-weight:600;color: #911e28;}
.hero .slide a{display: block;margin-top: 45px;font-size: 14px;font-weight: 500; color: #000;text-transform: uppercase;}

.hero .slide-a {background: url(../images/bg/hero-a.jpg) no-repeat center bottom;background-size: 100%;height: 680px;}
.hero .slide-b {background: url(../images/bg/hero-b.jpg) no-repeat center bottom;background-size: 100%;height: 680px;}
.hero .slide-c {background: url(../images/bg/hero-c.jpg) no-repeat center bottom;background-size: 100%;height: 680px;}
.hero .slide-d {background: url(../images/bg/hero-d.jpg) no-repeat center bottom;background-size: 100%;height: 680px;}
.hero .slide-e {background: url(../images/bg/hero-e.jpg) no-repeat center bottom;background-size: 100%;height: 680px;}


.txs h2 {font-family: "Roboto" sans-serif;font-size: 30px; font-weight:650; color: #222;line-height: 42px;}
.txs h5 {font-family: "Roboto" sans-serif;font-size: 20px; font-weight:500; color: #8c0404;line-height: 26px;}

.txs p {font-size: 16px; font-weight: 400; color: #444;line-height:24px;}
.txs p.txbold {color:#000; font-weight: 550;} 
.txs p.head {display: inline-block;color:#8c0404;font-size:13px;font-weight:500;}

.txs-w h2 {font-family: "Roboto" sans-serif;font-size: 30px;font-weight: 450; color: #fff;line-height: 38px;} 
.txs-w h5 {font-family: "Roboto" sans-serif;font-size: 16px;font-weight: 350; color: #ddd;line-height: 24px;letter-spacing: 1px;} 
.txs-w p {font-size: 16px; font-weight: 400; color: #777;line-height:26px;margin: 0;}
.txs-w p.head {display: inline-block;color:#c92b2b;font-size:13px;font-weight:400;letter-spacing: 0.5px;}


.abt-boxitem {display: block;position: relative;margin-top: 20px;}
.abt-boxitem svg {position: absolute;left: 0px;top:2px;width: 52px;height: auto;transition: transform 0.6s ease, color 0.4s ease;color: #ad1313;}
.abt-boxitem h5 {padding-left: 76px;color: #333;} 
.abt-boxitem p {margin:28px 4px 16px 4px;} 
.abt-boxitem:hover svg {transform: rotateY(180deg);color: #222;}
.abt-boxitem:hover h5 {color: #9c0808;}

.abt-partners {display: block;position: relative;}
.abt-partners img {width: 100%;height: auto;border-radius: 7px;position: relative;z-index: 0;}
.abt-partners .abt-partners-brands {position: absolute;background-color: rgba(156, 8, 8, 0.8);width: 100%;bottom:0px;padding: 28px 30px 18px 240px;border-radius:0px 0px 7px 7px;}
.abt-partners .abt-partners-brands .brands {position: absolute;left:26px; top:-40px;width: 180px;height: 160px;background-color: #fff;border-radius: 3px;padding: 20px;}
.abt-partners .abt-partners-brands .brands img {display: block;margin:25px 10px 0px 10px;}
.abt-partners .abt-partners-brands p {font-size: 16px; font-weight: 400; color: #ddd;line-height:22px;}
.abt-partners .abt-partners-brands p.txbold {font-size: 20px; font-weight: 500; color: #fff;}

.prod {background-color: #efeff3;border-top: solid 1px #e0e0e0;box-shadow: inset 0 8px 12px -10px rgba(0, 0, 0, 0.15);}
.prod .prod-box {display: block;background-color: #fff;border-radius: 5px;transition: all 0.3s linear;transform-origin: bottom;}
.prod .prod-box .image {display: block;overflow: hidden;border-radius: 3px 3px 0px 0px;}
.prod .prod-box .image img{width: 100%;height: auto;transition: all 1s ease;}
.prod .prod-box .text {padding: 20px 20px 20px 20px;}
.prod .prod-box .text h3 {font-family: "Roboto" sans-serif;font-size: 18px; font-weight:500; color: #333;line-height: 26px;padding-bottom: 10px;border-bottom: solid 1px #dfdfdf;transition: all 1s ease;transform-origin: left;}
.prod .prod-box .text p {font-size: 15px; font-weight: 400; color: #777;line-height:24px;margin: 0;}
.prod .prod-box .text p:first-child {color:#9c0808;font-size: 13px;font-weight: 500;transition: all 1s ease;}
.prod .prod-box:hover {box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16);}
.prod .prod-box:hover .image img {transform: scale(0.99); }
.prod .prod-box:hover .text h3 {color:#9c0808;transform: scale(1.1); }
.prod .prod-box:hover .text p:first-child {transform: rotateX(360deg); }



.sersec {padding-bottom: 130px;background: url(../images/bg/cnt.png) no-repeat center bottom #9c0808;background-size: 100%;}
.sersec h2{font-family: "Roboto" sans-serif;font-size: 30px;font-weight: 450; color: #fff;line-height: 38px;} 
.sersec p {font-size: 16px; font-weight: 400; color: #fff;line-height:24px;margin: 0;opacity: 0.7;}
.sersec p.head {display: inline-block;color:#fff;font-size:13px;font-weight:400;letter-spacing: 0.5px;opacity: 0.85;}

.seritems {display: block;margin-top:-190px;background: linear-gradient(to bottom, transparent 5%, #efeff3 100%);}
.seritems .boxstyle {display: block;padding:90px 30px 30px 24px;background-color: #fff;border-radius: 7px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.03);position: relative;}
.seritems .boxstyle svg {position: absolute;left: 24px;top:18px;width: 52px;height: auto;transition: all 0.6s ease;color: #ad1313;transform-origin: left;}
.seritems .boxstyle h5 {font-family: "Roboto" sans-serif;font-size: 20px; font-weight:500; color: #333;line-height: 26px;padding-bottom: 18px;border-bottom: solid 1px #dfdfdf;}
.seritems .boxstyle p {font-size: 15px; font-weight: 400; color: #777;line-height:24px;margin: 0;}
.seritems .boxstyle:hover svg {transform: rotateY(360deg) scale(3.5);color: #222;opacity: 0.1;top:60px;}
.seritems .boxstyle:hover h5 {color: #9c0808;}

.enqimgbg {background: url(../images/bg/1.jpg) no-repeat center center;background-size: cover;border-radius: 8px;}
.enqimg-text {padding: 45px 34px 24px 34px; background-color: #9c0808; max-width: 300px; height: 100%;}
.enqimg-text h3 {font-size: 34px;font-weight: 500; color: #fff;}
.enqimg-text p {font-size: 16px; color: #fff; font-weight: 300; opacity: 0.9; }

.frm {display: block;padding:30px 40px;background-color: #efeff3;border-radius: 8px;}
.frm label {font-size: 13px;font-weight:500;color: #444;line-height: 20px;padding-left: 3px;}
.frm input, .frm textarea {display: block;padding:10px 0px 9px 16px; border-radius: 3px;border:solid 1px #cdcdcd;font-size: 14px;font-weight:500;color:#424242;transition: border-color 0.25s ease, box-shadow 0.25s ease;}
.frm button {display: inline-block;padding: 12px 30px;background-color: #222;border:solid 1px #9c0808;border-radius: 5px;font-size: 13px;font-weight:500;color:#dedede;transition: all 0.3s linear;}
.frm button:hover {background-color: #bf0d0d;border:solid 1px #bf0d0d;}
.frm input:focus, .frm textarea:focus, select:focus {outline: 2px solid transparent;border-radius: 6px;border:solid 1px #fff;box-shadow: 0 0 12px 3px rgba(0, 0, 0, 0.15);}
.form-overlay {position: fixed;inset: 0;background: rgba(0, 0, 0, 0.75);display: none;align-items: center;justify-content: center;z-index: 9999;}
.form-overlay-content {background: #fff;padding: 40px;max-width: 500px;width: 90%;text-align: center;border-radius: 10px;}
.form-message {font-size: 20px;}

.contact-section {background: url(../images/bg/cnt.png) no-repeat center center #1a1a1a;background-size: 100%;}
a.enqlink {display:inline-block;position:relative;font-size: 15px; font-weight: 400; color:#aaa;transition:all .3s ease;border:solid 1px #424242;padding: 8px 26px;border-radius: 5px;background-color: rgba(0, 0, 0, 0.15);overflow: hidden;}
a.enqlink::before {content:"\2192";position:absolute;left:-20px;transition:all 0.3s ease;}
a.enqlink:hover {color:#fff;padding:8px 16px 8px 36px;background-color: #911e28;border:solid 1px #c92b2b}
a.enqlink:hover::before {opacity:1;left:10px;transform:translateX(0);color:#fff}

a.ftrlink {display: block;font-size: 15px; font-weight: 400; color:#aaa;}

.ftr {padding: 22px 0;border-top:solid 1px #303030;}
.ftr p {font-size: 14px;font-weight: 400;color:rgba(255, 255, 255, 0.5); margin: 0;letter-spacing: 0.25px;}