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

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

.theme-red-bg {background-color: #7e0303;}
.theme-gray-bg {background-color: #727272;}
.theme-lightgray-bg {background-color: #a2a2a2;}
.theme-silver-bg {background-color: #f4f4f4;}

.navwrap {border-top: solid 5px #7e0303;background-color: #fff;}

.logo{padding:11px 0 9px 0;transition: all 0.3s ease;display:inline-block;}
.logo img{height: 52px;transition: all 0.3s ease;}

.mainnav {display: block;padding-top:26px;transition: all .3s linear;overflow: hidden;}
.mainnav a {color:#727272;margin-left:18px;font-size: 13px;font-weight: 400;position: relative;text-transform: uppercase;position: relative;letter-spacing: 1px;}
.mainnav a::before {position: absolute;content: '';left: 50%;transform: translateX(-50%);top:-30px;width: 60%;height: 0px;background-color: #7e0303;transition: all .3s linear;}
.mainnav a:hover {color:#7e0303;}
.mainnav a:hover::before {height: 24px;}
.mainnav a.lang {margin-left: 36px;padding-right: 2px;color:#7e0303;letter-spacing: 0;}
.mainnav a.lang::before {height: 0px !important;}
.mainnav a.lang:hover::before {background-color: #fff;opacity: 1;}

.srink  {box-shadow: 0px 1px 7px 1px rgba(0,0,0,0.15);background-color: #fff !important;border-top-width: 0px;}
.srink .logo {padding: 12px 0 10px 0;}
.srink .logo img {height: 40px;}
.srink .mainnav {padding-top:20px;}
.srink .mainnav a{margin-left:12px;}
.srink .mainnav a.lang {margin-left: 36px;}

.subnav {display: block;background-color: #7e0303;border-radius: 30px;padding: 1px 30px;margin-bottom: 24px;text-align: center;position: sticky;top: 70px;z-index: 999;}
.subnav a {display: inline-block;color:#fff;opacity: 0.7;padding-top: 12px;padding-bottom: 11px;font-size: 16px;font-weight:350;text-align: center;}
.subnav a:hover {opacity: 1;}

.hero  {display: block;overflow: hidden;}
.hero .ia {background: url(../images/hero/a.jpg) no-repeat center center;background-size: cover;}
.hero .ib {background: url(../images/hero/b.jpg) no-repeat center center;background-size: cover;}
.hero .ic {background: url(../images/hero/c.jpg) no-repeat center center;background-size: cover;}
.hero .id {background: url(../images/hero/d.jpg) no-repeat center center;background-size: cover;}
.hero .ie {background: url(../images/hero/e.jpg) no-repeat center center;background-size: cover;}
.hero .if {background: url(../images/hero/f.jpg) no-repeat center center;background-size: cover;}

.hero .heroslide {display: block;padding-top: 180px;min-height: 600px;}
.hero .heroslide h1 {color: #fff;font-size: 36px;font-weight:550;letter-spacing: 1px;text-transform: uppercase;text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);}
.hero .heroslide h5 {font-size: 17px;font-weight:400;color:#fff;text-transform: uppercase;letter-spacing: 1px;}
.hero .heroslide p {font-size: 16px;font-weight:350;letter-spacing: 0.5px;color:#c6c6c6}
.hero .heroslide a {display: inline-block;padding-left: 0px;;color:#c6c6c6;font-size: 13px;font-weight:400;position: relative;text-transform: uppercase;letter-spacing: 1px;}
.hero .heroslide a:hover {padding-left: 8px;}
.hero .heroslide .herosep {display: inline-block;width:90px;height: 3px;border-radius: 0px;background-color: #fff;margin-top: 45px;margin-bottom: 8px;}

.innerhero {display: block;padding-top: 170px;}
.innerhero h1 {color: #fff;font-size: 30px;font-weight:500;letter-spacing: 1px;text-transform: uppercase;}
.innerhero p {color: #dfcece;font-size: 16px;font-weight:400;letter-spacing: 0.25px;}


.bg-prods {background: url(../images/bg/prod.jpg) no-repeat center center;background-size: cover;min-height: 440px;}
.bg-about {background: url(../images/bg/about.jpg) no-repeat center center;background-size: cover;min-height: 440px;}
.bg-why {background: url(../images/bg/why.jpg) no-repeat center center;background-size: cover;min-height: 440px;}
.bg-contact {background: url(../images/bg/contact.jpg) no-repeat center center;background-size: cover;min-height: 440px;}
.bg-imprint {background: url(../images/bg/imprint.jpg) no-repeat center center;background-size: cover;min-height: 440px;}


.themetext h2 {font-size: 28px;font-weight:700;}
.themetext h3 {font-size: 22px;font-weight:600;}
.themetext h4 {font-size: 18px;font-weight:550;}
.themetext p, .themetext li {font-size: 15px;font-weight:400;letter-spacing: 0.25px;color:#606060}
.themetext p.mid {font-size: 16px;font-weight:450;}
.themetext a {display: inline-block;color: #7e0303;;font-size: 14px;font-weight:400;letter-spacing: 0.5px;position: relative;}
.themetext a::before{position: absolute;top: -5px;left: 0px;width: 22px;height: 2px;background-color: #626262;content: '';transition: all 0.3s linear;}
.themetext a:hover {color:#7e0303;}
.themetext a:hover::before {width: 40%;background-color: #7e0303;bottom :-3px;top:100%}

.themetext .txred {color:#7e0303 !important;}

.themetext ul {list-style:none;padding-left: 0;line-height: 26px;}
.themetext ul li {display: block;position: relative;margin-left: 30px;transition: all 0.3s linear;}
.themetext ul li::before {position: absolute;left: -30px;content: "\2014";transition: all 0.3s linear;}
.themetext ul li:hover {color:#7e0303}
.themetext ul li:hover::before {left: -25px;}


.themetext2 h2 {font-size: 28px;font-weight:550;color:#fff;letter-spacing: 0.5px;}
.themetext2 h3 {font-size: 22px;font-weight:500;color:#fff;letter-spacing: 0.25px;}
.themetext2 h5 {font-size: 18px;font-weight:400;color:#fff;letter-spacing: 0.5px;}
.themetext2 p {font-size: 15px;font-weight:350;letter-spacing: 0.25px;color:#d0d0d0}
.themetext2 p.mid {font-size: 17px;font-weight:400;letter-spacing: 0px;}
.themetext2 p.sm {font-size: 13px;font-weight:300;letter-spacing: 0.5px;}
.themetext2 a {display: inline-block;color:#d8d8d8;font-size: 15px;font-weight:300;letter-spacing: 0.5px;position: relative;}
.themetext2 a::before{position: absolute;bottom: -3px;left: 0px;width: 0px;height: 1px;background-color: #feb2b2;content: '';transition: all 0.3s linear;}
.themetext2 a:hover {color:#fff;}
.themetext2 a:hover::before {width: 40%;}



.box {display: block;margin: 0px 8px 30px 0px;padding: 12px 10px;border-radius: 5px;}
.box .boximg {display: block;overflow: hidden;}
.box .boximg img{max-width: 100%;border-bottom: solid 5px #929292;transition: all 0.3s linear;}
.box:hover .boximg img {border-color: #7e0303;}
.box .boxtx {display: block;padding: 22px 10px 8px 10px;}
 
.proditems {display:block;margin:0px 8px 25px 8px;padding:0px 0px 1px 0px;position: relative;border-radius:8px 8px 0px 0px;position: relative;transition: all 0.3s linear;border-bottom: solid 5px #aaa;}
.proditems .prodimg {display: block;overflow: hidden;border-radius: 8px 8px 0px 0px;}
.proditems .prodimg img{max-width:100%;transition: all 0.3s linear;}
.proditems:hover {border-bottom: solid 5px #570101;padding:1px 0px 0px 0px;}
.proditems:hover .prodimg img {transform: scale(1.05);}

.proditems .prodtext {position: absolute;overflow: hidden;width: 100%;bottom: 0px;padding: 20px 15px 5px 25px;transition: all 0.3s linear;opacity: 0.6;}
.proditems .prodtext::before {left:50%;transform: translateX(-50%);top:0px;width: 0%;height: 0px;position: absolute;content: '';transition: all 0.3s linear;background-color: rgba(126, 3, 3,0.7);}
.proditems:hover .prodtext {padding: 20px 15px 0px 30px;opacity: 1;}
.proditems:hover .prodtext::before {bottom: 0px;top:auto;width:100%;height: 100%;}
.proditems .prodtext p{font-size: 17px;font-weight: 450; color:#fff;letter-spacing: 1px;position: relative;}
.proditems .prodtext p span {font-size: 14px;font-weight: 350;display: block;letter-spacing: 0.25px;}

.primroundbtn {display: inline-block;padding: 11px 24px;border-radius: 30px;border:solid 2px #626262;background-color: #727272;font-size: 14px;font-weight: 350;color:#fff}
.primroundbtn:hover{background-color: #7e0303;color:#fff;border:solid 2px #7e0303} 

.brandslider {background-color: #eeecec;border-bottom: solid 1px #dedede;}
.branditem {padding:30px 20px;overflow: hidden;transition: all 0.3s linear;margin:0px 8px;position: relative;}
.branditem::before{position: absolute;left: 0px;top: 0px;width: 100%;height: 0px;background-color: #fff;content: '';transition: all 0.3s linear;}
.branditem img{max-width: 100%;transition: all 0.3s linear;margin: auto;position: relative;z-index: 999;}
.branditem:hover::before{height: 100%;}
.branditem:hover img {transform: scale(1.15);filter: grayscale(0);}

.homebrand {background-color: #fff !important;border:solid 1px #ededed;border-radius: 5px;}
.homebrand .branditem {padding: 45px 20px;}

.whybox {display: block;border-top:solid 1px #dedede;padding:16px 16px 16px 4px;position: relative;transition:all 0.3s linear;}
.whybox::before {height: 1%;width: 100%;left:0px;bottom:0px;background-color: #ececec;background: linear-gradient(to top, #ececec, #fefefe);transition:all 0.3s linear;content: '';position: absolute;}
.whybox p {position: relative;z-index: 999;}
.whybox:hover {padding:16px 4px 16px 16px;}
.whybox:hover::before {height: 100%;}


.ftrbg {background: url(../images/ftrlogo.png) no-repeat 90px 240px #7e0303;background-size: 20%;}

.pagesep {display: block;width: 100%;height: 75px;background: linear-gradient(0deg, #d0d0d0 0%, #dfdfdf 20%, #dfdfdf 60%, #d0d0d0 100%);}



.frm {display: block;}
.frm label {font-size: 13px;font-weight:500;color: #666;line-height: 20px;padding-left: 3px;}
.frm input, .frm textarea {display: block;padding:10px 0px 9px 16px;border-radius: 3px;border:solid 1px #dedede;font-size: 14px;font-weight:500;color:#000}
.frm textarea {height: 134px;}
.frm button {display: inline-block;padding: 10px 30px;background-color: #7e0303;border:solid 1px #580303;border-radius: 5px;font-size: 13px;font-weight:500;color:#dedede;transition: all 0.3s linear;}
.frm button:hover {background-color: #000;border:solid 1px #000;}


.frmmsg {display: none;padding: 10px 22px 9px 22px;margin:12px 0px 6px 0px;border-radius: 3px;background-color: #7e0303;color:#fbeeee;font-size: 15px;font-weight:350;}