.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 { position: relative; font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; background: #000; color: #FFF;  padding: 15px 30px; text-align: center; border: none; border-radius: 99px;}

.dark-bg { background: #0c0c0c; color: #f1f1f1;}
.big-title { color: #000; font-size: 80px; text-align: center;}
.dark-bg .big-title { color: #fff;}

.short-title { text-align: center; margin-bottom: 30px;}
.short-title h2 { background: transparent; border: 2px solid #777; display: inline-block; color: #777; border-radius: 9px; font-size: .97em; font-weight: 700; padding: 0 1.2em; letter-spacing: .03em; min-height: 2.5em; line-height: 2.19em;}

.overlay { background-color: rgba(0,0,0,.628); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; height: 100%; transition: transform .3s,opacity .6s; }

.header-cart a { color: hsla(0,0%,100%,.8);}

.top-contact ul { margin: 0; padding: 0;}
.top-contact ul li { list-style: none; display: inline-block; line-height: 14px; margin-right: 10px;}
.top-contact ul li:last-child { border-left: 1px solid #777; padding-left: 10px; margin-right: 0;}
.top-contact ul li a { color: hsla(0,0%,100%,.8); letter-spacing: .02em;}
.top-contact ul li a:hover, .header-cart a:hover { color: hsl(0, 0%, 100%);}

section.highlights { margin-top: -7px; border-top: 2px solid #fff; padding: 40px 0 10px;}
.stat-box { text-align: center; margin-bottom: 40px;}
.stat-box img { margin-bottom: 1em;}
.stat-box h2 { font-size: 1.25em; color: #fff;}
section.highlights .big-title { margin: 40px 0 50px; }
.collection-item { position: relative; overflow: hidden; cursor: grab;}
.collection-item .img-overlay { background-color: rgba(0,0,0,.628); position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; height: 100%; transition: transform .3s,opacity .6s; }

section.featured-pods { padding: 40px 0;}
section.featured-pods .big-title { margin-bottom: 60px;}
.product-block { text-align: center; margin-bottom: 30px;}
.product-block .prod-detail { margin-top: 10px;}
.product-block .prod-detail h2 { font-size: .9em; font-weight: 400; color: #000; line-height: 1.3; margin: 0 0 .1em;}
.product-block .prod-detail h4 { color: #111; font-weight: 700; font-size: .9em;}
.product-block .prod-detail .btn-addto-cart { border: 1px solid; border-color: rgba(0,0,0,.05); box-sizing: border-box; cursor: pointer; font-weight: 700; letter-spacing: .03em; line-height: 2.4em; padding: 0 1.2em; position: relative; text-align: center; text-transform: uppercase; font-size: .8em; background: #000; color: #fff; }
.product-block .prod-detail .btn-addto-cart::after { content: ""; box-shadow: inset 0 1.2em 0 0 hsla(0,0%,100%,.1); height: 100%; width: 150%; position: absolute; top: 0; left: -25%;}

section.cats-catalog { padding: 40px 0;}
.cat-block { position: relative; margin-bottom: 30px;}
.cat-img { position: relative; overflow: hidden;}
.cat-img .overlay { background-color: rgba(0,0,0,.2);}
.cat-img:hover img { opacity: .7;}
.cat-details { position: absolute; left: 0; right: 0; bottom: 30px; text-align: center;}
.cat-details h2 { font-size: 2.2em; color: #fff; text-transform: uppercase; letter-spacing: .05em; font-weight: 900; margin: .2em 0;}
.cat-details a { background: transparent; border: 2px solid #fff; color: #fff; font-size: 12px; font-weight: 400; line-height: 26px; text-transform: uppercase; display: inline-block; padding: 0 1.2em;}
.cat-details a:hover { background-color: #fff; color: #000}
section.cats-catalog .big-title { font-size: 40px; margin: 30px 0 40px;}

.catalog-block { margin-top: 40px;}
.catalog-block .catalog-text { color: #fff;}
.catalog-block .catalog-text h2 { color: #fff; text-transform: uppercase; letter-spacing: .05em; line-height: 1.2; font-size: 22px;}
.catalog-block .catalog-text a { background: #fff; border-radius: 99px; display: block; text-align: center; color: #666; text-transform: uppercase; font-size: 16px; line-height: 2.4em; padding: 0 1.2em; font-weight: 700;}
.catalog-block .catalog-text a:hover { box-shadow: inset 0 0 0 100px rgba(0,0,0,.2);}

section.newsletter { padding: 60px 0;}
section.newsletter h2 { text-align: center; text-transform: uppercase;}
section.newsletter input { width: 72%; float: left; background: rgba(0,0,0,.03); border-color: rgba(0,0,0,.09); border-radius: 99px; font-size: .97em; height: 50px;}
section.newsletter button { background: #000; color: #fff; text-transform: uppercase; float: right; height: 50px; border-color: rgba(0,0,0,.09); padding: 0 30px; border-radius: 99px; font-weight: 700;}



.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: #b00000; 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: 15px; line-height: 30px;}
.inner-page { margin-bottom: 40px;}

.LefMenu li.MainLeftCats { list-style:none; margin-bottom:3px; transition: all 0.3s ease-in-out 0s; position:relative;}
.LefMenu li.MainLeftCats a { background:#0072a7; 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:#181818; color:#fff;}
.submenu ul { padding:0; margin:0px;}
.submenu ul li { list-style:none;}
.submenu ul li a { color:#666; font-size:12px; line-height:28px; 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:#0072a7; padding-left:5px;}
.submenu ul li a span { margin-right:3px; display:inline-block;}


footer { background: #fff; border-top: 1px solid #d6d6d6; padding: 20px 0 0; position: relative;}
section.footer-btm h2 { color: #000; font-weight: 700; font-size: 20px; margin: 0 0 30px; text-transform: uppercase;}
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: #000; font-size: 15px; 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: #7a9c59;}

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: 18px 0 0 0; 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: #7a9c59; 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: #000; font-size: 15px; font-weight: 400;}
section.footer-btm .f-contact ul li a { color: #000; font-size: 16px; font-weight: 400;}
section.footer-btm .f-contact ul li a:hover { color: #7a9c59;}
section.footer-btm .footerSocial { margin-bottom: 30px;}
section.footer-btm .footerSocial a { width: 36px; height: 36px; display: inline-block; color: #fff; background: #000; border-radius: 3px; margin-right: 4px; text-align: center; line-height: 40px; font-size: 20px;}
section.footer-btm .footerSocial a:hover { background: #7a9c59; transform: rotate(360deg); color: #fff;}

section.copyrights { background: #000; padding: 30px 0; text-align: center; margin-top: 40px;}
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: 767px) {
    .top-contact { text-align: center; padding: 5px 0;}
    .site-search { border: none;}
    .big-title { font-size: 60px;}
}

@media only screen and (max-width: 480px) {
    .big-title { font-size: 40px;}
}