html, body{width: 100%; min-width: 300px;}
body{font-size: 14px; background: #E5E5E5; font-family: Montserrat; color: #333;}
a{color: #333; text-decoration-skip-ink: none; text-decoration: none;}
a:focus, input:focus, textarea:focus, .slick-slide{outline: none;}
/* *:focus, *:active{outline: none !important;} */
/*div[class*='col-']{outline: 1px solid #60c;}/*
/* reset */
/* ul{padding: 0; margin: 0; list-style: none;} */
/* reset-END */

/* common-styles */
/*.container-fluid{width: 1170px; margin: 0 auto;}*/
.hide{display: none !important;}
.row-flex{display: flex; flex-flow: row wrap;}
.fb-c{display: flex; justify-content: center; align-items: center;}
.fi-c{display: inline-flex; justify-content: center; align-items: center;}
.fb-ac{display: flex; align-items: center;}
.fi-ac{display: inline-flex; align-items: center;}
.fb-jc{display: flex; justify-content: center;}
.fi-jc{display: inline-flex; justify-content: center;}
.rotate90{transform: rotate(90deg);}
.rotate180{transform: rotate(180deg);}
.mirrorX{transform: scale(-1, 1);}
.mirrorY{transform: scale(1, -1);}
.mirrorXY{transform: scale(-1, -1);}

.icon-sprite{background: url('../img/barker-sprites.png'); background-repeat: no-repeat;}
/* common-styles-END */


/* body{background: url(https://www.figma.com/file/kukNforYcjYSjxM54aciRi/image/0f3a11292d3faefc207c771f2b6a395bfc7a0ce0);    background-size: 100%;} */

/* HEADER */

.arrow-down-light{display: inline-block; width: 11px; height: 6px; }
.header-dark_container{background: #333300;}
.header-dark .col-120{display: flex; align-items: center; justify-content: center; height: 109px;}
.header-dark__logo{display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 20px;}
.header-dark__logo span{font-size: 12px; color: #fff; font-weight: bold; margin-top: 7px;}
.header-dark__logo img{max-width: 100%;}
.header-dark__menu{display: flex; flex-wrap: wrap;}
.header-dark__menu > div{display: flex; position: relative;}
.header-dark__menu > div > a{padding: 7px 0px; margin: 0 20px;  color: #fff; font-weight: 500; text-transform: uppercase; border-bottom: 1px solid #333300;}
.header-dark__menu > div > a:hover{border-bottom: 1px solid #fff;}
.header-dark .arrow-down-light{margin-left: 5px; margin-bottom: 2px;}
.header-dark__sizes{visibility: hidden; width: 100%; padding: 10px; position: absolute; top: 40px; left: 0; opacity: 0; background: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); transform: translateY(-2em); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.header-dark__sizes div{display: flex;}
.header-dark__sizes div a{width: 50%; padding: 5px 0px; color: #333300; text-align: center; }
.header-dark__sizes div a:hover{background: #ddd;}
.header-dark__menu > div:hover .header-dark__sizes, .header-dark__sizes.header-dark__sizes_active {visibility: visible; opacity: 1; z-index: 11; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;}
.header-dark__mob-phone, .header-dark__mob-menu{display: none;}



.header-light_container{background: rgba(255, 255, 255, 0.8); position: relative; z-index: 2; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.header-light .row{max-width: 1112px; margin: 0 auto;}
.header-light .col-120{display: flex; justify-content: space-between; height: 90px; padding: 0;}

.header-light__phone{display: flex; align-items: center; height: 100%;}
.header-light__phone-icon{width: 20px; height: 20px; margin-right: 10px;  background-position: -31px 0px;}
.header-light__phone a{font-size: 16px; font-weight: 500;}
.arrow-down-dark{width: 11px; height: 6px; margin-left: 10px; background-position: 0px -6px;}
.header-light__all-phones{visibility: hidden; padding: 0 15px 0 15px; position: absolute; top: 50px; left: -15px; opacity: 0; background: rgba(255, 255, 255, 0.8); transform: translateY(2em); transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;}
.header-light__phone:hover .header-light__all-phones{visibility: visible; opacity: 1; z-index: 11; transform: translateY(0%); transition-delay: 0s, 0s, 0.3s;}
.header-light__all-phones > div{display: flex; align-items: center; height: 50px;}

.header-light__search-form{width: 335px; max-width: 100%; height: 100%; position: relative;}
.header-light__search-form input{width: 100%; height: 100%; padding: 0 40px; font-size: 12px; color: #4F4F4F; background: transparent; border: none; border-left: 1px solid #333; border-right: 1px solid #333;}
.header-light__search-form button{width: 16px; height: 16px; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; background-position: -31px -20px; border: none;}

/* END-HEADER */

/* product-card */
.products-slider{max-width: 1440px; margin: 0 auto;}
.products-slider .slick-slider{padding: 0 150px; background: #fff;}

.product-card{position: relative; margin-bottom: 30px;}
.products-slider .product-card{margin-bottom: 0;}
.product-card__wrapper{display: flex; height: 100%; flex-direction: column; padding-bottom: 30px; position: relative; background: #fff;}
.product-card__image{display: block; width: 100%; margin: 0 auto; background-repeat: no-repeat; background-position: center; position: relative;}
.product-card__image:focus{outline: none;}
.product-card__image:after{content: ''; display: block; padding-bottom: 50%;}
.product-card__image img{max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.product-card__name{max-width: 257px; min-height: 28px; margin: 12px auto 0; padding: 0 15px; font-size: 13px; font-weight: 700; text-transform: uppercase; text-align: center; }
.product-card__name:hover{text-decoration: underline;}
.product-card__description{max-width: 257px; height: 48px; line-height: 16px; margin: 12px auto 0; padding: 0 15px; overflow: hidden; position: relative; font-size: 13px; font-weight: 500; text-align: center;}
.product-card__description:before{content: ""; display: block; height: 20px; width: 100%; position: absolute; bottom: -3px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%);}
.product-card__divider{width: 100%; height: 1px; margin-top: 15px; background: #E0E0E0;}
.product-card__price{display: flex; align-items: baseline; justify-content: center; margin-top: 20px;}
.product-card__active-price{margin-right: 20%; font-size: 20px; font-weight: 700;}
.product-card__active-price span{font-size: 12px; font-weight: 500;}
.product-card__old-price{font-size: 16px; color: #7A7256; font-weight: 500;}
.product-card__old-price span:first-child{position: relative;}
.product-card__old-price span:first-child:after{display: block; content: ''; width: 120%; height: 0px; border-bottom: 1px solid #7A7256; position: absolute; top: 50%; left: 0; transform: translateX(-10%) rotate(-10deg); }
.product-card__old-price span:last-child{font-size: 12px;}
.products-slider__arrow{width: 20px; height: 38px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer;}
.products-slider__prev{left: 20px; background-position: -126px 0px;}
.products-slider__next{right: 20px; background-position: -146px 0px;}
.products-slider__prev:hover{background-position: -166px 0px;}
.products-slider__next:hover{background-position: -186px 0px;}
.products-slider .product-card__wrapper{max-width: 360px; margin: 0 auto;}
.slick-slide:focus{outline: none;}

/* product-card-END */

/* FOOTER */
.footer-light{margin-top: 50px; padding-bottom: 50px; background: #C3C6A8;}
.footer-light > .row{max-width: 1142px; margin: 0 auto;}

.footer-contacts{padding-top: 40px;}
.contact-item{padding-left: 45px; padding-top: 6px; margin-bottom: 20px; position: relative; font-weight: 500; }
.contact-tip{font-size: 12px;}
.contact-title{display: inline-block; margin-bottom: 5px; font-weight: 700; border-bottom: 1px solid #fff;}

.phone-icon-white:before{display: block; content: ''; width: 20px; height: 20px; position: absolute; top: 0; left: 0; background: url('../img/barker-sprites.png'); background-position: -112px -193px;}
.calendar-icon:before{display: block; content: ''; width: 22px; height: 24px; position: absolute; top: 0; left: 0; background: url('../img/barker-sprites.png'); background-position: -132px -193px;}
.geo-icon:before{display: block; content: ''; width: 20px; height: 20px; position: absolute; top: 0; left: 0; background: url('../img/barker-sprites.png'); background-position: -154px -193px;}

.footer-callback{padding-top: 49px;}
.footer-callback__title{font-size: 25px; line-height: 30px; font-weight: 600; text-align: center;}
.footer-callback form{margin-top: 19px;}

.footer-callback input, .footer-callback textarea{width: 100%; max-width: 362px; height: 38px; margin-bottom: 20px; padding-left: 17px; color: #333; font-weight: 500; border: 0; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.footer-callback input::placeholder, .footer-callback textarea::placeholder{color: #BDBDBD;}
.footer-callback textarea{height: 154px; padding-top: 12px; resize: none;}
.footer-callback button{max-width: 100%; min-height: 38px; margin: 0 auto; padding: 8px 45px; font-size: 20px; font-weight: 500; color: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background: #333; border: none;}

.instagram-icon{display: inline-block; width: 20px; height: 20px; background-position: -174px -193px;}
.facebook-icon{display: inline-block; width: 20px; height: 20px; background-position: -112px -217px;}

.socials{margin-top: 64px;}
.socials a{margin-right: 20px;}

.footer-dark_wrapper{background: #333;}
.footer-dark{display: flex; align-items: center; justify-content: space-between; max-width: 1142px; margin: 0 auto; height: 50px; padding: 0 15px; background: #333; position: relative;}
.footer-dark__copyright{font-size: 12px; font-weight: 500; line-height: 15px; color: #fff;}
.footer-dark__dev{display: flex; align-items: center; font-size: 10px; color: #fff;}

/* END-FOOTER */

/* about page*/
.text-container{max-width: 1470px; margin: 0 auto; padding: 0 15px;}
.text-container img {max-width: 100%;}
.text-container p {font-size: 18px; font-weight: 400; margin-top: 10px;}
.text-container .right{float: right; margin-bottom:20px; margin-left: 10px;}
.text-container .central{margin: 20px auto; max-width:600px; width: 100%;}
.text-container h6 {font-size: 24px; font-weight: 600; margin-top: 30px; margin-bottom: 20px;}
/* about page END */

@media (max-width: 1200px){
    .products-slider .slick-slider{padding: 0;}
}

@media (max-width: 992px){
    /* HEADER */
    .header-dark .col-120{justify-content: space-between;}
    .header-dark__menu{flex-direction: column;}
    .header-dark__right-menu > div{justify-content: flex-end;}
    .header-dark__menu > div > a{margin: 0;}
    /* END-HEADER */
    
   /* FOOTER */
    .footer-callback form > div{text-align: center;}
    /* END-FOOTER */



}
@media (max-width: 768px){
    /* FOOTER */
    .footer-light{padding-right: 0; padding-left: 0; margin-top: 30px;}
    .footer-callback__title{font-size: 20px;}
    .footer-callback form{margin-top: 12px;}
    .footer-callback input, .footer-callback textarea{margin-bottom: 15px;}
    .product-card__price{justify-content: space-between; padding: 0 10px;}
    .product-card__active-price{margin-right: 0;}

    /* END-FOOTER */
}

@media (max-width: 650px){
    /* HEADER */
    .header-dark_container{position: relative;}
    .header-dark__menu{display: none;}
    .header-dark__mob-phone, .header-dark__mob-menu{display: block;}
    .header-dark .col-120{justify-content: space-between; height: 83px;}
    .header-dark__logo img{width: 183px;}
    .header-dark__mob-phone-icon{width: 20px; height: 20px; background-position: -11px 0px; transition: 0.2s;}
    .header-dark__mob-menu-icon{width: 23px; height: 20px; background-position: -8px -20px; transition: 0.2s;}
    .header-dark__mob-menu-links, .header-dark__mob-phone-links{display: flex; flex-direction: column; align-items: center; width: 100%; padding: 15px; position: absolute; top: 83px; left: 0; z-index: 3; background: #333300;}
    .header-dark__mob-menu-links a, .header-dark__mob-phone-links a{padding: 7px 0px; margin: 0 20px;  color: #fff; font-weight: 500; text-transform: uppercase;}
    .header-dark__sizes{display: none; opacity: 1; visibility: visible;}
    .header-dark__mob-menu-links .header-dark__sizes{width: 150px; position: static; transform: translateY(0); transition: none;}

    .header-light__phone{display: none;}
    .header-light__search-form{width: 100%;}
    /* END-HEADER */
    
}


@media (max-width: 575px){
    .products-slider__prev{left: 15px;}
    .products-slider__next{right: 15px;}

}
@media (max-width: 480px){
    /* FOOTER */
    .socials{margin-top: 20px;}
    .footer-callback{padding-top: 20px;}
    .footer-callback__title{font-size: 19px;}
    .footer-dark__dev span{display: none;}
    /* END-FOOTER */

}