body {font-family: "Mulish", sans-serif;background-color:#fff;font-size:14px;font-optical-sizing: auto;}
a {text-decoration:none;transition:all 0.3s linear;}
.primbg {background-color:#9c1107;}
.seconbg {background-color:#f4f4f4;}
.darkbg {background-color:#1d1e1c;}
.bxshedow {box-shadow: 0 4px 5px rgba(0,0,0, .2);}

/** Header*/
.logo {display:inline-block;padding:12px 0px 12px 0px;}
.logo img{width:150px;}

.toplinks {text-align: left;display: inline-block;}
.toplinks a {display: inline-block;margin-top: 16px;padding:0px 20px 0px 60px;color: #999;font-size:14px;font-weight:600;}
.toplinks a span {display: block;font-weight:700;color:#444;}
.toplinks a.location {background: url(../images/svg/pin.svg) no-repeat 10px 1px;background-size: 38px 38px;}
.toplinks a.callus {background: url(../images/svg/call.svg) no-repeat 10px 2px;background-size: 38px 38px;}
.toplinks a.mailus {background: url(../images/svg/mail.svg) no-repeat 10px 1px;background-size: 38px 38px;}
.toplinks a:hover {color:#000;background-size: 32px 32px;background-position-x:18px;}
.toplinks a:hover span {color:#9c1107}

.mainnav {display:block;text-align:left;padding:16px 0px 16px 0px;}
.mainnav a {display:inline-block;margin-right: 24px;font-size:14px;font-weight:600;color: rgba(255,255,255,0.8);transition:all 0.3s linear;text-transform: uppercase;}
.mainnav a:hover {color:rgba(255,255,255,1)}
.mainnav .logo-toggle {display: none;}

.lang {display:block;text-align:right;padding:16px 0px 16px 0px;}
.lang a {display:inline-block;margin-left: 12px;font-size:12px;font-weight: 500;color: rgba(255,255,255,0.8);transition:all 0.3s linear;text-transform: uppercase;}

.srink .mainnav {padding:8px 0px 8px 0px;}
.srink .mainnav .logo-toggle {margin-right: 30px;display: inline-block;}
.srink .lang {padding:20px 0px 16px 0px;}

/**Hero*/
.hero {box-sizing:border-box;overflow:hidden;border-bottom:solid 1px #e1e1e1;}
.hero .heroslide {display:block;height: 610px;padding-top:180px;}
.hero .heroslide h1 {font-size: 44px;font-weight: 900;color: #fff;text-transform: uppercase;text-shadow: 0px 1px 5px rgba(0,0,0, .2);}
.hero .heroslide p {font-size: 20px;font-weight: 400;color: #dedede;line-height:30px;margin-top:18px;}
.hero .heroslide hr {width:180px;background-color:#7e0505;height:5px;opacity:1.0;border-radius:30px;}
.hero .one {background: url(../images/hero/b.jpg) no-repeat center;background-size: cover;}
.hero .two {background: url(../images/hero/a.jpg) no-repeat center;background-size: cover;}


.txstyle h2{color:#444;font-size:28px;font-weight:500;line-height: 38px;}
.txstyle h2 span{font-weight:800;color:#9c1107}
.txstyle h3{color:#444;font-size:22px;font-weight:500;line-height: 30px;}
.txstyle h3 span{font-weight:800;color:#9c1107}
.txstyle h3 span.black{color:#444}

.txstyle p{font-size:16px;font-weight:400;color:#444;}
.txstyle p.title{padding:4px 9px;font-size:12px;font-weight:600;color:#9c1107;display: inline-block;border:dashed 1px #ccc;}
.txstyle p span.lg-red{font-size:16px;font-weight:700;color:#9c1107;}

.proditems {display: block;border:dashed 1px #dedede;padding: 12px 14px;margin-bottom: 30px;background-color: #fff;text-align: center;transition: all 0.3s linear;}
.proditems img {width: 80%;margin: auto 0px;transition: all 0.3s linear;}
.proditems label{font-size:12px;font-weight:800;color:#444;margin-top: 26px;text-transform: uppercase;}
.proditems label span {font-weight:400;}
.proditems:hover{box-shadow:0px 0px 18px 0px rgba(0,0,0, .1);}
.proditems:hover img {transform: scale(1.1);}


.brandslider {box-sizing:border-box;border-radius:3px;padding: 24px 16px;}
.brandslider .brandslide {display:block;padding:2px;border-radius: 3px;overflow: hidden;background-color: #fff;transition:all 0.3s linear;}
.brandslider .brandslide img{transition: all 0.3s linear;max-width:60%;margin:auto;opacity: 0.7;}
.brandslider .brandslide:hover{box-shadow:0px 0px 18px 0px rgba(0,0,0, .1);}
.brandslider .brandslide:hover img{transform:  scale(1.2);opacity: 1;}
.brandslider .slick-track { display: flex !important;}
.brandslider .slick-slide { height: inherit !important;margin: 0 8px;}

.iconbox {display: block;border:dashed 1px #ddd;padding: 28px;background-color: #fff;border-radius: 5px;transition: all 0.3s linear;}
.iconbox img {width: 45px;margin-bottom: 24px;transition: all 0.3s linear;}
.iconbox h5{color:#000;font-size:18px;font-weight:700;transition: all 0.3s linear;}
.iconbox p{font-size:16px;font-weight:400;color:#444;}
.iconbox:hover {box-shadow:0px 0px 18px 0px rgba(0,0,0, .1);transform: scale(1.03);}
.iconbox:hover h5 {color: #9c1107;}

.cta {background-color: #9c1107;}
.cta h1 {font-size:34px;font-weight:600;color: #fff;}
.cta h3 {font-size:20px;font-weight:600;color: #fff;}
.cta p {font-size:17px;font-weight:400;color: rgba(255, 255, 255, 0.9);line-height: 30px;}
.cta p.sm {font-size:14px;font-weight:500;color: rgba(255, 255, 255, 0.8);}
.cta p a {display: block;color: rgba(255, 255, 255, 0.8);font-size: 17px;font-weight: 400;transition:all 0.2s linear;} 
.cta p a:hover {color: #fff;}
.cta .line {display: block;height:1px;background-color: #b95750;}
.cta iframe {border: solid 1px #bcbcbc;border-radius: 5px;}

/***Footer Section */

.section-ftr {background-color:#222;}
.section-ftr p, .section-ftr a{font-size:13px;font-weight:400;color:rgba(255, 255, 255, 0.8);}