.btn-blue { border: 3px solid #0092ef; border-radius: 3px; background: transparent; color: #000; padding: 0 30px; display: inline-block; text-align: center; line-height: 42px; font-size: 14px; font-weight: 500;}
.btn-blue:hover { background: #0092ef; color: #fff;}

.btn-white { border: 3px solid #fff; border-radius: 3px; background: transparent; color: #fff; padding: 0 30px; display: inline-block; text-align: center; line-height: 42px; font-size: 14px; font-weight: 600;}
.btn-white:hover { background: #fff; color: #000;}

.title-style { margin-bottom: 30px; text-align: center;}
.title-style h2 { font-size: 32px; letter-spacing: 1px; color: #000; position: relative; padding-bottom: 5px;}
.title-style h2::before { content: ""; background: #0092ef; width: 180px; height: 2px; position: absolute; left: 0; bottom: 0; right: 0; margin: 0 auto;}

.header-6 #siteNav > li > a span { position: relative; display: inline-block; line-height: 1.3;}
.header-6 #siteNav > li > a span::after { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background-color: #0092ef; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.header-6 #siteNav > li:hover > a span::after { width: 100%;}

.top-contact p { margin: 2px 0; color: #000; font-weight: 400;}
.top-contact p i { color: #0092ef; position: relative; top: 1px; padding-right: 3px;}
.top-contact p a { color: #000;}
.top-contact p a:hover { color: #0092ef;}

.mtop-contact { background: #0092ef; padding: 6px 0;}
.mtop-contact ul { margin: 0; padding: 0; text-align: center;}
.mtop-contact ul li { list-style: none; display: inline-block; color: #fff;}
.mtop-contact ul li:last-child { margin-left: 15px;}
.mtop-contact ul li a { color: #fff;}

a.site-header__cart { color: #000;}
a.site-header__cart:hover, .site-search:hover i { color: #0092ef}

section.our-cats { padding: 40px 0 15px;}
.cat-block { margin: 0 0 30px; position: relative; text-align: center;}
.cat-block::before, .cat-block::after { top: 0; left: 0; width: 100%; height: 100%; content: ""; pointer-events: none; position: absolute; background-color: rgba(0, 146, 239, 0.4); transform: scale(0); -webkit-transform: scale(0); transform-origin: top left; -webkit-transform-origin: top left;}
.cat-block::after { bottom: 0; right: 0; transform-origin: bottom right; -webkit-transform-origin: bottom right;}
.cat-block:hover::before, .cat-block:hover::after { transform: scale(1); -webkit-transform: scale(1); opacity: 0; transition-duration: 1.3s;}

section.about-block { background: #f7f7f7; position: relative; overflow: hidden; margin-top: -6px; padding: 40px 0; }
section.about-block .img-block {}
.about-text { text-align: center;}
.about-text p { line-height: 27px; margin-bottom: 30px; text-align: justify;}

section.manufacture-bg { background: #f7f7f7; padding: 40px 0;}
.manu-box { text-align: center;}
.manu-box h2 { font-size: 28px; color: #0092ef;}
.manu-box p { font-size: 14px; font-weight: 500;}

section.quality { background: #0092ef; padding: 10px 0;}
section.quality .q-box { text-align: center; margin: 15px 0;}
section.quality .q-box h2 { margin: 10px 0 0;}

.ptop, .pbottom { text-align: center; margin-bottom: 30px;}
.ptop h1 { text-transform: uppercase; letter-spacing: 1px;}
.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: #0092ef; 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: #000; font-size: 22px; margin-top: 20px; letter-spacing: 1px;}

/*
section.why-choose-bg { background: #0092ef; padding: 60px 0 20px; position: relative;}
section.why-choose-btm { background: #000 url(../images/why-choose-btm.png) no-repeat center center; width: 100%; height: 100%; min-height: 124px;}
.why-choose-text .title-style h6 { color: #fff;}
.why-choose-text .title-style h6::before { background: #000;}
.why-choose-text .title-style h2 { color: #fff;}
.why-choose-text p { color: #fff; line-height: 27px; margin-bottom: 30px; text-align: justify;}

.why-choose-box { background: #000; 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-bottom: 30px;}
.why-choose-box .box-icon { display: inline-flex; flex: 0 0 auto; margin-right: 15px; }
.why-choose-box .box-icon  i { font-size: 44px; color: #0092ef;}
.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: 21px;}
.why-choose-box .box-text p { color: #fff; font-size: 15px;}
*/

/*
section.trusted-block { background: #000; padding: 50px 0;}
.trusted-text { margin-bottom: 30px; }
.trusted-text h2 { font-size: 70px; line-height: 80px; text-transform: capitalize; color: #fff; letter-spacing: 6px;}
.trusted-text h2 span { color: #0092ef;}
.trusted-text p { color: #fff; font-weight: 300; line-height: 26px;}
.trusted-text a { font-weight: 500; font-style: italic; color: #fff; font-size: 16px; text-decoration: underline;}
.trusted-text a:hover { color: #0092ef;}
*/

.am-info-box { position: relative; display: flex; flex-direction: row; margin-top: 40px;}
.am-info-box .info-box-left { flex: 0 0 auto; max-width: 50%; margin-right: 20px;}
.am-info-box .info-box-left h3 { color: #0092ef; font-size: 52px; font-weight: 700; line-height: 1;}
.am-info-box .info-box-right { position: relative; flex: 1 1 auto;}
.am-info-box .info-box-right h4 { font-size: 18px; line-height: 1.3; color: #fff; margin-bottom: 10px; display: block; font-weight: 700;}

section.get-touch { background: linear-gradient(180deg,rgba(223, 38, 26, 1) 0%, rgba(239, 56, 44, 1) 100%); text-align: center; padding: 60px 0;}
section.get-touch h4 { text-transform: uppercase; font-size: 24px; letter-spacing: 1px; color: #fff;}
section.get-touch h2 { font-size: 42px; text-transform: none; letter-spacing: 0px; margin-bottom: 20px; color: #fff;}

section.featured-block { padding: 40px 0;}

.text-page { line-height: 28px; min-height: 600px;}
.prd-block { border: 1px solid #f0efee;}
.prd-block:hover { border-color: #ddd;}
.prd-block .product-details {  padding-bottom: 20px;}

.cart.style2 { min-height: 600px; margin-bottom: 30px;}

.mp-block h2 { font-size: 22px; font-weight: 700; color: #0092ef; letter-spacing: 2px;}
.mp-block p, .process-title p { font-size: 15px; line-height: 30px;}

.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 { visibility: hidden; opacity: 0; transform: scale(0);}


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; font-weight: 700;}
.EmptyCart, .NoProd { text-align: center; font-size: 22px; padding: 8rem 0 8rem;}
.EmptyCart a { color: #0092ef;}

.page-title h1.prod { margin-bottom: 15px;}
ul.sub-cats { margin-bottom: 20px;}
ul.sub-cats li { list-style: none; display: inline-block; margin-bottom: 5px;}
ul.sub-cats li a { background: #000; border-radius: 3px; padding: 0 18px; line-height: 38px; color: #fff; display: block; font-size: 13px; font-weight: 500; text-transform: capitalize;}
ul.sub-cats li a:hover, ul.sub-cats li a.active { background: #0092ef;}

.signup-area { background: #000; text-align: center; padding: 40px 0 10px;}
.signup-area h2 { color: #0092ef; text-transform: uppercase; font-size: 28px; margin: 0 0 5px;}
.signup-area p { font-size: 16px; font-weight: 300; color: #fff; margin: 0 0 20px; }
.signup-form { background: #fff; padding: 5px; width: 100%; border-radius: 5px;}
.signup-form input { width: 70%; float: left; border: none; background: transparent; padding: 0 10px; font-size: 14px; color: #000; height: 48px;}
.signup-form button { cursor: pointer; float: right;}

.footer-1 { background: #000; position: relative; overflow: hidden;}
.footer-1 .footer-top { padding-top: 40px; padding-bottom: 30px;}
.f-detail h4 { text-transform: uppercase; color: #0092ef; letter-spacing: 1px; margin-bottom: 20px; font-size: 20px;}
.f-detail ul { margin: 0; padding: 0;}
.f-detail ul li { list-style: none; margin-bottom: 8px; color: #fff;}
.f-detail ul li a { color: #fff;}
.f-detail ul li a:hover { color: #0092ef;}
.f-detail ul li i { color: #0092ef; padding-right: 5px;}
.social a { font-size: 24px; color: #0092ef; padding-right: 5px;}
.social a:hover { color: #fff;}

.ps-img { margin-top: 30px;}

.footer-bottom { padding: 30px 0; border-top: 1px solid #161616; text-align: center;}
.footer-bottom p { color: #fff; margin: 0; padding: 0; font-size: 13px; line-height: 26px;}
.footer-bottom p a { color: #0092ef; text-transform: uppercase}
.footer-bottom p a:hover { text-decoration: underline;}
.footer-bottom .copyr { text-align: left;}
.footer-bottom .powered { text-align: right;}

.view-btn { margin-bottom: 30px;}

@media screen and (max-width: 768px) {
    .why-choose-text { margin-bottom: 30px;}
}
@media screen and (max-width: 480px) {
    .signup-form input { width: 60%;}   
}

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