.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: #070707; padding: 12px 30px; color: #fff; text-align: center; overflow: hidden; display: inline-block; cursor: pointer; position: relative; font-size: 15px; text-transform: uppercase; font-weight: 700; z-index: 1; border-radius: 4px;}
.ind_btn::after { background: #FE0467; content: ''; width: 100%; height: 100%; position: absolute; top: 0; right: -100%; z-index: -1; transition: all .4s ease;}
.ind_btn:hover { color: #fff;}
.ind_btn:hover::after { right: 0; content: "";}

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

.section-title { text-align: center; margin-bottom: 30px;}
.section-title h2.secTitle { margin-bottom: 5px; font-size: 36px; letter-spacing: 1px; color: #000;}
.section-title p { color: #3b3b3b;}

.section-header h4 { text-transform: uppercase; color: #070707; margin: 0; font-weight: 500; font-size: 16px; letter-spacing: 1px;}
.section-header h2 { font-size:30px; font-weight:800; line-height:1.3; margin: 0 auto; color: #273272; letter-spacing: 2px; position: relative; padding-bottom: 5px;}
.section-header h2::before { background: #070707; content: ""; width: 200px; height: 1px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.section-header h2::after { background: #FE0467; content: ""; width: 150px; height: 1px; position: absolute; bottom: -5px; left: 0; right: 0; margin: 0 auto;}

section.front-about { background: #F2F2F2; padding: 50px 0; margin-top: -6px;}
section.front-about .row.about-top { background: #fff; border-radius: 20px;}
section.front-about .about-img { margin: unset; padding: unset;}
section.front-about .about-img img { border-radius: 0px 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: #070707; line-height: 20px; margin: 0; padding: 0 0 0 70px; letter-spacing: 3px; position: relative;}
section.front-about .about-text h3::before { content: ""; background: #FE0467; 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: #273272; margin-bottom: 18px;}
section.front-about .about-text p { color: #262626; font-size: 16px; line-height: 28px; text-align: justify; margin-bottom: 30px;}
section.front-about .about-btn .about-btn { background: transparent; padding: 10px 32px; color: #070707; 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: #FE0467; 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-about .row.about-bottom { margin-top: 30px;;}
section.front-about .row.desktop-view-icon {}
section.front-about .row.mob-view-icon { display: none;}

section.front-cats { padding: 40px 0; position: relative; z-index: 99;}
.cat-block {  overflow:hidden; margin:15px 0; position: relative;}
.cat-block::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #0b0a0a 100%); position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; content: ''; z-index: 9}
.cat-block .cat-text { position: absolute; width: 100%; left: 0; top: auto; z-index: 9; bottom: 0; height: auto; padding: 0 50px; text-align: center; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); }
.cat-block:hover .cat-text { transform: translateY(-65px); -webkit-transform: translateY(-65px); -moz-transform: translateY(-65px); -ms-transform: translateY(-65px);}
.cat-block .cat-text h2 { color: #fff; text-transform: uppercase; font-size: 24px;}
.cat-block .cat-text p { color: #e6e6e6; font-size: 14px; line-height: 26px;}
.cat-block .cat-text a { margin-top: 15px; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); opacity: 0; }
.cat-block:hover .cat-text a { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0);}
section.featured-pods { padding: 0 0 30px;}

section.why-choose { background: #f9f9f9; padding: 40px 0;}
.why-block { text-align: center; margin: 15px 0;}
.why-block .why-icon { margin-bottom: 12px; }
.why-block p { font-size: 15px; line-height: 28px;}

section.trusted { background-image: url(../images/manuf_bg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; padding: 60px 0 45px; overflow: hidden;}
.trusted-block { text-align: center; color: #fff; margin-bottom: 15px;}
.trusted-block h1 { font-size: 38px; color: #fff;}

section.work-flow { padding: 40px 0; position: relative;}

section.certificates { background: #f9f9f9; padding: 30px 0;}


.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: #273272; text-transform: uppercase; margin: 0; line-height: 18px;}
.sec-title h2 { font-size: 28px; letter-spacing: 3px; color: #080808;}

section.service-text { text-align: center; margin-bottom: 30px;}
section.service-text h2 { font-size: 28px; letter-spacing: 1px;}
section.service-text p { color: #333;}

section.white-bg { background: #fff; padding: 30px 0;}
section.gray-bg { background: #f7f7f7; padding: 30px 0;}


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: 15px; line-height: 32px; min-height: 500px;}
.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 { padding: 20px 0;}
.mp-block h2 { font-size: 24px; font-weight: 700; color: #273272; letter-spacing: 1px;}
.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: 10px; margin-bottom: 10px;}
ul.sub-cats li a { background: #000; border-radius: 3px; padding: 0 15px; 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: #273272;}

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

section.newsletter { background: #FE0467; position: relative; overflow: hidden; padding: 40px 0;}
section.newsletter h1 { font-size: 26px; letter-spacing: 0.5px; color: #fff; text-transform: uppercase; margin: 0; padding: 0;}
section.newsletter p { color: #070707; font-size: 14px; margin: 0;}
.newsletter-form { position: relative;}
.newsletter-form input { background: #fff; height: 48px; width: 75%; }
.newsletter-form button {}

footer { background: #070707; padding: 20px 0 0; position: relative;}

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: #FE0467; 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;}
section.footer-btm .f-contact ul li a { color: #fff;}
section.footer-btm .f-contact ul li a:hover { color: #FE0467;}

section.footer-btm .footerSocial ul { margin: 0; padding: 0;}
section.footer-btm .footerSocial ul li { list-style: none; display: inline-block;}
section.footer-btm .footerSocial ul li a { font-size: 26px; color: #fff; padding-right: 7px;}
section.footer-btm .footerSocial ul li a:hover { color: #FE0467;}

section.footer-btm h2 { color: #fff; font-size: 24px; 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: 15px;}
section.footer-btm ul.f-links li a:hover { color: #FE0467; padding-left: 5px;}
section.footer-btm .shipment { margin-top: 30px;}

section.copyrights { padding: 30px 0; text-align: center;}
section.copyrights .row { border-top: 1px solid #111; padding-top: 30px;}
section.copyrights p { color: #fff; 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; }
section.copyrights p a:hover { color: #FE0467;}





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

}

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

    section.front-about .row.desktop-view-icon { display: none;}
    section.front-about .row.mob-view-icon { display: inline-flex;}
    section.front-about .row.mob-view-icon .ab-icon { margin-bottom: 15px;}
    
}