body{background-color:#fff;font-size: 16px;font-weight: 400;color:#2c2c2f;font-family: "Rajdhani", sans-serif;font-style: normal;}
a {text-decoration: none;transition: all 0.3s linear;}

.themered {background: #630e15;} 
.themegrad {background: linear-gradient(to bottom, #630e15 0%, #90212a 10%, #791a22 90%);}

/* navibar **/
.navwrap {  background-color: #ffffff;background: linear-gradient(to bottom,  #fff 0%, #e8e8e8 90%);}
.logo {padding:14px 0px 10px 0px;display: inline-block;}
.logo img{height:42px;transition: all 0.3s linear;}

.navibar {display: block;margin-top:22px;transition: all .3s linear}
.navibar .sptr{margin: 0 14px;}
.navibar a { color:#414145;margin-left:24px;padding:5px 0;font-size: 16px;font-weight: 600;position: relative;text-transform: uppercase;}
.navibar a::before {position: absolute;left: 0px;bottom: 5px;width: 0px;height: 1px;background-color: #911e28;content: '';transition: all 0.3s linear;}
.navibar a:hover::before {width: 100%;}
.navibar a:hover {color:#911e28}
.navibar a.lang {display: inline-block;padding:5px 14px; border-radius:3px; color:rgba(255,255,255,0.85);background-color: #911e28;font-size: 14px;}
.navibar a.lang:hover {color:#fff;background-color:#510d13;}
.navibar a.lang:hover::before {width: 0px;}
.navibar a.lang:last-child{margin-left: 2px;}
.navibar a.lang-gray {background-color: #bebebe;}
.navibar a.lang-gray:hover {background-color: #bebebe;}

.srink  {box-shadow: 0px 1px 3px 2px rgba(0,0,0,0.15);background-color: #ffffff;background: linear-gradient(to top,  #fff 0%, #f8f8f8 90%);}
.srink .logo {padding:6px 0px 7px 0px;}
.srink .logo img {height:34px;}
.srink .navibar {margin-top:10px;} 
.srink .navibar a {margin-left: 18px;}

.subnav {display: block;padding: 14px 0px 11px 0px;}
.subnav a.title  {display: inline-block;color:rgba(255, 255, 255, 0.80);font-size:16px;font-weight:500;padding: 0px;margin:0px 45px 0px 0px;text-transform: uppercase;}
.subnav a.title:hover {color:#fff;}

.heroslider {margin: 0px;padding: 0px; position: relative;overflow:hidden;width: 100%;}
.heroslider .heroslide {display: block;height:590px;padding-top: 150px; } 
.heroslider .slide-a {background: url(../images/hero/slide1.jpg) no-repeat center center; background-size: cover;}
.heroslider .slide-b {background: url(../images/hero/slide2.jpg) no-repeat center center; background-size: cover;}
.heroslider .slide-c {background: url(../images/hero/slide3.jpg) no-repeat center center; background-size: cover;}
.heroslider .slide-d {background: url(../images/hero/slide4.jpg) no-repeat center center; background-size: cover;}

.heroslider .heroslide h1 {color:#fff;font-size:42px;font-weight:700;text-shadow: 1px 1px 2px rgba(0,0,0,0.3);line-height:46px;text-transform: uppercase;letter-spacing: 0.5px;}
.heroslider .heroslide p {color:#fff;font-size:20px;font-weight:400;letter-spacing: 1px;line-height: 26px;}

.section-brands {background: linear-gradient(to bottom,  #fff 70%, #e8e8e8 100%)}
.section-brands .branditem {padding:8px 6px;overflow: hidden;transition: all 0.3s linear;}
.section-brands .branditem img{width: 60%;transition: all 0.3s linear;margin: auto;}
.section-brands .branditem:hover img {opacity: 1;transform: scale(1.2);}

.txstyle h1 {font-size: 28px;line-height: 38px;font-weight: 400;color: #444;text-transform: uppercase;}
.txstyle h1 span {color:#000;font-weight: 700;}
.txstyle h5 {font-size: 19px;line-height: 26px;font-weight: 600;color: #444;text-transform: uppercase;}
.txstyle p {color:#444;font-size:17px;font-weight:500;line-height: 26px;}
.txstyle p.sechead {display: inline-block;color:#90212a;font-size:16px;font-weight:600;line-height: 26px;position: relative;padding-left: 45px;}
.txstyle p.sechead::before {width:30px;height: 0.5px;left:0px;top:14px;background-color: #911e28;position: absolute;content: '';}
.txstyle p.sechead::after {width:20px;height: 1px;;left:0px;top:10px;background-color: #777;position: absolute;content: '';}
.txstyle p.centered::before, .txstyle p.centered::after {left: 50%;transform: translateX(-50%);}
.txstyle .red {color: #911e28;}

.iconbox .pgicon {opacity: 0.5;transition: all 0.3s ease;transform: scale(0.85);}
.iconbox:hover .pgicon {opacity: 0.9;transform: scale(1);}

.section-prods {background: linear-gradient(to top,  #f4f4f4 99.5%, #e0e0e0 100%)}
.sticky-col {align-self: start;position: sticky;top: 80px;}
.prodbox {display: block;position: relative;overflow: hidden;margin-bottom: 20px;}
.prodbox .imgbx {display: block;overflow: hidden;border:1px solid #fff;border-radius:4px;}
.prodbox .imgbx img {width: 100%;transition: all 0.6s linear;border-radius:3px;} 
.prodbox .tbx {position: relative;left: 0px;top:0px;padding: 12px 15px 5px 5px;width: 100%;transition: all 0.2s linear;}
.prodbox .tbx p {color: #444;font-size: 16px;font-weight: 500;}
.prodbox:hover .imgbx {border:1px solid #aaa; }
.prodbox:hover .tbx {animation: slideBack 750ms linear 3;}
.prodbox:hover .tbx p {color: #83030e;font-weight: 600;}

@keyframes slideBack {
    0% {left: 0px;}
    50% {left: 10px;}
    100% {left: 0px;}
}

.section-service {background: URL(../images/cta.jpg) no-repeat left center;padding: 45px 0;}

.section-contact {background: URL(../images/contact.jpg) no-repeat right top #727272;}
.section-contact h1 {font-size: 30px;line-height: 38px;font-weight: 400;color: #ddd;text-transform: uppercase;}
.section-contact h1 span {font-weight: 600;color:#fff}
.section-contact h3 {font-size: 20px;line-height: 38px;font-weight:500;color: #fff;text-transform: uppercase;}
.section-contact p {color:#ddd;font-size:17px;font-weight:500;line-height: 24px;}
.section-contact p.sechead {display: inline-block;color:#fff;font-size:17px;font-weight:500;line-height: 26px;position: relative;padding-left: 45px;}
.section-contact p.sechead::before {width:30px;height: 0.5px;left:0px;top:14px;background-color: #eee;position: absolute;content: '';}
.section-contact p.sechead::after {width:20px;height: 1px;;left:0px;top:10px;background-color: #aaa;position: absolute;content: '';}
.section-contact a {color:#ddd;font-size:17px;font-weight:500;line-height: 24px;transition: all 0.3s ease;}
.section-contact a:hover {color:#fff;font-weight: 500;letter-spacing: 1px;}

.copy {font-size: 15px;font-weight:500;color:rgba(255,255,255,0.5);}