.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;}

.btn-curve { background: #ed1c24; padding: 10px 28px; border: 2px solid #000; border-radius: 0; position: relative; overflow: hidden; cursor: pointer; display: inline-block; line-height: normal;}
.btn-curve span { font-size: 14px; text-transform: uppercase; position: relative; transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 2; color: #fff; font-weight: 500;}
.btn-curve::after { background: #000; content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: 100%; border-radius: 0 0 100% 100%/0 0 100% 100%; transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); -ms-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); -webkit-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); }
.btn-curve:hover::after { bottom: -10px; border-radius: 0;}

.btn-curve-dark { background: #000; padding: 10px 28px; border: 2px solid #ed1c24; border-radius: 0; position: relative; overflow: hidden; cursor: pointer; display: inline-block;}
.btn-curve-dark span { font-size: 13px; text-transform: uppercase; position: relative; transition: all 0.8s; -ms-transition: all 0.8s; -webkit-transition: all 0.8s; z-index: 2; color: #fff; }
.btn-curve-dark::after { background: #ed1c24; content: ""; position: absolute; top: -10px; left: -10px; right: -10px; bottom: 100%; border-radius: 0 0 100% 100%/0 0 100% 100%; transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); -ms-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); -webkit-transition: all 0.6s cubic-bezier(1, 0, 0.55, 1); }
.btn-curve-dark:hover::after { bottom: -10px; border-radius: 0;}

a.site-header__cart { color: #000;}
a.site-header__cart:hover { color: #ed1c24;}

.top-contact p { margin-bottom: 0; color: #000; font-size: 15px; font-weight: 400; line-height: 26px;}
.top-contact p i { color: #ed1c24; padding-right: 4px; font-size: 16px; position: relative; top: 2px;}
.top-contact p a { color: #000;}

.logo img { margin: 0 auto;}
.menu-outer { background: #ed1c24;}
.d-menu-col .iconset { color: #fff;}
.d-menu-col a.site-header__cart { color: #fff;}
.d-menu-col a.site-header__cart:hover, .d-menu-col .iconset:hover { color: #000;}
.d-menu-col .site-cart-count { background: #000;}

section.company-stats { background: #000; position: relative; overflow: hidden; padding: 50px 0 50px; margin-top: -8px;}
section.company-stats::before { background: url(../images/animation.gif) repeat; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.025}
.stat-block { text-align: center; margin-bottom: 15px;}
.stat-block .stat-img { background: #ed1c24; width: 100px; height: 100px; text-align: center; border-radius: 100%; line-height: 96px; margin: 0 auto;}
.stat-block h2 { color: #ed1c24; margin: 15px 0 10px; padding: 0; font-size: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.stat-block p { color: #fff; font-size: 13px; line-height: 25px;}

section.category-block { background: #ed1c24; padding: 40px 0 30px; position: relative; margin-top: -7px;}
section.category-block-btm { background: url(../images/category-btm.png) no-repeat center center; width: 100%; height: 100%; min-height: 124px;}
.cat-block { position:relative; overflow:hidden; margin:15px 0; z-index:99;}
.cat-block .block-inner { margin:10px; position:absolute; top:0; left:0; right:0; bottom:0;}
.cat-block .cat-border { border:2px solid #ed1c24;  height:100%;}
.cat-block .cat-hover { background:transparent; text-align:center; justify-content:center; flex-direction:column; display:flex; height:100%; backface-visibility:hidden; transform:scale(0); opacity:0;}
.cat-block .block-inner h2 { margin:0; font-size:18px; color:#fff; text-transform:uppercase; letter-spacing:1px; transition: all 0.35s linear; -webkit-transition: all 0.35s linear; font-weight: 400;} 
.cat-block:hover .cat-hover { background:rgba(0,0,0,0.8); transform:scale(1); opacity:1;}
.cat-block .block-inner h2:hover { color: #ed1c24;}

.front-title h6 { font-weight: 500; color: #ed1c24; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; margin: 0; line-height: 18px; padding-left: 70px; position: relative;}
.front-title h6::before { content: ""; background: #ed1c24;  width: 60px; height: 3px; position: absolute; bottom: 45%; left: 0;}
.front-title h2 { font-size: 28px; color: #000; letter-spacing: 2px; font-weight: 700; margin-bottom: 15px;}

section.about-block { padding: 30px 0 60px;}
.about-text {}
.about-text p { margin-bottom: 25px; font-size: 15px; line-height: 30px; text-align: justify;}

section.counter-block { background: #ed1c24;}
.counter-box { text-align: center; padding: 10px 0; color: #fff; margin: 15px 0;}
.counter-box h2 { font-weight: 700; font-size: 40px; margin: 0; color: #000; font-style: italic;}

section.why-choose-bg { background: #000; padding: 60px 0; overflow: hidden; position: relative;}
section.why-choose-bg::before { background: url(../images/animation.gif) repeat; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.025}
.why-choose-text { padding-right: 60px;}
.why-choose-text h2 { font-size: 28px; text-transform: uppercase; color: #fff; position: relative; padding-left: 70px;}
.why-choose-text h2::before { background: #ed1c24; content: ''; width: 60px; height: 3px; left: 0; top: 50%; position: absolute;}
.why-choose-text p { color: #fff; line-height: 30px; margin-bottom: 30px;}

.why-choose-box { background: #ed1c24; padding: 25px 35px 33px 35px; border-radius: 8px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); align-content: center; align-items: center; display: flex; flex-direction: row; margin-top: 30px;}
.why-choose-box .box-icon { display: inline-flex; flex: 0 0 auto; margin-right: 15px; }
.why-choose-box .box-icon  i { font-size: 50px; color: #000;}
.why-choose-box .box-text { flex-grow: 1; text-align: left;}
.why-choose-box .box-text h3 { font-weight: 700; letter-spacing: 1px; color: #fff; font-size: 22px;}
.why-choose-box .box-text p { color: #fff; font-size: 16px;}

section.how-it-work { padding: 40px 0 10px;}
section.how-it-work .front-title { margin-bottom: 30px;}
.work-block { margin-bottom: 30px; text-align: center;}
.work-block .work-img { position: relative;}
.work-block .work-img img { border-radius: 50%;}
.work-block .work-img span { background: #ed1c24; width: 60px; height: 60px; text-align: center; border-radius: 50%; color: #fff; font-size: 24px; font-weight: 700; line-height: 60px; position: absolute; top: 0; right: 50px;}
.work-block h2 { color: #ed1c24; text-shadow: 0px 0px 10px rgba(0,0,0,0.3); font-size: 22px; margin-top: 20px; letter-spacing: 1px;}

section.video-block { overflow: hidden; position: relative;}
section.video-block video { object-fit: cover; 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, #000000 0, #0d0b0b 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: #ed1c24; font-size: 30px; font-weight: 800; letter-spacing: 2px;}
section.video-block .video-text p { color: #fff; font-size: 17px; margin-bottom: 30px}

section.featured-pods { padding: 40px 0;}
section.featured-pods .front-title, section.certificates .front-title { padding-bottom: 20px;}
section.featured-pods .front-title h2 { color: #000;}
.add-to-cart-btn .btn-curve { padding: 10px 20px;}
.add-to-cart-btn .btn-curve span i { position: relative; top: -3px;}


.product-details { padding-bottom: 20px;}

.inner-page { line-height: 32px; min-height: 600px; margin-bottom: 30px;}

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


.page-text { font-size: 15px; line-height: 28px; min-height: 450px; padding-bottom: 40px;}
.contact-page p { margin: 0;}
.contact-page a { color: #fff;}
.contact-page a:hover { color: #ed1c24;}

h1.product-single__title { text-transform: uppercase;}

section.design-solution { background-image: url(../images/we-do.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 100px 0; overflow: hidden; position: relative; text-align: center;}
section.design-solution::before { background: #000; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.8}
section.design-solution h2 { color: #ed1c24; font-size: 30px; line-height: 40px;}
section.design-solution p { font-size: 14px; color: #fff;}

section.white-bg { background: #fff; padding: 60px 0;}
section.gray-bg { background: #f7f7f7; padding: 60px 0;}
.mp-block h2 { font-size: 22px;}

.tab-container { margin-top: 20px;}
.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.8); position: absolute; left: 0; right: 0; bottom: 0;  text-align: center; color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; padding: 12px 18px; 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;}
.p-img:hover .p-text { background: rgba(237,28,36,0.8);}

.tabs-listing .product-tabs a:hover { color: #fff}
.product-tabs li.active a:hover { color: #000;}

.process-title { padding: 60px 0;}
.process-title h1 { font-weight:700; font-size:26px; text-transform:uppercase; position:relative; margin:0 0 15px; text-align:left; letter-spacing: 2px; position: relative; padding-left: 70px;}
.process-title h1::before { content: ""; background: #ed1c24; width: 60px; height: 3px; position: absolute; bottom: 45%; left: 0;}
.process-title p { line-height: 30px; text-align: justify;}





footer { background: #000; padding: 50px 0 0; position: relative; margin-top: 30px;}
footer::before { background: url(../images/animation.gif) repeat; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.025}
section.signup-area { text-align: center;}
section.signup-area h2 { color: #ed1c24; text-transform: uppercase; font-size: 22px; margin: 0; font-weight: 700; letter-spacing: 1px;}
section.signup-area p { font-size: 16px; font-weight: 400; color: #cecece; margin-bottom: 10px;}
/*section.signup-area form { margin:0; padding: 20px 0;}*/
section.signup-area .newsletter { margin-top: 22px;}
section.signup-area .newsletter input { height: 48px; background: #0d0b0b; border: none; color: #afafaf; font-size: 13px; box-shadow: none; width: 74%; float: left;}
section.signup-area .newsletter .btn-curve { width: 25%; float: right; font-size: 14px; text-transform: uppercase; color: #fff; border-radius: 0; text-align: center; padding: 0; line-height: 40px;}

section.footer-btm { margin-top: 20px;}
section.footer-btm h2 { color: #fff; font-weight: 700; font-size: 20px; margin: 0 0 30px;}
section.footer-btm .f-contact ul { list-style: none; margin: 0; padding: 0;}
section.footer-btm .f-contact ul li { margin: 0px 0px 20px 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: #ed1c24; 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: 14px; font-weight: 400;}
section.footer-btm .f-contact ul li a { color: #fff; font-size: 14px; font-weight: 400;}
section.footer-btm .f-contact ul li a:hover { color: #ed1c24;}

section.footer-btm .footerSocial {}
section.footer-btm .footerSocial ul { margin: 0; padding: 0;}
section.footer-btm .footerSocial ul li { list-style: none; margin-bottom: 15px;}
section.footer-btm .footerSocial ul li a { display: block; color: #fff; line-height: 34px;}
section.footer-btm .footerSocial ul li a i { font-size: 34px; color: #ed1c24; float: left; padding-right: 7px;}
section.footer-btm .footerSocial ul li a:hover { color: #ed1c24;}

section.footer-btm ul.f-links { margin: 0; padding: 0}
section.footer-btm ul.f-links li { list-style: none; margin: 0 0 10px 0; padding: 0;}
section.footer-btm ul.f-links li a { color: #fff; font-size: 14px; 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;}
section.footer-btm ul.f-links li a:hover, section.copyrights p a:hover { color: #ed1c24;}

section.footer-btm .shipment { margin-top: 30px;}

section.copyrights { padding: 30px 0; text-align: center;}
section.copyrights .row { border-top: 1px solid #151515; padding-top: 30px;}
section.copyrights p { color: #ccc; font-size: 13px; 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; text-transform: uppercase;}



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

}

@media only screen and (max-width: 480px) {
    section.about-block .front-title { margin-top: 30px;}
    section.signup-area .newsletter input { width: 70%;}
    .mp-block-right { margin-bottom: 30px;}
    .mp-block-left { margin-top: 30px;}
}