.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: #004b8f; 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: 600; border-radius: 4px; z-index: 1;}
.ind_btn::after { background: #000; 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: "";}

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

.title-style { margin-bottom: 20px;}
.title-style h6 { font-size: 15px; font-weight: 500; text-transform: uppercase; color: #0f1315; line-height: 20px; margin: 0; padding: 0 0 0 70px; letter-spacing: 3px; position: relative;}
.title-style h6::before { content: ""; background: #0f1315; width: 60px; height: 2px; position: absolute; left: 0; bottom: 45%;}
.title-style h2 { font-size: 24px; letter-spacing: 2px; color: #004b8f;}

/* ---------------------------------- Common CSS ---------------------------------- */

section.banner-btm { padding: 40px 0; position: relative; overflow: hidden;}
section.banner-btm .wc-block { width: calc( 100% + 10px ); max-width: calc( 100% + 10px ); margin-left: calc(-10px / 2 ); margin-right: calc(-10px / 2 ); padding-left: 0; padding-right: 0; flex: auto; justify-content: center; align-items: center; display: flex; flex-wrap: wrap; position: relative;}
section.banner-btm .w-icon { display: flex; width: 15%; align-self: center; position: relative; float: left; flex-direction: row; flex-wrap: wrap;}
section.banner-btm .why-text { width: 80%; padding-left: 8px; display: flex; align-self: center; position: relative; float: left; flex-direction: row; flex-wrap: wrap;}
section.banner-btm .why-text h3 {  font-size: 20px; margin: 0 0 2px; color: #004b8f; font-weight: 700; text-transform: uppercase;}
section.banner-btm .why-text p { margin: 0; font-size: 14px; padding: 0; font-weight: 400; color: #000;}

section.front-cats { padding: 40px 0; position: relative; z-index: 99;}
.cat-block {  overflow:hidden; margin:0 0 30px; position: relative;}
.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.about-block { background: #f0efee; position: relative; overflow: hidden; position: relative; padding: 40px 0; }
section.about-block .img-block {}
.about-text { text-align: left;}
.about-text p { line-height: 27px; margin-bottom: 30px; text-align: justify;}

section.why-choose-bg { padding: 50px 0; position: relative;}
.why-choose-text p { font-size: 16px; line-height: 30px; margin-bottom: 30px;}

.why-choose-box { background: #004b8f; padding: 30px 15px; border-radius: 4px; margin-top: 15px; text-align: center; min-height: 236px; position: relative; overflow: hidden;}
.why-choose-box .box-icon { margin-bottom: 15px; }
.why-choose-box .box-icon  i { font-size: 50px; color: #fff;}
.why-choose-box .box-text h3 { font-weight: 700; color: #fff; font-size: 22px; margin-bottom: 5px;}
.why-choose-box .box-text p { color: #fff; font-size: 15px; line-height: 26px;}

section.mv-block { background-image: url(../images/stat-img.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; background-size: cover; padding: 50px 0; position: relative; overflow: hidden;}
section.mv-block::before { background: #0a0909; content: ''; opacity: 0.8; width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; z-index: 0; }
.orders-1 { order: 1; -ms-flex-order:1; text-align: right;}
.orders-2 { order: 2; -ms-flex-order:2; text-align: center;}
.orders-3 { order: 3; -ms-flex-order:3; text-align: left;}
.orders-1 .mv-block-title, .orders-3 .mv-block-title { background: linear-gradient( to right, #004b8f, #014888, #014482, #01427c, #fff ); line-height: 70px; font-weight: 700; letter-spacing: -3px; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 70px;}
.orders-1 .mv-block-text, .orders-3 .mv-block-text { margin-bottom: 15px; font-weight: 600; letter-spacing: 2px; color: #fff; text-transform: uppercase; font-size: 17px; line-height: 27px;}
.orders-2 .mv-block-title { background: linear-gradient( to right, #004b8f, #fff, #014888, #014482, #01427c ); line-height: 160px; font-weight: 700; letter-spacing: -7px; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 150px;}
.orders-2 .mv-block-text { margin-top: 5px; font-weight: 600; letter-spacing: 4px; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 30px;}

section.certificates { background: #f0efee; padding: 40px 0;}
.cert-block { margin-bottom: 20px;}

.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;}
.SubmitText { text-align: center; color: #060; font-size: 22px; padding: 8rem 0 8rem;}

.page-text { font-size: 16px; line-height: 30px; min-height: 450px; padding-bottom: 40px; color: #333;}

.prod-page { padding: 30px 0;}

.LefMenu li.MainLeftCats { list-style:none; margin-bottom:3px; transition: all 0.3s ease-in-out 0s; position:relative;}
.LefMenu li.MainLeftCats a { background:#004b8f; line-height:50px; display:block; color:#fff;  font-size:15px; text-decoration:none; text-transform:uppercase; font-weight:700; transition: all 0.5s ease-in-out 0s; padding:0px 10px; border-radius:5px;}
.LefMenu li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active { background:#111; color:#fff;}
.submenu ul { padding:0; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { line-height:30px; text-decoration:none; display:block; padding:0px; margin-bottom:2px; font-weight:500; border-bottom:1px solid #ccc; font-weight:400; color:#111;}
.submenu ul li:last-child a { border:none;}
.submenu ul li a:hover, .submenu ul li a.active { color:#004b8f; padding-left:5px;}
.submenu ul li a span { margin-right:3px; display:inline-block;}

.p-img { position: relative; overflow: hidden; margin-bottom: 30px;}
.p-img img { width: 100%; display: block; margin: 0 auto;}


section.newsletter { background: #fff; position: relative; overflow: hidden; padding: 40px 0;}
section.newsletter::before { background: url(../images/shadow.jpg) center center no-repeat; width: 100%; height: 47px; content: ""; position: absolute; left: 0; right: 0; top: 0;}
section.newsletter h1 { font-size: 28px; letter-spacing: 0.5px; color: #004b8f; text-transform: uppercase; margin: 0; padding: 0;}
section.newsletter p { color: #231f20; font-size: 15px; font-weight: 500; margin: 0;}
.newsletter-form { position: relative;}
.newsletter-form button { position: absolute; top: 0; right: 0; font-size: 20px; padding: 4px 30px;}

footer { background: #004b8f; 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: #00b0ff; 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: #00b0ff;}

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: #00b0ff;}

section.footer-btm h2 { color: #fff; font-weight: 700; font-size: 22px; 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: #00b0ff; 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 #035cad; 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: #00b0ff;}

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

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

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