html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
:root{
    --main:#151515;
    --second:#2c84c8;
	  --gray:#444444;
	  --fourth:#2c3834;
    --third:#E6E5E5;
    --deep-blue:#02283F;

}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    /* margin: 0;
    padding: 0;
    font-family:'Exo 2';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: #151515; */
}
.hidden {display: none !important;}
a {transition: color .3s ease-in-out;}
.woocommerce-product-details__short-description{display: block; margin: 32px 0; color: #000; font-size: 18px;}

.aw-logo-title-wrapper {}
.aw-logo-title-wrapper .site-title {font-size: 14px; line-height: 1.1; font-weight: 600; color: var(--main); margin-bottom: 0; text-transform: uppercase;}
.aw-logo-title-wrapper {display: flex; align-items: center;}
.aw-logo-title-wrapper .aw-logo-wrapper {width: 50px;}
.aw-logo-title-wrapper .aw-logo-wrapper img {display: block; width: 100%;}
.aw-logo-title-wrapper .aw-title-wrapper {width: calc(100% - 50px); padding-left: 8px;}
.main-top-block {}
.search-box-main {position: relative;}
.main-top-block {}
.main-top-block .aw-cats-banner-wrapper {display: flex; flex-wrap: wrap;}
.main-top-block .aw-cats-banner-wrapper .cats-wrapper {width: 238px;}
.main-top-block .aw-cats-banner-wrapper .banner-wrapper {width: calc(100% - 238px); padding-left: 12px;}
a {text-decoration: none !important; color: var(--main);}
.aw-cats-banner-wrapper {}
.aw-cats-banner-wrapper ul {padding-left: 0;}
.aw-cats-banner-wrapper li {display: block; }
.aw-cats-banner-wrapper li a {display: flex; align-items: center; justify-content: space-between; position: relative; background-color: #eff0f2; transition: all .3s ease-in-out; color: var(--main); line-height: 1; padding: 13px 12px; font-size: 14px; border-bottom: 2px solid #E5E5E5; }
.aw-cats-banner-wrapper li a img {display: block;  }
.aw-cats-banner-wrapper li a svg {display: block; width: 18px; height: 18px; transition: all .3s ease-in-out;}
.aw-cats-banner-wrapper li a svg path {transition: all .3s ease-in-out;}
.aw-cats-banner-wrapper li a:hover svg path {fill: #fff;}
.aw-cats-banner-wrapper li a:hover {background-color: var(--second); color: #fff;}
.aw-cats-banner-wrapper ul {height: 456px; overflow-y: scroll; display: block;scrollbar-color: var(--second) transparent;scrollbar-width: thin; } 

.aw-cats-banner-wrapper  a.all-proucts {display: flex;  background-color: var(--main); color: #fff; align-items: center; justify-content: space-between; position: relative; line-height: 1; padding: 14px 12px; font-size: 14px;}
.aw-cats-banner-wrapper .banner-inner-wrapper {height: 400px; }
.aw-cats-banner-wrapper .banner-inner {margin-bottom: 12px;}
.aw-cats-banner-wrapper .banner-wrapper a {display: block; height: 100%;}
.aw-cats-banner-wrapper .banner-wrapper img {display: block; height: 100%; width: 100%; object-fit: cover; object-position: center;}

.woocommerce ul.products {column-gap: 1.33%; display: flex; flex-wrap: wrap;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width: 24%; position: relative; margin:0 0 1% 0; box-shadow: none; border: 1px solid var(--third);}
.woocommerce ul.products li.product .button svg, a.checkout-button.button.alt.wc-forward svg {width: 24px; height: 24px;}
.banner-wrapper .pluses {display: flex; background-color: var(--main); padding: 24px 28px; color: #fff;justify-content: space-between;} 
.banner-wrapper .pluses .pluse {display: flex; align-items: center; }
.banner-wrapper .pluses .pluse .icon {display: flex; align-items: center; justify-content: center; width: 38px; height: 38px;}
.banner-wrapper .pluses .pluse .icon img {display: block; object-fit: contain;}
.banner-wrapper .pluses .pluse .desc {padding-left: 12px;}
.banner-wrapper .pluses .pluse .title {margin-bottom: 4px; line-height: 1;}
.banner-wrapper .pluses .pluse .txt {font-size: 10px; line-height: 1;}
.woocommerce .site-main span.onsale {border-radius: 8px; padding: 10px 14px; font-size: 10px;}
.simple-block {margin: 60px 0;}
.block-title-wrapper {display: flex; justify-content: center;}
h2.block-title {color: var(--main); margin-bottom: 48px; font-weight: bold;font-size: 24px;display: inline-block;position: relative;padding: 0;text-transform: uppercase;top: 10px;}
h2.block-title::after {
  content: '';
  background-color: #979797;
  width: 50px;
  height: 1px;
  display: block;
  position: absolute;
  left: 100%;
  top: 54%;
  margin-left: 8px;
}

h2.block-title::before {
  content: '';
  background-color: #979797;
  width: 50px;
  height: 1px;
  display: block;
  position: absolute;
  right: 100%;
  top: 54%;
  margin-right: 8px;
}

.categories-slider {margin: 0 -10px;}
.categories-slider .s-cat {display: block; margin: 0 10px; padding: 20px; border: 1px solid #e6e6e6;}
.categories-slider .s-cat .icon { display: flex; justify-content: center; align-items: center; width: 100%; height: 80px; margin-bottom: 12px; padding: 10px;}
.categories-slider .s-cat .icon img {display: block; width: 100%; height: 100%; object-fit: contain;}
.categories-slider .s-cat .cat-title {font-size: 10px; line-height: 1.3; text-transform: uppercase; color: var(--main); text-align: center;}
.categories-slider-wrapper .slick-slider .slick-track, .categories-slider-wrapper .slick-slider .slick-list {display: flex;}
ul.slick-dots {margin: 20px 0 0; padding: 0; display: flex; justify-content: center;}
ul.slick-dots li {display: block; margin: 0 3px;}
ul.slick-dots li button {display: block; transition: all .3s ease-in-out; color: transparent; font-size: 0; width: 12px; height: 12px; border-radius: 50%; background-color: var(--main); outline: none; border: none;}
ul.slick-dots li button:hover {background-color: var(--second);}
ul.slick-dots li.slick-active button {background-color: var(--second);}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {display: none;}
.footer-wrapper {padding: 40px 0;}
.footer-columns-wrapper {display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff;}
.footer-logo {width: 130px;}
.footer-logo a {display: block; width: 100%;}
.footer-logo img {display: block; width: 100%; object-fit: contain;}
.footer-title {font-size: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 18px;}
.copy-right {margin-top: 20px; font-size: 12px;}
.contacts-column .s-contact {margin-bottom: 14px; font-size: 14px;}
.contacts-column .s-contact:last-of-type {margin-bottom: 0px;}
.contacts-column .s-contact a {color: #fff; transition: all .3s ease-in-out;}
.contacts-column .s-contact a:hover {color: var(--second);}
.contacts-column .s-contact .s-title {font-weight: 600; margin-bottom: 4px;}
.column .aw-logo-wrapper {margin-bottom: 18px;}
.socials-wrapper {display: flex;}
.socials-wrapper a {display: flex; margin-right: 8px; transition: all .3s ease-in-out; width: 30px; height: 30px; border-radius: 50%; background-color: var(--second); justify-content: center; align-items: center;}
.socials-wrapper a:hover {background-color: #fff;}
.footer-wrapper .menu-column li a {transition: all .3s ease-in-out; font-size: 16px; } 
#footer .footer-wrapper .menu-column li a:hover {color: var(--second);} 
#footer .footer-wrapper .menu-column li {margin-bottom: 8px;} 
.woocommerce ul.products li.product a img {height: 200px; object-fit: contain;}
.woocommerce ul.products li.product .button, a.checkout-button.button.alt.wc-forward {font-size: 12px !important;}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.3 !important;
  height: 2.6 !important;
  padding: 0 !important;
  font-weight: normal !important;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {font-size: 18px; font-weight: 600;}
.header-box .headerbox {background-color: var(--main);}
.header-contacts {display: flex; justify-content: space-between; align-items: center; padding: 0 20px !important;}
.header-contacts .h-block a,
.header-contacts .h-block {display: flex; align-items: center; color: #DBD8D8; font-size: 10px; line-height: 1;}
.header-contacts .h-block .icon {margin-right: 6px;width: 8px; height: 8px; display: flex; align-items: center;}
.header-contacts .h-block .icon svg {width: 100%; display: block;}
.header-contacts .h-block .icon.right {margin-right: 0px; margin-left: 6px;}
.header-contacts .h-block a {padding-left: 0 !important;}

.aw-breadcrumbs {margin-bottom: 1em;}
.aw-breadcrumbs {font-size: .92em; color: #767676;}
.aw-breadcrumbs a { color: #767676;}
p.cart-value.simplep {border-radius: 50%; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center;}
p.cart-value.simplep span {font-size: 10px;}
.aw-page-body {margin: 50px 0;}
.aw-page-body .post-thumb {margin: 24px 0;}
.main-navigation .main-menu li {padding: 12px;}
#footer .current-menu-item a {color: var(--second);}

.page-header {margin-bottom: 24px;}
.flex-block-wrapper {display: flex; flex-wrap: wrap; column-gap: 2%;}
.flex-block-wrapper .s-flex {position: relative;  width: 49%; margin-bottom: 2%;}
.flex-block-wrapper .s-flex .thumb {height: 400px; width: 100%;}
/* .flex-block-wrapper .s-flex:hover::before {opacity: 0;} */
/* .flex-block-wrapper .s-flex::before {content: ''; position: absolute; top: 0;right: 0;bottom: 0;left: 0; background-color: #333; opacity: .3;  z-index: 1; transition: all .3s ease-in-out;} */
.flex-block-wrapper .s-flex .thumb img {/*position: absolute;*/ display: block; width: 100%; height: 100%; top: 0;bottom: 0;right: 0;left: 0; object-fit: cover;}
.flex-block-wrapper .s-flex h5 {position: relative; z-index: 2; margin-top: 14px; text-align: center; 
  overflow: hidden;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.3 !important;
  height: 2.6 !important;
  padding: 0 !important;
  font-weight: normal !important;
}
.flex-block-wrapper .s-flex:hover h5 {text-decoration: underline;}
.navigation.pagination {width: 100%; display: flex; justify-content: center;}
.navigation.pagination .page-numbers.current {background-color: var(--deep-blue);}
.aw-btn {display: inline-block; margin: 12px auto 24px; padding: 15px; border-radius: 5px; background-color: var(--second); font-size: 12px; color: #fff; font-weight: 700; text-transform: uppercase;}
.aw-btn:hover {background-color: #000;}
.btn-wrapper {display: flex; justify-content: center;}
/* .woocommerce-cart .woocommerce {display: flex; flex-wrap: wrap;}
.woocommerce-cart .woocommerce .woocommerce-cart-form {display: block; width: 70%;}
.woocommerce-cart .woocommerce .cart-collaterals {width: 20%;}
.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {display: none;} */
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {display: flex;}
.s-brand {height: 200px; display: flex; justify-content: center; align-items: center;  border-radius: 2px; padding: 20px;}
.s-brand img {display: block; width: 100%; height: 100%;object-fit: contain;}
.simple-block.black {background-color: var(--main);}

.aw-gallery-wrapper {position: relative;}
.aw-gallery-wrapper .gallery-wrapper {position: relative;}
.gallery-labels-wrapper {position: relative;}
.gallery-labels-wrapper .arrows-wrapper {position: absolute;bottom: -30px; width: 100%; z-index: 2; display: flex; justify-content: space-between; height: 0px;}
.slider-arrow {cursor: pointer;}
.aw-gallery-wrapper .single-nav {cursor: pointer; margin: 0 12px;}
h1.product_title.entry-title {font-size: 20px;}
.woocommerce-notices-wrapper {padding-bottom: 20px;}
.woocommerce-cart-form__cart-item.cart_item .product-name a {color: var(--main);}
.woocommerce-cart-form__cart-item.cart_item .product-name a:hover {text-decoration: underline;}
.woocommerce div.product p.price {font-size: 18px; margin: 24px 0;}



/*----- Media----*/
@media screen and (max-width:1680px){



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

}


@media screen and (max-width:1440px){
  .main-navigation .main-menu li {padding: 5px;}
}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){


}

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


}

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


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

}

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

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .flex-block-wrapper .s-flex {width: 100%; margin-bottom: 32px;}

}

@media screen and (max-width:800px){
  /* .main-top-block .aw-cats-banner-wrapper {flex-direction: column-reverse;} */
  .aw-cats-banner-wrapper .banner-inner-wrapper {height: auto;}
  .main-top-block .aw-cats-banner-wrapper .cats-wrapper {width: 100%;}
  .main-top-block .aw-cats-banner-wrapper .banner-wrapper {width: 100%; padding-left: 0; height: auto;}
  .banner-wrapper .pluses {column-gap: 2%; flex-wrap: wrap;}
  .banner-wrapper .pluses .pluse {width: 49%; margin-bottom: 2%;}

}

@media screen and (max-width:768px){
  .footer-columns-wrapper {flex-direction: column-reverse; align-items: center;}
  .footer-columns-wrapper .column {margin-bottom: 32px; text-align: center;}
  .footer-columns-wrapper .socials-wrapper {justify-content: center;}
  .footer-logo {margin-left: auto; margin-right: auto;}
  #footer .footer-wrapper .menu-column li {margin-bottom: 0;}

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

}

@media screen and (max-width:640px){
  .banner-wrapper .pluses {column-gap: 0%; flex-wrap: wrap; padding: 24px;}
  .banner-wrapper .pluses .pluse {width: 100%; margin-bottom: 20px;}
  .banner-wrapper .pluses .pluse:last-of-type {margin-bottom: 0px;}


}

@media screen and (max-width:540px){
  .flex-block-wrapper .s-flex .thumb {height: auto;}
  .flex-block-wrapper .s-flex h5 {font-size: 14px;}
  .woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {width: 100% !important; margin-bottom: 14px !important;}
  .header-contacts .h-block .icon {margin-right: 4px;}
  .header-contacts .h-block a, .header-contacts .h-block {font-size: 9px;}

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


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

}

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


}


@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}


@keyframes spin {
    0%,60%{
      top: 0;
    }
    30% {
      top: 5px;
    }
    100% {
      top: 0;
    }
  }
@keyframes type{
    from { width: 0; }
}
@-webkit-keyframes type{
    from { width: 0; }
}
@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }
@keyframes arrowDown {0% {bottom: 30px;opacity: 1;}100% {bottom: 0px; opacity: 0;}
}
@keyframes animate {
  0%{
      transform: translateY(0) rotate(0deg);
      opacity: 1;
      border-radius: 0;
  }
  100%{
      transform: translateY(-1500px) rotate(720deg);
      opacity: 0;
      border-radius: 50%;
  }
}


@keyframes dot-color {
  from {
    background-color: var(--main-green);
  }
  50% {
    background-color: #fff;
  }
  to {
    background-color: var(--main-green);
  }
}