.hover { transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
.hover3 { transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s;}

.ind_btn { background: transparent; padding: 15px 32px; color: #fff; border: 3px solid #fff; text-align: center; overflow: hidden; display: inline-block; cursor: pointer; position: relative; font-size: 14px; text-transform: uppercase; font-weight: 700; z-index: 1;}
.ind_btn::after { background: #fff; content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: -100%; z-index: -1; transition: all .4s ease;}
.ind_btn:hover { color: #000;}
.ind_btn:hover::after { right: 0; content: "";}

.ind_btn_red { background: transparent; padding: 15px 32px; color: #000; border: 3px solid #d90d0d; text-align: center; overflow: hidden; display: inline-block; cursor: pointer; position: relative; font-size: 14px; text-transform: uppercase; font-weight: 700; z-index: 1;}
.ind_btn_red::after { background: #d90d0d; content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: -100%; z-index: -1; transition: all .4s ease;}
.ind_btn_red:hover { color: #fff;}
.ind_btn_red:hover::after { right: 0; content: "";}

.ind_btn_light { position: relative; font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0; background: transparent; display: inline-block; color: #000; height: 46px; min-width: 144px; padding: 16px 10px; text-align: center; line-height: .9; margin-bottom: 6px; border: none;}
.ind_btn_light:before { width: 100%; height: 100%; background: #fff; content: ''; position: absolute; left: 0; top: 0; z-index: 2; transition: all ease 300ms;  -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms;}
.ind_btn_light:after { width: 100%; height: 100%; background: #000; content: ''; position: absolute; left: 6px; top: 6px; z-index: 1; transition: all ease 300ms; -moz-transition: all ease 300ms; -webkit-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms;}
.ind_btn_light span { position: relative; z-index: 4;}
.ind_btn_light:hover:before {left: 6px; top: 6px;}
.ind_btn_light:hover:after {left: 0; top: 0; z-index: 3;}
.ind_btn_light:hover { color: #fff;}


.top-note { text-transform: uppercase; font-size: 16px; font-weight: 600; letter-spacing: 1px;}
.header-cart a { color: #fff;}
.header-cart a:hover { color: #000;}

section.front-about { background: #000; padding: 50px 0; margin-top: -7px}
section.front-about .row { background: #d90d0d; border-radius: 20px;}
section.front-about .about-img { margin: unset; padding: unset;}
section.front-about .about-img img { border-radius: 00px 20px 20px 0px;}
section.front-about .about-text { padding: 20px 50px;}
section.front-about .about-text h3 { color: #fff;}
section.front-about .about-text h3 { font-size: 18px; font-weight: 500; text-transform: uppercase; color: #fff; line-height: 20px; margin: 0; padding: 0 0 0 70px; letter-spacing: 3px; position: relative;}
section.front-about .about-text h3::before { content: ""; background: #000; width: 60px; height: 2px; position: absolute; left: 0; bottom: 45%;}
section.front-about .about-text h1 { font-size: 32px; text-transform: uppercase; letter-spacing: 1px; color: #fff; margin-bottom: 30px;}
section.front-about .about-text p { color: #fff; font-size: 15px; line-height: 30px; text-align: justify;}
section.front-about .about-btn {}
section.front-about .about-btn .about-btn { background: transparent; padding: 15px 32px; color: #fff; border: none; text-align: center; overflow: hidden; display: inline-block; cursor: pointer; position: relative; font-size: 14px; text-transform: uppercase; font-weight: 700; z-index: 1;}
section.front-about .about-btn .about-btn::after { background-color: #fff; display: block;  margin-top: 4px; content: ""; height: 2px; width: 30px; transition: all .4s cubic-bezier(.65,.05,.36,1); }
section.front-about .about-btn .about-btn:hover::after { width: 100%;}


section.front-cats { background: #fff; padding: 40px 0 10px; position: relative;}
section.front-cats  a.cat-block { min-height: 250px; padding-bottom: 113.5%; border-radius: 5px; margin-bottom: 30px; display: block; position: relative; width: 100%; overflow: hidden;}
section.front-cats  a.cat-block .cat-img { position: absolute; top: 0; left: -10px; right: 0; bottom: 0; background-size: cover; background-position: center; transition: transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1),opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1); transform-origin: center; transform: none; opacity: 1;}
section.front-cats  a.cat-block .cat-img::after { background: rgba(0,0,0,0.25); content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
section.front-cats  a.cat-block:hover .cat-img { transform: translate(10px, 0px);}
section.front-cats  a.cat-block .cat-link { position: absolute; padding: 30px; left: 0; margin: 0 0 0 auto; min-width: 350px; max-width: 50%; bottom: 0;}

section.why-choose { background-image: url(../images/why-background.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed; padding: 80px 0; position: relative;}
section.why-choose::before { background-color: rgba(0,0,0,0.7); content: ''; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.why-top-text { margin-bottom: 40px; text-align: center;}
.why-top-text h2 { position: relative; margin-bottom: 20px; font-weight: 800; text-transform: uppercase; padding-bottom: 7px; font-size: 30px; letter-spacing: 1px; color: #fff;}
.why-top-text h2::after { content: ''; position: absolute; background: #d90d0d; width: 170px; height: 3px; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.why-top-text p { color: #fff; font-size: 16px; line-height: 30px;}
section.why-choose .why-text { text-align: center; margin-bottom: 15px;}
section.why-choose .why-text h3 { text-transform: uppercase; font-size: 18px; margin: 10px 0 5px; color: #fff;}
section.why-choose .why-text p { line-height: 22px; font-size: 14px; color: #fff;}

section.feature-block { background: #d90d0d;}
.f-box { padding: 25px 0; display: flex; align-items: flex-start; justify-content: flex-start; height: 100%; color: #fff; transition: color 0.2s ease;}
.f-box .feature-icon { height: 35px; font-size: 35px; color: #fff; margin-right: 10px; line-height: 1em; transition: 0.3s ease-out;}
.f-box:hover .feature-icon { transform: rotateY(-180deg);}
.feature-text .text1 { text-transform: uppercase; font-size: 17px; font-weight: 700; line-height: 1.4em;}
.feature-text .text2 { font-size: 14px; line-height: 20px;}
.feature-text .text2 a { color: #000;}

.front-title { padding-top: 40px; margin-bottom: 30px;}
.front-title h6 { font-size: 16px; font-weight: 500; text-transform: uppercase; color: #d90d0d; line-height: 20px; margin: 0; padding: 0 0 0 70px; letter-spacing: 3px; position: relative;}
.front-title h6::before { content: ""; background: #080808; width: 60px; height: 2px; position: absolute; left: 0; bottom: 45%;}
.front-title h2 { font-size: 28px; letter-spacing: 2px; color: #080808;}

section.featured-pods { padding-bottom: 30px;}

section.video-block { overflow: hidden; position: relative;}
section.video-block video { object-fit: fill; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; display: table-cell;}
section.video-block .opacity-bg { background: linear-gradient(30deg, #000 0, #0e0e0e 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8; z-index: 0;}
section.video-block .video-text { padding-top: 100px; padding-bottom: 100px; text-align: center;}
section.video-block .video-text h2 { color: #fff; font-size: 30px; font-weight: 800; letter-spacing: 2px;}
section.video-block .video-text p { color: #fff; font-size: 18px; margin-bottom: 20px}

section.signup-area { background-image: url(../images/signup-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; display: flex; justify-content: flex-end; padding: 60px 40px;}
section.signup-area .signup-box { background: #fff; padding: 40px; color: #000;}
section.signup-area .signup-box h2 { color: #d90d0d; font-size: 24px; padding: 0 0 0 50px; position: relative;}
section.signup-area .signup-box h2::before { content: ""; background: #000; width: 40px; height: 2px; position: absolute; left: 0; bottom: 45%;}
section.signup-area .signup-box p { font-size: 14px; letter-spacing: 1px;}
section.signup-area .signup-box button { float: right; margin-top: 15px;}

.contact-form .ind_btn { float: right;}


.sec-title { text-align: center; margin-bottom: 20px;}
.sec-title h5 { font-size: 14px; font-weight: 400; letter-spacing: 3px; color: #d90d0d; text-transform: uppercase; margin: 0; line-height: 18px;}
.sec-title h2 { font-size: 28px; letter-spacing: 3px; color: #080808;}


.grid-products .item .product-image { border: 1px solid #ccc;}
.product-details { padding-bottom: 20px;}

h2.Total { text-align: right; font-size: 20px; text-transform: uppercase; font-weight: 700;}
.basket-btn { text-align: right; margin-top: 10px;}
.basket-btn a { margin-left: 30px;}
.SubmitText { text-align: center; color: #060; font-size: 22px; padding: 8rem 0 8rem;}

.NoProd { text-align: center; font-size: 32px; color: #a2a2a2; padding: 100px 0; width: 100%; display: block;}

.text-page { font-size: 16px; line-height: 34px;}
.inner-page { margin-bottom: 40px;}

.process-title { margin: 0;}
.process-title h2 { font-size: 22px; font-weight: 700; color: #080808; letter-spacing: 2px;}
.mp-block h2 { font-size: 22px; font-weight: 700; color: #d90d0d; letter-spacing: 2px; margin-top: 20px;}
.mp-block p, .process-title p { font-size: 16px; line-height: 30px; color: #333;}

.tabs-listing { margin-bottom:20px; }
.tabs-listing .product-tabs { text-align:center; }

.p-img { position: relative; overflow: hidden; margin-bottom: 30px;}
.p-img img { width: 100%; display: block; margin: 0 auto;}
.p-img .p-text { background: rgba(0,0,0,0.6); position: absolute; top: 0 left: 0; right: 0; bottom: 0;  text-align: center; color: #fff; font-size: 18px; font-weight: 700; padding: 12px 18px; transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; transform: scale(1); opacity: 1; visibility: visible; width: 100%; height: 100%; justify-content: center; flex-direction: column; display: flex;}
/*.p-img:hover .p-text { background: rgba(0,94,184,0.8);}*/
.p-img:hover .p-text { visibility: hidden; opacity: 0; transform: scale(0);}
.p-img .p-text h2 {}

ul.sub-cats { margin-bottom: 15px;}
ul.sub-cats li { list-style: none; display: inline-block; margin-right: 15px; margin-bottom: 15px;}
ul.sub-cats li a { background: #000; border-radius: 3px; padding: 0 18px; line-height: 38px; color: #fff; display: block; font-size: 14px; font-weight: 500;}
ul.sub-cats li a:hover, ul.sub-cats li a.active { background: #d90d0d;}

.sc-block { text-align: center; margin-bottom: 30px;}
.sc-block h3 { font-size: 18px; font-weight: 500; margin-top: 8px;}


footer { background: #000; padding: 20px 0 0; position: relative;}
section.footer-btm h2 { color: #fff; font-weight: 700; font-size: 20px; margin: 0 0 30px;}
section.footer-btm ul.f-links { margin: 0; padding: 0}
section.footer-btm ul.f-links li { list-style: none; margin: 0 0 12px 0; padding: 0;}
section.footer-btm ul.f-links li a { color: #fff; font-size: 16px; font-weight: 300;}
section.footer-btm ul.f-links li a:hover, section.copyrights p a:hover { color: #d90d0d;}
section.footer-btm .shipment { margin-top: 30px;}
section.footer-btm .f-contact ul { list-style: none; margin: 0; padding: 0;}
section.footer-btm .f-contact ul li { margin: 0px 0px 18px 0px; padding: 0; float: none; display: block; list-style: none; line-height: 28px;}
section.footer-btm .f-contact ul li i { line-height: 21px; float: left; font-size: 17px; color: #d90d0d; margin-right: 13px;}
section.footer-btm .f-contact ul li div { float: left; width: 75%; line-height: 20px; margin: 0; padding: 0;}
section.footer-btm .f-contact ul li div p { margin: 0; color: #fff; font-size: 16px; font-weight: 300;}
section.footer-btm .f-contact ul li a { color: #fff; font-size: 16px; font-weight: 300;}
section.footer-btm .f-contact ul li a:hover { color: #d90d0d;}
section.footer-btm .footerSocial {}
section.footer-btm .footerSocial a { width: 32px; height: 32px; display: inline-block; color: #000; background: #fff; border-radius: 3px; margin-right: 4px; text-align: center; line-height: 36px; font-size: 18px;}
section.footer-btm .footerSocial a:hover { background: #d90d0d; transform: rotate(360deg); color: #fff;}

section.copyrights { padding: 30px 0; text-align: center;}
section.copyrights .row { border-top: 1px solid #1f1f1f; padding-top: 30px;}
section.copyrights p { color: #bebebe; font-size: 14px; line-height: 22px; margin: 0; }
section.copyrights p a { color: #fff; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s; }






@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 480px) {
    
    section.front-about .about-text { padding: 30px;}
}