/* ==================================================
  OKAY STYLE
  ================================================== *//*

1. #Fonts
2. #Standart
3. #Links
4. #Headings
5. #Blocks & boxed
6. #Buttons
7. #Filter
8. #Price range
9. #Product sorting
10. #Form
11. #Pagination
12. #Breacrumbs
13. #Raiting
14. #Header block
15. #Account
16. #Languages & Currencies
17. #Callback
18. #Logotype
19. #Group menu
20. #Header contacts
21. #Header informers
22. #Search
23. #Header catalog
23. #Main banner
23. #Main brands
23. #Preview product
23. #Preview article
23. #Advantages
23. #Comments
23. #Product page
23. #Accordion
23. #Tabs
23. #Features
23. #Pager
23. #Browsed products
23. #Footer
23. #Description style
23. #Popup
23. #Comparison page
23. #Purchases
23. #Delivery & Payment
23. #Mobile navigation
23. #Button to Top
23. #Scrolling products




*//* ==================================================
  OKAY STYLE
  ================================================== */


/***** #Standart *****/

body {
    font-family: 'Montserrat',arial, sans-serif;
    background-color: var(--okay-bg);
    color: var(--okay-body-text);
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
}
.main {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
}
.sidebar{
    width: 284px;
    position: relative;
    float: left;
}
.sidebar__boxed{
    background: var(--okay-boxed-color);
    color: var(--okay-boxed-text);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    display: block;
    z-index: 1;
    padding: 5px 15px;
    margin-bottom: 15px;
}
.products_container{
    margin-left: 300px;
    width: calc(100% - 300px);    
}
.products_container__boxed{
    background: var(--okay-boxed-color);
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 15px;
    margin-bottom: 25px;
}
hr{
    height: 1px;
    background-color: #dbdbdb;
    margin: 1.5rem 0;
}



/***** #Links *****/
a {
    color: var(--okay-basic-company);
    text-decoration: underline;
}
a:hover,
a:focus{
    color: var(--okay-basic-company);
    text-decoration: none;
}

/***** #Headings *****/

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6{
    color: var(--okay-body-heading);
    line-height: 1.2;
}
h1,.h1{
	font-size: 28px;
	font-weight: 500;
	margin: 0 0 20px;
}
h2,.h2{
	font-size: 26px;
	font-weight: 500;
    margin: 0 0 15px;
}
h3,.h3{
	font-size: 24px;
	margin: 0 0 10px;
	font-weight: 600;
}
h4,.h4{
	font-size: 22px;
	margin: 0 0 10px;
	font-weight: 600;
}
h5,.h5{
	font-size: 22px;
	margin: 0 0 10px;
	font-weight: 500;
}
h6,.h6{
	font-size: 20px;
	margin: 0 0 15px;
	font-weight: 600;
}

/***** #Blocks & boxed *****/

.block{
    position: relative;
    margin-bottom: 15px;
}
.block--boxed{
    position: relative;
	background-color: var(--okay-boxed-color);
	padding: 15px;
}
.block--border{
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}
.block--shadow{
    box-shadow: 0 2px 5px #0000004d;
}
.block__header{
    position: relative;
    margin-bottom: 10px;
}
.block__header--promo{
    position: relative;
}
.block__header--boxed {
    background-color: var(--okay-boxed-color);
	position: relative;
	padding: 15px 15px;
	margin-bottom: 15px;
}
.block__header--border {
    border: 1px solid #dbdbdb;
    border-radius: 3px;
}
.block__title{
    color: var(--okay-boxed-text);
	font-size: 24px;
	line-height: 1.2;
	font-weight: 500;
	margin-bottom: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.block__title--order{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.block__title--order svg{
    color: #1DC116;
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.block__title--order span{
    vertical-align: middle;
}
.block__title--order .order_number{
    color: #1dc116;
    padding: 3px 5px;
    display: inline-block;
    font-size: 14px;
    border: 1px solid #1dc116;
    border-radius: 4px;
    line-height: 1;
    margin: 0px 8px;
    font-weight: 600;
}
.block__header--promo .block__heading,
.block__header--promo .block__title{
    padding-right: 180px;
}
.block__header_promo{
    max-width: 200px;
    white-space: nowrap;
    position: absolute;
    padding: 5px 10px;
    background: rgb(255, 224, 172);
    color: rgb(47, 47, 47);
    font-size: 12px;
    font-weight: 400;
    right: 0;
    top: 0;
    overflow: hidden;
}
.block__header_button{
    max-width: 200px;
    white-space: nowrap;
    position: absolute;
    padding: 2px 8px;
    background: transparent;
    border: 1px solid;
    border-color: var(--okay-button-color);
    border-radius: 3px;
    color: var(--okay-button-color);
    font-size: 12px;
    font-weight: 400;
    right: 0;
    top: 0;
    overflow: hidden;
    transition: all 0.3s;
}
.block__header--boxed .block__header_promo,
.block__header--boxed .block__header_button{
    right: 16px;
    top: 15px;
}
.block__heading{
	margin-bottom: 0;
}
.boxed--stretch{
    height: 100%;
}
.block--boxed .block__header{
	margin-bottom: 15px;
}
.block--boxed .block__body{
	padding: 0;
}
.block__more{
    color: var(--okay-button-color);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s;
}
.block__more svg{
	position: relative;
	top: 1px;
	width: 11px;
	height: 11px;
	margin-left: 3px;
	transition: all 0.3s;
}
.block_explanation{
    padding-left: 20px;
}
.block_explanation__header{
    font-size: 24px;
    font-weight: 600;
    color: #222;
    line-height: 1.2;
    margin-bottom: 15px;
}
.block_explanation__body{
    margin-bottom: 20px;
}
.block__abouts_us{
    border-right: 1px solid;
    border-color: var(--okay-border-color);
    padding-right: 20px;
}
.block__description{
    padding: 0.5rem;
}
.block__description:after {
    content: "";
    display: table;
    clear: both;
}

.block__description--style {
    background:#fff;
    color:#222;
    font-size: 16px;
}
.block__description--style p {
    line-height: 1.7;
    margin: 0 0 2rem;
}
.block__description--style ul {
    margin-top: 2rem;
    margin-bottom: 2rem;
    list-style: disc;
    margin-left: 2.5rem;
}
.block__description--style ol {
    margin-bottom: 2rem;
    margin-left: 2.5rem;
}
.block__description--style ul li,
.block__description--style ol li {
    font-size: 16px;
    font-weight: 600;
    color:#444;
    font-size: 16px;
    margin-bottom:1rem;
}
.block__description--style blockquote {
    margin: 1rem 0 2rem;
    color: #231E28;
    padding: 20px 20px 20px 60px;
    border-left: 8px solid #c2c2c2;
    position: relative;
    background: #f8f8f8;
    font-weight: 300;
}
.block__description--style blockquote:before{
    content: "\201C";
    color: #c2c2c2;
    font-size: 70px;
    position: absolute;
    left: 10px;
    top: -5px;
}
.block__description--style blockquote p {
    font-style: italic;
    font-size: 18px;
    margin-top: 0;
}
.block__description--style .video{
    overflow:hidden;
    position:relative;
    padding-bottom:56.25%;
    padding-top:1rem;
    height:0;
}
.block__description--style .video iframe {
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.block__description--style iframe {
    margin-left:auto;
    margin-right:auto;
    max-width: 100%;
    max-height: 100%;
}
.block__description--style img {
    margin:1rem 0
}
.block__description--style figure{
    margin: 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    padding: 10px;
}
.block__description--style figure p{
    margin: 0;
}
.block__description--style figure img{
    margin: 0;
}
.block__description--style figure figcaption{
    padding: 5px 3px;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
}
.block__description--style .table {
    width:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin: 2rem 0 0;
}
.block__description--style .table__row {
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:stretch;
    justify-content:space-between;
    flex-wrap:wrap;
    overflow:hidden
}
.block__description--style .table__cell {
    width:49%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    overflow:hidden;
    margin: 0 0 2rem;
}
.block__description--style .table__cell--top {
    justify-content:flex-start
}
.block__description--style .table__cell img {
    align-self:center
}
.block__description--style .table__cell--col-3{
    width:31%
}
@media only screen and (max-width:991px) {
    .block__description--style iframe {
        height:48vw
    }
    .block__description--style img {
        height:auto!important
    }
    .block__description--style .table__row {
        display:block
    }
    .block__description--style .table__cell,
    .block__description--style .table__cell--col-3 {
        width:100%
    }
}
@media only screen and (max-width:767px) {
    .block__description--style table {
        display:none
    }
}
.boxed{
    clear: both;
    padding: 10px;
    margin: 10px 0;
    border-left: 4px solid rgb(188, 188, 188);
    background: rgb(247, 247, 247);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    font-weight: 400;
    font-size: 12px;
    color: rgb(74, 74, 74);
    line-height: 1.3;
    min-height: 36px;
}
.boxed--big{
    padding: 15px 15px;
    margin: 0px 0 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
}
.boxed--middle{
    padding: 10px;
    margin: 0px 0 20px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
}
.boxed--warning{
    background-color: rgb(253, 228, 228);
    border-left: 4px solid rgb(255, 0, 0);
    color: #222;
}
.boxed--success{
    background-color: rgb(222, 249, 221);
    border-left: 4px solid #0A7C71;
    color: #222;
}
.boxed--notify{
    background-color: #f8f8f8;
    border-left: 4px solid #c2c2c2;
    color: #6f6f6f;
}

.about_us__description {
    text-align: center;
    line-height: 1.6;
    font-weight: 500;
    font-family: inherit;
    font-size: 16px;
}
.about_us__heading{
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--okay-body-text);
    margin-bottom: 0px;
}
.not_found{
    width: 900px;
    max-width: 100%;
    text-align: center;
    margin: 20px auto 40px;
}
.not_found__image{
    color: var(--okay-basic-company);
}
.not_found__image svg{
    width: 300px;
    height: 300px;
}
.not_found__description{
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: 500;
}
.not_found__menu{
    text-align: center;
}

/***** #Buttons *****/
a.button,
.button {
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.3rem 1rem;
    text-decoration: none;
    font-size: 0.875rem;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}
a.button--big,
.button--big{
    height: 40px;
    line-height: 38px;
    font-weight: 600;
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
}
a.button--small,
.button--small{
    font-size: 11px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
}
a.button--basic,
.button--basic{
	color: var(--okay-button-text);
	background-color: var(--okay-button-color);
	border-color: var(--okay-button-color);
}
a.button--basic:hover,
a.button--basic:active,
.button--basic:hover,
.button--basic:active{
	opacity: 0.8;
}
a.button--second,
.button--second{
	color: var(--okay-button-color);
	background-color: var(--okay-button-text);
	border-color:var(--okay-button-color);
}
a.button--second:hover,
a.button--second:active,
.button--second:hover,
.button--second:active{
	color: var(--okay-button-text);
	background-color: var(--okay-button-color);
	border-color: var(--okay-button-color);
}
.button--coupon{
    height: 36px;
    line-height: 36px;
    font-size: 16px;
}
.button--comment{
    display: block;
    height: 36px;
    line-height: 36px;
}
a.button--blick,
.button--blick{
    position: relative;
    overflow: hidden;
}
a.button--blick:before,
.button--blick:before{
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
a.button--blick:hover:before,
.button--blick:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

/***** #Filter *****/

.filter__name {
	font-size: 16px;
	line-height: 1.2;
	padding: 10px 0;
	cursor: pointer;
	font-weight: 600;
	position: relative;
    color: var(--okay-body-text);
}
.filter__name_arrow{
    position: relative;
    top: 1px;
    transition: all 0.2s ease;    
}
.filter__name_arrow svg{ 
    height: 14px;
    width: 14px;
    transform: rotate(90deg);
}
.filter__name span{
    transition: all 0.2s ease;  
}
.filter__name.active .filter__name_arrow svg{
    transform: rotate(-90deg);
}
.filters .filter__group{
    border-bottom: 1px solid rgb(219, 219, 219);
    padding-bottom: 5px;
    margin-top: 5px;
}
.filters .filter__group:last-child{
    border-bottom: none;
    padding-bottom: 0;
}
.filter__selected_feature{
    margin: 0 5px 5px 0;
}
.filter__selected_feature .filter__sf_link{
    background: #ff8c001a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid #dbdbdb;
    min-height: 30px;
}
.filter__selected_feature .filter__sf_link i,
.filter__selected_feature .filter__sf_link span{
    font-size: 12px;
}
.filter__selected_feature .filter__sf_link span{
    color: rgba(63, 78, 93, 0.7);
}
.filter__selected_feature .filter__sf_link i{
    color: rgb(51, 62, 74);
}
.filter__selected_feature .filter__sf_link svg{
    width: 15px;
    height: 15px;
    color: rgba(216, 31, 31, 0.7);
    position: relative;
    left: 5px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; 
}
.filter__selected_feature_reset{
    margin: 10px 0;
}
.filter__selected_feature_reset .filter__sf_reset{
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer;font-size: 13px;
    line-height: 1.2;
    color: #363636;
    font-weight: 400;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-bottom: 1px dashed;
    border-color: var(--okay-button-color);
    text-decoration: none;
    display: inline-block;
    font-family: inherit;
}
.filter__item{
    margin: 10px 0;
    position: relative;
}
.filter__link{
    transition: color 0.3s;
    display: block;
    width: 100%;
    text-align: left;
    line-height: 24px;
    padding-left: 30px;
    position: relative;
    font-size: 14px;
    color: var(--okay-body-text);
    font-weight: 500;
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
}
.filter__link .filter__checkbox{
    transition: border-color 0.3s;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    display: block;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
}
.filter__link .filter__checkbox svg{
    height: 20px;
    opacity: 1;
    width: 20px;
}
.filter__link .filter__label{
    display: block;
    line-height: 22px;
    color: var(--okay-body-text);
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
}
@-webkit-keyframes checkmarkAnimation {
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes checkmarkAnimation {
	100% {
		stroke-dashoffset: 0;
	}
}
.filter__checkbox.checked svg {
    color: var(--okay-basic-company);
}
.filter__link.checked svg path {
    stroke: var(--okay-basic-company);
    stroke-width: 2px;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    stroke-miterlimit: 10;
    opacity: 1;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    -webkit-animation: checkmarkAnimation 0.5s 0s forwards;
    animation: checkmarkAnimation 0.5s 0s forwards;
}
.filter__link.checked .filter__label {
    color: var(--okay-basic-company);
}
.filter__link.checked .filter__checkbox {
    border-color: var(--okay-basic-company);
}
.view_all_feature {
    color: #363636;
    font-size: 13px;
    line-height: 1.2;
    cursor: pointer;
    font-weight: 400;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-bottom: 1px dashed;
    border-color: var(--okay-basic-company);
    margin-bottom: 10px;
    text-decoration: none;
    display: inline-block;
}
.feature_content .filter__item.closed {
    display: none;
}
.feature_content.opened .filter__item.closed {
    display: block;
}
.filter__catalog_menu{
    margin-bottom: 5px;
}
b.filter__catalog_link,
a.filter__catalog_link{
    position: relative;
    font-family: inherit;
    display: block;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    text-decoration: none;
	color: var(--okay-body-text);
    line-height: 1.2;
    font-size: 13px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    transition: all 0.3s ease 0s;
}
a.filter__catalog_link{
    cursor: pointer;
}
a.filter__catalog_link span{
    padding-right: 5px;
}
.filter_catalog__no_image,
b.filter__catalog_link img,
a.filter__catalog_link img{
    width: 18px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    max-width: 20px;
    margin-right: 10px;
    height: auto;
}
a.filter__catalog_link svg{
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
}
.filter_catalog__no_image svg{
    width: 20px!important;
    height: 20px!important;
}
b.filter__catalog_link.selected{
    color: var(--okay-basic-company);
    font-weight: 500;
}

/***** #Price range *****/

.price_range {
    overflow: hidden;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.price_label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(50% - 35px);
    -ms-flex: 0 0 calc(50% - 35px);
    flex: 0 0 calc(50% - 35px);
    max-width: calc(50% - 35px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.price_range .separator,
.price_range .price_currency{
   line-height: 22px;
    color: #363636;
    font-weight: 400;
    font-size: 0.9em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 35px;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    max-width: 35px;
    text-align: center;
}
.price_range .separator{
    font-size: 1.2em;
}
.max_input,
.min_input {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #d1d1d1;
    height: 30px;
    color: rgb(54, 54, 54);
	font-size: 14px;
	font-weight: 500;
}
.max_input:focus,
.min_input:focus {
    border-color: var(--okay-basic-company);
}

/***** #Product sorting *****/
.products_container__sort{
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.products_sort{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.product_sort__title{
    color: #696868;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 400;
    margin-right: 5px;
}
.product_sort__link {
	position: relative;
	background: transparent;
	border: none;
	cursor: pointer;
	font-size: 12px;
	line-height: 1;
	color: #696868;
	padding: 5px 10px;
	font-weight: 400;
	transition: all 0.3s ease 0s;
	border: 1px solid;
    border-color: var(--okay-border-color);
	text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	font-family: inherit;
	margin: 0 3px;
    border-radius: 4px;
    line-height: 1;
}
.product_sort__link.active_down,
.product_sort__link.active_up {
    color: var(--okay-button-color);
    border-color: var(--okay-button-color);
}
.product_sort__link .sorting_icon{
    width: 13px;
    height: 13px;
    margin-left: 5px;
}
.product_sort__link .sorting_icon{

}
.product_sort__link .sorting_icon--right,
.product_sort__link .sorting_icon--left{
    fill: #a1a1a1;
}
.product_sort__link.active_down .sorting_icon--left{
    fill: var(--okay-button-color);
}
.product_sort__link.active_up .sorting_icon--right{
    fill: var(--okay-button-color);
}
.switch_mobile_filter{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    padding: 0 13px;
    background: #fff;
    border: 1px solid;
    border-color: var(--okay-button-color);
    color: var(--okay-button-color);
    border-radius: 3px;
    height: 26px;
    text-decoration: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
}
.switch_mobile_filter svg {
    margin-right: 5px;
    display: inline-block;
    height: 14px;
    position: relative;
    width: 14px;
}

/***** #Form  *****/

.form{
    position: relative;
}
.form--boxed{
    position: relative;
    background-color: var(--okay-boxed-color);
    padding: 20px;
    border-radius: 4px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.form__header {
	text-align: center;
	position: relative;
    margin-top: 5px;
	margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.form__header::after {
	content: "";
	height: 1px;
	background: #dbdbdb;
	position: absolute;
	top: 55%;
	right: 0;
	display: block;
	width: 100%;
}
.form__title {
	cursor: pointer;
	font-weight: 600;
	font-size: 16px;
	user-select: none;
	padding: 0 15px 0 15px;
	color: var(--okay-body-text);
	background: rgb(255, 255, 255);
	overflow: hidden;
	position: relative;
    line-height: 1.2;
	z-index: 2;
	margin: 0 auto;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.form__title svg {
	width: 24px;
	height: 24px;
    margin-right: 10px;
}
.form__group {
    position: relative;
    margin-bottom: 20px;
}
.form__group--coupon {
    position: relative;
    margin-bottom: 0;
}
.form__group--last {
    margin-bottom: 0;
}
.form__input {
	position: relative;
	background-color: rgb(255, 255, 255);
	border: 1px solid #dbdbdb;
    color: var(--okay-body-text);
	border-radius: 4px;
	padding: 0 15px;
	width: 100%;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	height: 40px;	
}
.form__input--subscribe{
    height: 32px;
}
.form__label {
    color: var(--okay-body-text);
    font-size: 14px;
    margin-bottom: 4px;
    display: block;
}
.form__textarea {
    display: block;
    position: relative;
	background-color: rgb(255, 255, 255);
	border: 1px solid #dbdbdb;
    border-radius: 4px;
    width: 100%;
    font-family: inherit;
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
}
.form__input:focus,
.form__textarea:focus{
	border: 1px solid rgb(186, 186, 186);
}
.form__textarea.error,
.form__input.error {
    border-color: rgb(231, 71, 71);
}
.form__placeholder{
    transition: all 0.1s linear 0s;
    line-height: 1;
    display: table;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 1;
    cursor: text;
    font-family: inherit;
    color: rgb(122, 122, 122);
	font-size: 12px;
	font-weight: 400;
    pointer-events: none;
}
.form__placeholder.active,
.filled .form__placeholder,
.form__placeholder--focus.error ~ label ~ .form__placeholder,
.form__placeholder--focus:focus ~ .form__placeholder {
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
    background: #fff;
    padding: 0 5px;
    top: -5px;
    cursor: default;
    color: #939393;
}
.form__placeholder--focus:-webkit-autofill,
.form__placeholder--focus:-webkit-autofill:hover,
.form__placeholder--focus:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 30px #fff inset;
    box-shadow: 0 0 0 30px #fff inset;
    -webkit-text-fill-color: inherit !important;
    filter: none!important;
}
.form__placeholder.active.error,
.filled .form__placeholder.error,
.form__placeholder--focus.error ~ label ~ .form__placeholder{
    color: rgb(231, 71, 71);
}
.form__footer{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form__footer #uLogin,
.form__footer .form__button,
.form__footer .captcha{
    margin-bottom: 10px;
}
.form__footer {
    margin-bottom: -10px;
}
.profile{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}
.profile__image{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 80px;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
}
.profile__icon svg{
    width: 75px;
    height: 75px;
}

.profile__information{
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 80px);
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
}
.profile__name{
    font-size: 20px;
    font-weight: 600;
    color: #222;
    line-height: 1.2;
}
.profile__logout{
    margin: 10px 0px 5px;
}
.profile__logout a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    color: var(--okay-button-color);
    font-weight: 500;
    text-decoration: none;
}
.button__logout svg{
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.button__logout:hover{
    opacity: 0.8;
}


.captcha {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.form__captcha{
    position: relative;
}
.form__input_captcha {
    width: 100%;
    max-width: 130px;
}
.secret_number {
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    height: 40px;
    padding: 0 10px;
    background: rgb(245, 248, 249);
    display: inline-block;
    position: relative;
    text-shadow: 1px 1px rgb(56, 192, 243), -1px 1px rgb(72, 209, 204), -1px -1px rgb(72, 209, 204), 1px -1px rgb(72, 209, 204);
    color: rgb(255, 255, 255);
    font-weight: bold;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    pointer-events: none;
    cursor: pointer;
    margin-right: 10px;
    font-size: 14px;
    line-height: 40px;
}
.secret_number:before {
    content: "";
    position: absolute;
    top: 10px;
    right: -15px;
    bottom: -15px;
    left: 0;
    z-index: -1;
    background: linear-gradient(-45deg,
    rgba(72, 209, 204, 0) 2px, mediumturquoise 3px, rgba(72, 209, 204, 0) 3px ) repeat;
    background-size: 4px 4px;
}
.secret_number:after {
    content: attr(data-name);
    position: absolute;
    top: 2px;
    left: 2px;
    z-index: -2;
    text-shadow: 1px 1px white,
    2px 2px white,
    3px 3px white,
    4px 4px white;
    color: white;
    transition: all 1s;
}
.form__input::-moz-placeholder,
.form__input_captcha::-moz-placeholder,
.form__textarea::-moz-placeholder {
    color: #626262;
    opacity: 1
}
.form__input:-ms-input-placeholder,
.form__input_captcha:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder {
    color: #626262;
}
.form__input::-webkit-input-placeholder,
.form__input_captcha::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder {
    color: #626262;
}
.form__button{
    display: block;
    color: var(--okay-button-second-text);
    background-color: var(--okay-button-second-color);
    border: 1px solid;
    border-color: var(--okay-button-second-color);
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    height: 40px;
    line-height: 38px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    padding: 0 20px;
    font-size: 12px;
    font-family: inherit;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.form__button:active,
.form__button:focus{
    opacity: 0.8;
}
.message_error {
    clear: both;
    padding: 10px;
    margin: 10px 0 20px;
    background-color: rgb(253, 228, 228);
    border-left: 4px solid rgb(255, 0, 0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    font-weight: 400;
    font-size: 12px;
    color: #222;
    line-height: 1.3;
    min-height: 36px;
}
.error {
    color: rgb(231, 71, 71);
    font-family: inherit;
}
.form__group label.error,
.form__captcha label.error {
    display: none!important;
}
.checkbox {
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding-left: 30px;
	cursor: pointer;
	color: inherit;
	border-radius: 3px;
}
.checkbox__input {
	position: absolute;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    display: none;
}
.checkbox__icon {
	border: 1px solid #dbdbdb;
	display: block;
	height: 22px;
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 3px;
}
.checkbox.active .checkbox__icon {
    border-color: var(--okay-basic-company);
}
.checkbox.active .checkbox__mark,
.checkbox__input:checked + * .checkbox__mark{
	stroke: var(--okay-basic-company);
	stroke-width: 2px;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	stroke-miterlimit: 10;
	opacity: 1;
	stroke-dasharray: 48;
	stroke-dashoffset: 48;
	-webkit-animation: checkmarkAnimation 0.3s 0s forwards;
	animation: checkmarkAnimation 0.3s 0s forwards;
}
.checkbox__input:focus .checkbox__icon{
    border-color: var(--okay-basic-company);
}
.checkbox__input:disabled + * .checkbox__mark{
	border-color: #dbdbdb;
}
.change_pass,
.password_remind{
    position: relative;
    font-family: inherit;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    text-decoration: none;
    font-size: 12px;
    color: #222;
    font-weight: 400;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 0.7;
    transition: all .3s ease 0s;
}
.change_pass span,
.password_remind span {
    padding-right: 3px;
}
.change_pass:hover span,
.password_remind:hover span {
    padding-right: 7px;
    color: var(--okay-basic-company);
    text-decoration: none;
}
.change_pass svg,
.password_remind svg {
    width: 12px;
    height: 12px;
    position: relative;
    top: 1px;
}
.change_pass:hover svg{
    color: var(--okay-basic-company);
}

/***** #Pagination *****/

.pagination {
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 15px auto 10px;
}
.pagination__item {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pagination__link {
    display: block;
    padding: 0px 10px;
    min-width: 45px;
    text-align: center;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    color: var(--okay-body-text);
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
    height: 26px;
    line-height: 24px;
}
.pagination__link:hover,
.active .pagination__link {
    color: var(--okay-basic-company-text);
    background-color: var(--okay-basic-company);
    border-color: var(--okay-basic-company);
}
.products_pagination{
    margin: 10px auto 0px;
}

/***** #Breacrumbs  *****/

.breadcrumbs {
    width: 100%;
    display: inline-block;
    border: none;
    padding: 0 3px;
    background: transparent;
    list-style: none;
    margin: 10px 0;
    color: var(--okay-body-text);
}
.breadcrumbs .breadcrumbs__item {
    display: inline-block;
    padding: 0;
    color: inherit;
    margin: 0;
    font-size: 12px;
    font-weight: 400;
}
.breadcrumbs .breadcrumbs__item:first-child {
    margin-right: 3px;
}
.breadcrumbs .breadcrumbs__item + .breadcrumbs__item:before { 
    padding: 0 5px;
    content: "\f101";
    font: normal normal normal 16px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.breadcrumbs svg{
    width: 18px;
    height: 18px;
}
.breadcrumbs a{
    transition: all 0.2s ease;
    text-decoration: none;
    font-weight: 500;
}
.breadcrumbs a:hover{
    color: var(--okay-button-color);
}

/***** #Raiting  *****/

.product__rating{
    position: relative;
}
.rating_starOff {
    display: inline-block;
    vertical-align: top;
}
.rating_starOff,
.rating_starOn {
    width: 90px;
    height: 18px;
    background: url(../images/rating.png) repeat-x left top;
}
.rating_starOn {
    display: block;
    background-position: left bottom;
}
.rating_text {
    vertical-align: middle;
    line-height: 18px;
    display: inline-block;
    position: absolute;
    left: calc(100% + 8px);
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    top: 1px;
}


/***** #Header block *****/

header{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    z-index: 20;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.header__bottom,
.header__center,
.header__top{
    position: relative;
}
.header__top{
    background: var(--okay-second-company);
    color: var(--okay-second-company-text);
    border-bottom: 1px solid;
    border-color: var(--okay-second-company);
}
.header__center{
    background: var(--okay-body-color);
    padding: 10px 0;
    color: var(--okay-body-text);
}
.header__bottom,
.fn_header__sticky{
    background: var(--okay-second-company);
    padding: 0;
    color: var(--okay-second-company-text);
    height: 60px;
}

/***** #Account ****/

#account{
    padding-right: 0;
}
#account i{
    margin-right: 5px;
    line-height: 24px;
    display: inline-block;
    width: 20px;
    height: 20px;
}
#account i:before{
    font-size: 19px;
    line-height: 1px;
}
.account__link{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--okay-second-company-text);
    opacity: 0.8;
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    line-height: inherit;
    text-decoration: none;
}
.account__link .account__text{
    margin-right: 5px;
}

/***** #Languages & Currencies ****/

.switcher{
    padding: 0;
}
.switcher__item{
    position: relative;
    padding: 5px 10px;
    border-radius: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.switcher__visible{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    opacity: 0.9;
}
.switcher__visible img{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    max-width: 20px;
    margin-right: 4px;
}
.switcher__visible .switcher__name:after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--okay-second-company-text);
    transform: rotate(45deg);
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    position: relative;
    top: -2px;
    margin-left: 7px;
}
.switcher__name{
    padding: 0;
    cursor: pointer;
    font-size: 12px;
    text-transform: capitalize;
}
.switcher__hidden{
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    display: none;
    left: -12px;
    padding: 8px 0;
    position: absolute;
    top: 100%;
    width: auto;
}
.switcher__language .switcher__hidden{
    left: 0px;

}
.switcher__item:last-child .switcher__hidden{
    left: inherit;
    right: 0;
}
.switcher__link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    color: var(--okay-body-text);
    text-decoration: none;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
	transition: all 0.2s;
    border: none;
    width: 100%;
    background: none;
}
.switcher__link.active{
    text-decoration: none;
	color: var(--okay-basic-company);
}
.switcher__link img{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20px;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    max-width: 20px;
    margin-right: 4px;
}

/***** #Callback ****/

.callback{
    position: relative;
    padding: 5px 10px;
    border-radius: 4px;
    margin-left: 5px;
    line-height: 1;
    height: 25px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    text-decoration: none;
    font-weight: 400;
    border: 1px solid transparent;
    color: var(--okay-button-text);
    opacity: 0.8;
    margin-right: 10px;
}
.callback i{
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.callback i:before{
    font-size: 19px;
    line-height: 1
}
/***** #Logotype ****/

.header__logo {
    -webkit-box-flex: 0;
    -webkit-flex: 1 0 285px;
    -ms-flex: 1 0 285px;
    flex: 1 0 285px;
    max-width: 285px;
}
.logo__link{
    position: relative;
    display: block;
    padding-right: 30px;
}
.logo__link img{
    display: block;
    max-height: 55px;
}

/***** #Group menu ****/

/*.menu_group{*/
	/*display: block;*/
	/*position: relative*/
/*}*/
.menu_group__list{
    display: block;
    padding: 0;
    margin: 0px;
    list-style: none;
}
.menu_group__item{
	position: relative;
    padding: 0;
    margin-bottom: 5px;
}
.menu_group__item--2{
    padding: 0;
    white-space: nowrap;
}
.menu_group__item--2 .menu_group__link {
    padding: 5px 20px;
    display: block;
}
.menu_group__link{
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    color: var(--okay-body-text);
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
    padding: 0;
    transition: color 0.1s ease 0s;
}
.menu_group__link[href^="discounted"],
.menu_group__link[href^="discounted"]:hover{
    color: rgb(247, 76, 76);
}
.header__menu{
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.menu_group--header{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.menu_group--header .menu_group__item {
	position: relative;
    padding: 0;
    margin-bottom: 0;
}
.menu_group--header .menu_group__list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    margin: 0;
}
.menu_group--header .menu_eventer .menu_group__list--2{
    border-radius: 3px;
    display: none;
    left: -2px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    width: auto;
    background: rgb(255, 255, 255);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    color: var(--okay-body-text);
}
.menu_group--header .menu_eventer .menu_group__list--3{
    display: none;
}
.menu_group--header .menu_group__item--2 .menu_group__link {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--okay-body-text);
}
.menu_group--header .menu_group__link{
    padding: 5px 10px;
    font-size: 16px;
    text-decoration: none;
    color: var(--okay-body-text);
    font-weight: 500;
    position: relative;
    cursor: pointer;
    line-height: 1;
}
.menu_group__link[href^="discounted"]{
    color: rgb(247, 76, 76)!important;
}
.menu_group--header .menu_eventer .menu_group__link:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--okay-body-text);
    transform: rotate(45deg);
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
    position: relative;
    top: -3px;
    margin-left: 5px;
}
.menu_group--header .menu_group__list--2 .menu_group__link:after{
    content: none;
}
.menu_group--footer .menu_group__list{
    display: block;
    padding: 0;
    list-style: none;
    margin: 0;
}
.menu_group--footer .menu_group__item{
    position: relative;
    padding: 0;
    margin-bottom: 10px;
}
.menu_group--footer .menu_group__link{
    text-decoration: none;
    color: var(--okay-second-company-text);
    font-weight: 400;
    font-size: 12px;
    position: relative;
    cursor: pointer;
}
.menu_group--404{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.menu_group--404 .menu_group__item {
    position: relative;
    padding: 0;
    margin-bottom: 0;
}
.menu_group--404 .menu_group__link{
    padding: 5px 10px;
    font-size: 16px;
    text-decoration: underline;
    color: var(--okay-basic-company);
    font-weight: 500;
    position: relative;
    cursor: pointer;
    line-height: 1;
}

/****** #Header contacts *****/

.header-contact{
	height: 50px;
	position: relative;
	min-width: 225px;
}
.header-contact__inner{
	padding: 15px 15px 0;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	cursor: pointer;
	border-radius: 4px;
    height: 45px;

}
.header-contact__item{
    margin-bottom: 0;
    position: relative;
    opacity: 0;
    visibility: hidden;

}
.header-contact__item--visible{
    opacity: 1;
    visibility: visible;
    height: auto;
    position: relative;
}
.header-contact__inner .header-contact__item--visible:after {
	content: '\2807';
	font-size: 30px;
	position: absolute !important;
    right: -5px;
    top: -5px;
	display: block;
	line-height: 1;
	width: 10px;
    color: var(--okay-body-text);
}
.header-contact__phone,
.header-contact__email,
.header-contact__time,
.header-contact__location{
    margin-bottom: 10px;
}
.header-contact__section{
    position: relative;
    padding-left: 30px;
}
.header-contact__section.mdi:before{
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
    top: -2px;
    font-size: 22px;
    line-height: 1;
}

.header-contact__time .header-contact__section.mdi:before,
.header-contact__location .header-contact__section.mdi:before{
    top: 3px;
}
.header-contact__phone .header-contact__section,
.header-contact__email .header-contact__section{
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    line-height: 1.2;
}
.header-contact__email .header-contact__section{
	font-size: 13px;
	font-weight: 600;
	line-height: 1.1;
	display: inline-block;
}
.header-contact__title{
	font-weight: 600;
}
.header-contact__title-s p,
.header-contact__title-s span{
    color: var(--okay-body-text);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.1;
    display: inline-block;
}
.header-contact__time,
.header-contact__location{
    font-size: 12px;
    font-weight: 500;
}
.header-contact__item--visible .header-contact__phone a{
    color: var(--okay-body-text);
}
.header-contact__phone a,
.header-contact__email a,
.header-contact__time,
.header-contact__location{
    color: var(--okay-body-text);
}

/***** #Header informers ****/

.header_informers{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.header_informers__item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	min-width: 70px;
	padding: 0 15px;
    transition: .2s;
    color: var(--okay-second-company-text);
    height: 100%;
}
.header_informers__link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--okay-second-company-text);
}
.header_informers__item{
    position: relative;
}
.header_informers__item i{
    width: 32px;
	height: 32px;
}
.header_informers__item i:before{
    font-size: 30px;
    line-height: 1;
}
.header_informers__item .compare_counter,
.header_informers__item .wishlist_counter,
.header_informers__item .cart_counter{
    background: #F5CC43;
    border: 2px solid;
    border-color: var(--okay-second-company);
    border-radius: 50%;
    color: var(--okay-body-text);
    padding: 1px 0px 0px 1px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 22px;
    height: 22px;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    line-height: 17px;
    display: block;
}

/***** #Search ****/

.search {
    position: relative;
    margin: 10px 14px;
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.search__input {
    background:var(--okay-second-company-text);
    border: none;
    color: var(--okay-body-text);
    font-size: 14px;
    padding: 10px 16px;
    transition: .3s;
    border-radius: 4px;
    height: 40px;
    width: 100%;
    font-weight: 500;
}
.search__button {
    border-radius: 4px;
    cursor: pointer;
    font-size: 20px;
    height: 32px;
    position: absolute;
    text-align: center;
    right: 4px;
    top: 4px;
    width: 50px;
    border: none;
    background:  var(--okay-second-company);
    color: var(--okay-second-company-text);
    opacity: 0.8;
    transition: all 0.2s;
}
.search__button.mdi:before{
    font-size: 22px;
}

/****** #Header catalog *****/
.header__bottom_panel{
    position: relative;
}
.catalog_button {
    -webkit-box-flex: 0;
    -webkit-flex: 1 0 285px;
    -ms-flex: 1 0 285px;
    flex: 1 0 285px;
    max-width: 285px;
    position: relative;
    margin: 10px 0px 10px;
    border-radius: 4px;
}
.catalog_button__heading {
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    padding: 0 0 0 10px;
    width: 100%;
    background: var(--okay-basic-company);
    color: var(--okay-basic-company-text);
    border-radius: 4px;
    height: 40px;
}
.main_page .catalog_button__heading{
    pointer-events: none;
    position: relative;
}
.catalog_button .catalog_icon {
    margin-right: 5px;
    display: inline-block;
    position: relative;
}
.catalog_button .catalog_icon:before {
    font-size: 23px;
}
.catalog_button .catalog_button__arrow {
    position: absolute;
    right: 15px;
    height: calc(50% - 7px);
}
.catalog_button .arrow_right {
    height: 14px;
    width: 14px;
    display: block;
    transform: rotate(90deg);
}
.catalog_button.active .arrow_right {
    transform: rotate(-90deg);
}
.categories_nav{
    height: 400px!important;
}
.categories_nav{
    background: #fff;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    transition: .3s;
    width: 285px;
    z-index: 1;
}
.categories_nav--show.categories_nav{
    display: block;
    height: 400px;
}
.categories_nav .categories_nav__menu{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.categories_nav .categories_nav__menu .categories_menu__item{
    background: #fff;
    margin: 0px;
}
.categories_nav .categories_nav__subcategory {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -4;
    width: 285px;
    transform: translateX(260px) translateZ(0px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: -webkit-all .5s ease-in-out;
    transition: -webkit-all .5s ease-in-out;
    transition: all .5s ease-in-out;
    transition-delay: 0s, 0s;
    -webkit-transition-delay: .15s;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.categories_nav .categories_menu,
.categories_nav .subcategory {
    height: 100%;
    padding: 10px 0px 0 0;
}
.categories_menu:not(.scroll)  {
    overflow: hidden;

}

.categories_nav .level_3.categories_nav__subcategory {
    /*min-width: 777px;*/
    max-height: 100%;
    max-width: calc(100vw - 589px);
    width: calc(1366px - 589px);
}
.categories_nav .categories_menu__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3px 20px 3px 10px;
    position: relative;
    transition: .3s;
    text-decoration: none;
    color: var(--okay-body-text);
    line-height: 1.2;
    font-size: 13px;
    font-weight: 500;
    min-height: 34px;
}
.categories_nav .categories_menu__link .categories_menu__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    width: 22px;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22px;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    max-width: 22px;
}
.categories_menu__link .categories_menu__name {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.categories_nav__subcategory:not('.level_3') .categories_menu__link .categories_menu__name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.categories_nav .categories_menu__link svg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 7px;
    top: calc(50% - 5px);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: .3s;
    width: 12px;
    height: 12px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15px;
    -ms-flex: 0 0 15px;
    flex: 0 0 15px;
    max-width: 15px;
}
.categories_nav__subcategory.level_3 .categories__no_image svg {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    top: inherit;
    max-width: 50px;
    flex: inherit;
}
.categories_nav .subcategory{
    background: #fff;
    border-left: 1px solid #ebebeb;
}
.categories_nav .subcategory .categories_menu__item .categories_menu__link,
.categories_nav .subcategory .categories_menu__item{
    color: var(--okay-body-text);
    text-decoration: none;
    position: relative;
}
.categories_nav .subcategory .categories_menu__item{
    background: #fff;
    position: static;
}
.categories_nav .level_3 .subcategory{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: auto;
}
.categories_nav .level_3 .subcategory .categories_menu__item{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    height: 120px;
    margin-bottom: 10px;
    text-align: center;
}
.categories_nav .level_3 .subcategory .categories_menu__item .categories_menu__link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    height: 130px;
    background: #fff;

    width: 100%;
}
.categories_nav .level_3 .subcategory .categories_menu__item .categories_menu__image{
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    height: 100px;
}
.categories_nav .level_3 .subcategory .categories_menu__item .category_name{
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    height: 100px;
}
.categories_nav .level_3 .subcategory .categories_menu__item .categories_menu__link{
    color: var(--okay-body-text);
    text-decoration: none;
}
.categories_nav ul::-webkit-scrollbar { /* chrome based */
    width: 0;  /* ширина scrollbar'a */
    background: transparent;  /* опционально */
}
.scroll{
    overflow: auto;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}
.hover_scroll {
    position: absolute;
    left: 0;
    height: 26px;
    width: 100%;
    opacity: 1;
    transition: all 320ms;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,0.9);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    margin: 0px;
}
.hover_scroll.hover_scroll_up {
    top: 0;
    border-bottom: 1px solid #eee;
}
.hover_scroll:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    background: #fff url(../images/scrollArrow.svg) no-repeat center;
    background-size: 18px;
}
.hover_scroll.hover_scroll_up:before {
    transform: rotate(180deg);
}
.hover_scroll.hover_scroll_down {
    bottom: 0;
    border-top: 1px solid #eee;
}


/***** #Main banner ****/

.main_banner{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 285px);
    margin: 0 0 15px 285px;
    height: 600px;
    box-shadow: 0 2px 5px #0000004d;
}
.main_banner__inner {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden;
    width: 100%;
}
.main_banner__inner.owl-carousel .owl-dots {
    position: absolute;
    bottom: 5px;
    width: 100%;
}
.main_banner_var{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    background: #fafafa;
    background-size: cover !important;
    background-position: center !important;
    margin: 0px;
    min-height: 400px;
    overflow: hidden;
}
.main_banner_var1{
    background-image: none!important;
}
.main_banner_var__content {
    margin: 0 auto;
    position: relative;
    min-height: 400px;
}
.main_banner_var__image{
    width: 50%;
    position: absolute;
    display: inline-block;
    line-height: 400px;
    height: 400px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    right: 0;
    padding-left: 20px;
}
.main_banner_var2 .main_banner_var__image{
    display: none;
}
.main_banner_var__image img {
    max-width: 100%;
    height: auto;
    max-height: 320px;
    vertical-align: middle;
    font-size: 0;
    display: inline-block!important;
    width: auto!important;
}
.main_banner_var__column {
    width: 50%;
    left: 0;
    position: absolute;
    display: inline-block;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px;
}
.main_banner_var2 .main_banner_var__column {
     display: table;
     width: 100%;
     text-align: center;
}
.main_banner_var2 .main_banner_var__column.dark {
    background: rgba(0, 0, 0, 0.7);
}
.main_banner_var2 .main_banner_var__colboxed .main_banner_var__title,
.main_banner_var2 .main_banner_var__colboxed .main_banner_var__text{
    color: #fff;
}
.main_banner_var__colboxed {
    display: table-cell;
    height: 400px;
    vertical-align: middle;
}
.main_banner_var__title {
    color: var(--okay-body-text);
    padding: 0;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.main_banner_var__text {
    color: var(--okay-body-text);
    padding: 0;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    margin-bottom: 20px;
    opacity: 0.8;
}
.button.main_banner_var__button:hover{
    opacity: 1;
}




/***** #Main brands ****/

.main_brands{
    border-left: 1px solid;
    border-top: 1px solid;
    border-color: var(--okay-border-color);
}
.main_brands__item{
    height: 85px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--okay-border-color);

}
.main_brands__image,
.main_brands__name,
.main_brands__link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 85px;
    text-align: center;
}
.main_brands__image,
.main_brands__name{
    padding: 10px;
}
.main_brands__image img{
    opacity: .8;
    max-height: 75px;
    transition: .3s;
}
.brand{
    margin-bottom: -20px;
}
.brand__item{
    margin-bottom: 20px;
}
.brand__preview{
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 0 #0000001a,0 0 0 #0000001a,0 0 0 #0000001a;
    height: 100%;
    padding: 10px;
    position: relative;
    transition: .3s;
    width: 100%;
    background: #fff;
}
.brand__link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    margin: auto;
    position: relative;
    text-decoration: none;
}
.brand__image img{
    display: block;
}
.brand__name{
    color: var(--okay-body-text);
    text-align: center;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px;
    overflow: hidden;
}




/***** #Preview product *****/

.boxed .product_item,
.fn_products_slide .product_item{
    margin-bottom: 0;
}
.owl-carousel .product_item {height: 380px;}

.owl-carousel .cat_item {
    height: 230px;
}

.owl-carousel .product_item img{
    width: auto!important;
}
.owl-carousel .product_item .sticker__image{
    width: 100%!important;
}
.product_item{
    margin-bottom: 15px;
    height: 440px;
}
.comparison_item{
    margin-bottom: 0!important;
}
.product_preview{
    border-right: 1px solid transparent;
    box-shadow: 0 0 0 #00000026,0 0 0 #00000012,0 0 0 #00000017;
    min-height: 440px;
    padding: 10px;
    position: relative;
    transition: .3s;
    width: 100%;
    background: #fff;
}
.product_item:nth-child(4n) .product_preview{
    border-color: transparent;
}
.product_preview__sku{
    color: var(--okay-body-text);
    font-size: 11px;
    margin: 5px 0 5px;
    font-style: italic;
    opacity: .8;
    font-weight: 500;
}
.sku__nubmer{
    font-weight: 600;
}
.product_preview__center {
    position: relative;
}
.product_preview__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 300px;
    margin: 0px auto 0px;
    position: relative;
}
.product_preview__image a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 300px;
    width: 100%;
}
.product_preview__image img {
    max-height: 300px;
}
.product_preview__image .sticker__image {
    max-height: inherit;
}
.product_preview__no_image svg{
    width: 80px;
    height:80px;
}
.stickers_product-page,
.stickers{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    top:0;
    left: 0;
}
.stickers_product-page{
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    left: inherit;
    right: 0;
}
.sticker{
    display: inline-block;
    padding: 0px 7px 0px;
    height: 16px;
    line-height: 16px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 5px;
    border-radius: 4px;
    white-space: nowrap;
}
.sticker--hit{
    background-color: rgba(17, 172, 71, 0.8);
}
.sticker--discount{
    background-color: #f24949;
}
.sticker--special{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    width: 60px;
}
.sticker__image {
    display: inline-block;
    width: 60px;
    max-height: inherit;
}
.sticker_pct{
    position: absolute;
    top:0px;
    right: 0px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    background-color: rgb(251, 63, 76);
    color: #fff;
    font-weight: 600;
    padding: 5px 5px 3px;
    font-size: 10px;
    border-radius: 4px;
}
.product_preview__name {
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.product_preview__name a {
    color: var(--okay-body-text);
    background: rgba(255,255,255,0.9);
	line-height: 1.2;
	font-size: 14px;
	transition: .3s;
	display: block;
	position: relative;
	font-weight: 400;
	padding-bottom: 5px;
    min-height: 63px;
	text-decoration: none;
}
.product_preview__prices {
    height: 28px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px;
}
.product_preview__prices .old_price{
    margin: 0 10px 0 0;
    color: rgb(136, 136, 136);
    font-size: 15px;
    position: relative;
    font-weight: 400;
    line-height: 1;
}
.product_preview__prices .old_price .currency{
    display: none;
    font-size: 10px;
    font-weight: 500;
    position: relative;
    top: -10px;
}
.product_preview__prices .old_price::after {
    border-bottom: 1px solid rgb(136, 136, 136);
    content: "";
    left: 0;
    position: absolute;
    top: 45%;
    width: 100%;
    transform: rotate(-10deg);
}
.product_preview__prices .price{
    color: var(--okay-body-text);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
.product_preview__prices .price--red{
    color: #e83841;
}
.product_preview__prices .price .currency{
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}
.product_preview__bottom {
    border-top: 1px solid #dbdbdb;
    margin: 9px 0 0;
    padding: 10px 0 0;
}
.product_preview__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
	height: 30px;
}
.product_preview__buttons .product_preview__button,
.product_preview__buttons .comparison_button,
.product_preview__buttons .wishlist_button,
.product_preview__buttons .remove_link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
    height: 30px;
}
.product_preview__buttons .remove_link{
    color: red;
    font-size: 12px;
}
.product_preview__button.hidden{
    display: none;
}
.product_preview__button{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    background: transparent;
    border: 1px solid transparent;
    white-space:nowrap;
    padding: 0 5px;
    color: var(--okay-body-text);
    border-radius: 3px;
    transition: all 0.2s;
    height: 30px;
    line-height: 30px;
}
.product_preview__button .product_preview__button_text{
    padding-left: 8px;
    visibility: hidden;
    opacity: 0;
    font-size: 12px;
    font-weight: 500;
    width: 0;
    overflow: hidden;
}
.product_preview__button {
    background: var(--okay-button-color);
    border-color: var(--okay-button-color);
    color: var(--okay-button-text);
    padding: 0px 10px;
}
.product_preview__button .product_preview__button_text {
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
}
.product_preview__button--pre_order{
    background: transparent;
    border-color: rgb(127, 127, 127);
    color: rgb(69, 69, 69);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.product_preview__out_stock{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    white-space:nowrap;
    padding: 3px 0;
    color: rgb(156, 156, 156);
    height: 34px;
    margin: 0;
    font-size: 12px;
    font-weight: 500;
}
.product_preview__button--pre_order .product_preview__button_text{
    padding: 0px 10px;
    visibility: visible;
    opacity: 1;
    font-size: 12px;
    font-weight: 500;
    width: auto;
}
.product_preview__button i{
    width: 22px;
    max-height: 22px;
    line-height: 1;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22px;
    -ms-flex: 0 0 22px;
    flex: 0 0 22px;
    max-width: 22px;
}
.product_preview__button .mdi::before{
    font-size: 20px;
}
.product_preview__buttons .comparison_button,
.product_preview__buttons .wishlist_button{
    width: 22px;
    max-height: 22px;
    text-decoration: none;
    color: var(--okay-body-text);
    opacity: 0.7;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.product_preview__buttons .comparison_button::before,
.product_preview__buttons .wishlist_button::before{
    font-size: 24px;
    line-height: 1;
}
.product_preview__buttons .comparison_button.selected,
.product_preview__buttons .wishlist_button.selected{
    color: var(--okay-button-color);
}
.product_preview__buttons .wishlist_button.selected::before {
    content: "\F2D1";
}
.product_preview__annotation{
    display: none;
	margin-top: 5px;
	max-height: 145px;
	overflow: hidden;
	position: relative;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 400;
    color: var(--okay-body-text);
    opacity: 0.9;
}
.product_preview__annotation ul li{
   margin: 0px;
    font-size: 12px;
}
.product_preview__annotation::after {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 16px;
    width: 80px;
    content: "";
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff 40%, #fff);
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgb(255, 255, 255) 40%, rgb(255, 255, 255));
}
.product_preview__annotation ol,
.product_preview__annotation ul{
    margin: 10px 0px 0px 15px;
}
.product_preview__variants{
    display: none;
	border-top: 1px solid #dbdbdb;
	margin: 10px 0 0;
	padding: 10px 0 0;
}
.product_preview__variants.hidden{
    display: none!important;
}
.product_preview__variants .select2{
    margin-top: 0;
}
.product_preview__variants .select2-container {
    width: 100%!important;
    max-width: 100%;
}
.products_list.no_gutters .product_preview{
    position: absolute;  
    border-right: 1px solid #dbdbdb;
}
.products_list.no_gutters{
    position: relative;
}
.products_list.no_gutters:before{
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
    width: 1px;
    height: 100%;
    z-index: 2;
}
.products_list:not(.no_gutters) .product_preview{
    border: 1px solid #dbdbdb;
}

/***** #Preview article *****/

.boxed .article_item,
.fn_articles_slide .article_item{
    margin-bottom: 0;
}
.article_list:not(.no_gutters) .article__preview {
    border: 1px solid #dbdbdb;
}
.article_list:not(.fn_articles_slide){
    margin-bottom: -20px;
}
.article_list.no_gutters .article__preview {
    position: absolute;
    border-right: 1px solid #dbdbdb;
}
.article_item{
    margin-bottom: 20px;
    height: 395px;
}

.article_item.photo{
    height: 300px;
	text-align:center;
}

.photo_gallery_img {height:200px;}



.article__preview{
    border-right: 1px solid transparent;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1),0 0 0 rgba(0, 0, 0, 0.1),0 0 0 rgba(0, 0, 0, 0.1);
    height: 100%;
    padding: 12px 15px 12px;
    position: relative;
    transition: .3s;
    width: 100%;
    background: #fff;
}
.article__title {
    color: var(--okay-body-text);
	background: #fff;
	line-height: 1.2;
	font-size: 16px;
	transition: .3s;
	display: block;
	position: relative;
	font-weight: 500;
	padding-bottom: 5px;
	text-decoration: none;
}
.article__body{
    height: calc(100% - 40px);
    overflow: hidden;
    position: relative;
}
.article__body::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 20px;
    width: 100%;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff 50%, #fff);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgb(255, 255, 255) 50%, rgb(255, 255, 255));
}
.article__image a{
    display: block;
    margin-bottom: 5px;
}
.article__image .article__no_image{
    height: 60px;
}
.article__image .article__no_image svg{
    width: 50px;
    height: 50px;
}
.article__annotation{
	position: relative;
	font-size: 13px;
	line-height: 1.4;
	font-weight: 400;
    color: var(--okay-body-text);
    opacity: 0.8;
}
.article__footer{
    height: 40px;
    overflow: hidden;
    border-top: 1px solid #dbdbdb;
    margin: 10px 0 0;
    padding: 0;
}
.article__button{
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	font-size: 13px;
	font-weight: 500;
	text-decoration: none;
	transition: all 0.3s;
    color: var(--okay-basic-company);
}
.article__button svg{
	width: 12px;
	height: 12px;
	position: relative;
	top: 1px;
	margin-left: 3px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.article__date{
    color: var(--okay-body-text);
	font-size: 12px;
	font-weight: 500;
    opacity: 0.8;
}
.post_share_boxed{
    position: relative;
    border-top: 3px solid #e9eaed;
    padding: 10px 0px 0px;
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 0px;
}
.share__text.post_share__text {
    font-size: 14px;
}

/***** #Advantages *****/


.advantages__item{
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}
.advantages__item:last-child{
    margin-bottom: 0;
}
.advantages__preview{
    text-align: center;
    color: rgb(58, 58, 58);
    background: rgb(255, 255, 255);
    border-right: 1px solid;
    border-color:  #dbdbdb;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.advantages__item:last-child .advantages__preview{
    border: none;
}
.advantages__icon{
    max-width: 65px;
    text-align: center;
    margin-bottom: 5px;
}
.advantages__icon svg{
    width: 55px;
    height: 55px;
    color: var(--okay-basic-company);
}
.advantages__title{
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    padding-left: 0px;
    max-width: 150px;
    line-height: 1.2;
    min-height: 36px;
}

/***** #Comments *****/

.comment__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.comment__icon{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    margin-top: 15px;
}
.comment__icon svg{
    width: 40px;
    height: 40px;
}
.admin_note .comment__icon svg{
    width: 42px;
    height: 42px;
}
.comment__icon .comment__image{
    max-width: 40px;
    height: auto;
}
.comment__boxed{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 50px);
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    padding: 15px 15px;
    border: 1px solid #dbdbdb;
    background: #fff;
    border-radius: 4px;
}
.admin_note {
    margin-left: 50px;
}
.admin_note .comment__boxed{
    background: #f7f7f7;
}
.comment__author,
.comment__header{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.comment__header{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.comment__name{
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    color: rgb(34, 34, 34);
}
.comment__status{
    font-weight: 400;
    font-size: 13px;
    color: rgb(11, 152, 47);
    margin-left: 10px;
    margin-right: 10px;
    white-space: nowrap;
}
.comment__date{
    font-weight: 500;
    font-size: 12px;
    color: #556080;
    white-space: nowrap;
}
.comment__body{
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: rgb(74, 74, 74);
}
.comment__author{
    
}

/***** #Product page *****/

.product-page__sku .sku_nubmer{
    font-size: 14px;
    font-weight: 500;
}
.product-page__images{
    position: relative;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75px;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    max-width: 75px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    text-align: center;
}
.product-page__image{
    position: relative;
    margin: 0;
    width: 100%;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 75px);
    -ms-flex: 0 0 calc(100% - 75px);
    flex: 0 0 calc(100% - 75px);
    max-width: calc(100% - 75px);
    text-align: center;
}
.product-page__img{
    padding: 0px 20px;
}
.gallery_image a{
    display: block;
}
.product-page__no_image{
    width: 100%;
    height: 100%;
    padding: 10px;
}
.product-page__no_image svg{
    width: 120px;
    height: 120px;
}
.product-page__images-item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: all 0.2s;
}
.product-page__images-item img{
    max-height: 100%;
}
.product-page__item{
    position: relative;
}
.product-page__promo_img{
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    top: 0;
    left: 0;
}
.details_boxed{
    background-color: rgb(255, 255, 255);
    overflow: hidden;
}
.details_boxed__item{
    position: relative;
    border-bottom: 3px solid #e9eaed;
    padding: 15px;
    background-color: #fff;
}
.details_boxed__item--one{
    padding: 15px;
}
.details_boxed__item:last-child{
    border-bottom: none;
}
.details_boxed__title{
    margin-right: 5px;
    color: var(--okay-body-text);
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0.8;
}
.details_boxed__brand{
    min-width: 80px;
    position: absolute;
    top: 15px;
    right: 20px;
    text-align: right;
}
.details_boxed__no_brand{
    padding-left: 60px;
}
.details_boxed__available{
    margin-top: 5px;
}
.details_boxed__available{
    margin-top: 5px;
}
.details_boxed__anchor_comments{
    margin-top: 0px;
}
.anchor_comments__link {
    color: #666;
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    line-height: 1.2;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-bottom: 1px dashed;
    border-color: #666;
    text-decoration: none;
    display: inline-block;
}
.available__no_stock,
.available__in_stock{
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    margin-top: 7px;
}
.available__no_stock{
    color: rgb(231, 71, 71);
}
.available__in_stock{
    color: rgb(44, 171, 44);
}
.details_boxed__select .select2{
    margin-bottom: 15px;
}
.details_boxed__select .select2-container {
    min-width: 50%;
    max-width: 100%;
}
.details_boxed__select .select2-selection--single {
    height: 32px!important;
}
.details_boxed__select .select2-selection__rendered {
    line-height: 32px!important;
}
.details_boxed__select .select2-selection__arrow {
    height: 32px!important;
}
.details_boxed__price_amount{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 5px 0px;
}
.details_boxed_pct{
    position: absolute;
    top: -9px;
    left: 0;
    display: inline-block;
    text-align: center;
    line-height: 1;
    background-color: rgb(238, 238, 238);
    color: rgb(251, 63, 76);
    font-weight: 600;
    padding: 4px 5px 4px;
    font-size: 12px;
    border-radius: 4px;
}
.details_boxed__amount{
    margin-bottom: 10px
}
.amount{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--okay-border-color);
    height: 34px;
    color: var(--okay-body-text);
    font-size: 14px;
    font-weight: 400;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    max-width: 120px;
    overflow: hidden;
}
.amount__plus,
.amount__minus{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    cursor: pointer;
    font-weight: 500;
    line-height: 1;
    font-size: 20px;
    height: 34px;
}
.amount__input{
    border: 0 none;
    display: block;
    width: calc(100% - 60px);
    text-align: center;
    font-weight: 500;
    line-height: 1;
    font-size: 15px;
    height: 34px;
}
.details_boxed__prices{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    line-height: 1;
    padding: 10px 0;
    margin-right: 15px;
}
.details_boxed__price,
.details_boxed__old_price{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.details_boxed__old_price{
    font-weight: 400;
    margin: 0 15px 0 0;
    color: #888;
    position: relative;
    font-size: 15px;
}
.details_boxed__price .currency,
.details_boxed__old_price .currency{
    font-size: 16px;
    font-weight: 500;
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin-left: 5px;
}
.details_boxed__old_price .currency{
    font-weight: 600;
    font-size: 12px;
}
.details_boxed__old_price::after {
    border-bottom: 1px solid #888;
    content: "";
    left: 0;
    position: absolute;
    top: 38%;
    width: 100%;
    transform: rotate(-10deg);
}
.details_boxed__price{
    font-weight: 600;
    color: var(--okay-body-text);
    font-size: 34px;
}
.details_boxed__price.price--red{
    color: #e83841;
}
.details_boxed__buttons{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.details_boxed__buttons > *{
    position: relative;
    min-height: 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 0;
    padding-right: 10px;
}
.details_boxed__buttons > *:first-child{
    padding-right: 0;
}
.product-page__button{
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-weight: 500;
    font-size: 14px;
    font-family: inherit;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 40px;
    transition: all 0.2s;
    opacity: 1;
}
.product-page__button{
    background: var(--okay-button-color);
    color: var(--okay-button-text);
}
.product-page__button:focus{
    opacity: 0.8;
}
.product-page__out_stock{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #dbdbdb;
    color: #9c9c9c;
    white-space: nowrap;
    cursor: not-allowed;
}





.product-page__button--preloader{
    cursor: pointer;
    border: 1px solid #7f7f7f;
    background: transparent;
    color: #454545;
    white-space: nowrap;
    transition: all 0.2s;
}
.details_boxed__buttons .fn_not_preorder,
.details_boxed__buttons .fn_is_preorder  {
    padding-right: 10px;
    margin-bottom: 0;
}
.details_boxed__other{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-page__compare,
.product-page__wishlist{
    border: 1px solid;
    border-color: var(--okay-border-color);
    border-radius: 3px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    font-weight: 500;
    margin-right: 10px;
    text-transform: uppercase;
    height: 40px;
    width: 40px;
    transition: all 0.2s;
    opacity: 0.7;
}
.product-page__compare svg{
    width: 23px;
    height: 23px;
}
.product-page__wishlist svg{
    width: 20px;
    height: 20px;
}
.product-page__wishlist.selected,
.product-page__compare.selected{
    border-color: var(--okay-button-color);
    color: var(--okay-button-color);
}
.details_boxed__share{
    padding-top: 10px;
    padding-bottom: 10px;
}
.share{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.share__text{
    color: var(--okay-body-text);
    font-size: 13px;
    font-weight: 500;
    opacity: 0.8;
    margin-right: 10px;
}
.share__icons .jssocials-share-logo {
    font-size: 16px;
}
.share__icons .jssocials-share-link {
    padding: 5px 10px;
    border-radius: 4px;
}

/***** #Accordion *****/

.accordion__title,
.accordion__item {
    position: relative;
}
.accordion__title{
    text-align: center;
}
.accordion__title:after { 
    content: "";
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    top: 45%;
    right: 0;
    display: block;
    width: 100%;
}
.accordion__header {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    user-select: none;
    padding: 5px 15px 5px 15px;
    color: var(--okay-body-text);
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
.accordion__title.active .accordion__header{
    cursor: default;
}
.accordion__header .mdi{
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.accordion__header .mdi:before{
    font-size: 26px;
    line-height: 1;
}
.accordion__header:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--okay-body-text);
    position: relative;
    content: " ";
    left: inherit;
    margin-left: 10px;
    transform: rotate(-135deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.accordion__content {
    line-height: 1.3;
    padding: 5px 0 5px 0;
    text-align: left;
}
.accordion__title.active .accordion__header:after {
    top: -2px;
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/***** #Tabs *****/

.tabs{
    margin-bottom: 15px;
    overflow: hidden;
}
.tabs__navigation {  
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 4px solid rgb(233, 234, 237);
    background: #fff;
}
.tabs__link {
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    height: 45px;
    padding: 0 30px;
    color: #222; 
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.tabs__link.selected {
    color: var(--okay-basic-company);
}
.tabs__link.selected:after {
    content: "";
    height: 4px;
    position: absolute;
    bottom: -4px;
    background: var(--okay-basic-company);
    width: 100%;
    left: 0;
}
.tabs__link .mdi{
    margin-right: 8px;
    line-height: 1;
}
.tabs__link .mdi:before{
    font-size: 22px;
    line-height: 1;
}
.tabs__content {
    overflow: hidden;
    background: #fff;
}
.tab {
    display: none;
    padding: 15px;
}
.mobile_tab_navigation{
    text-align: center;
    position: relative;
    margin-bottom: 10px;
}
.mobile_tab_navigation:after {
    content: "";
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    top: 45%;
    right: 0;
    display: block;
    width: 100%;
}
.accordion__content {
    display: none;
    padding: 10px 20px 20px;
}
.mobile_tab_title {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 16px;
    user-select: none;
    padding: 5px 15px 5px 15px;
    color: var(--okay-body-text);
    background: #fff;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
.mobile_tab_title svg{
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.mobile_tab_title:after {
    width: 8px;
    height: 8px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-color: var(--okay-body-text);
    position: relative;
    content: " ";
    left: inherit;
    margin-left: 10px;
    transform: rotate(-135deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.accordion__content {
    line-height: 1.3;
    padding: 5px 0 5px 0;
    text-align: left;
}
.mobile_tab_navigation.active .mobile_tab_title:after {
    top: -2px;
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/***** #Features *****/

.features {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.features__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px dotted #dbdbdb;
    padding: 10px 0;
}
.features__name,
.features__value {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
    min-height: 1px;
    font-size: 13px;
    color: var(--okay-body-text);
}
.features .features__value {
    font-weight: 600;
    text-align: right;
}

/***** #Pager *****/
.pager {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
.pager li{
    margin: 0px;
}
.pager a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    color: var(--okay-body-text);
    position: relative;
    background-color: #fff;
    padding: 10px;
    height: 45px;
    overflow: hidden;
    border: 1px solid;
    border-color: #dbdbdb;
    border-radius: 3px;
    line-height: 1.2;
}
.pager a svg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    max-width: 50px;
    transform: rotate(-90deg);
}
.pager li:last-child a svg {
    transform: rotate(90deg);
}


/***** #Browsed products *****/

.browsed__item{
    margin-top: 5px;
    margin-bottom: 5px;
    height: 90px;
    padding: 0 5px!important;
}
.browsed__link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    width: 100%;
    height: 90px;
    padding: 5px;
}
.browsed__no_image{
    height: 80px;
}
.browsed__no_image svg{
    width: 40px;
    height: 40px;
}

/***** #Footer  *****/

footer {
    background: var(--okay-second-company);
    color: var(--okay-second-company-text);
    -ms-flex-negative: 0;
    margin-top: 0;
    padding: 30px 0 0;
}

.footer__title{
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--okay-second-company-text);
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 5px;
}
.footer__title:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    left: 1px;
    bottom: 0;
    background: var(--okay-basic-company);
}
.footer__title_arrow{
    position: absolute;
    top: 1px;
    cursor: pointer;
    transition: all .2s ease;
    width: 100%;
    text-align: right;
    cursor: pointer;
    left: 0;
    padding-right: 15px;
}
.footer__title_arrow svg{
    height: 14px;
    width: 14px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.footer__title.active .footer__title_arrow svg{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.footer__content{
    color: var(--okay-second-company-text);
    margin-bottom: 20px;
}
.footer__contact_item{
    margin-bottom: 15px;
    position: relative;
    padding-left: 0;
}
.footer__contact_item .email,
.footer__contact_item .open_hours,
.footer__contact_item .location,
.footer__contact_item .phone {
    display: block;
    position: relative;
    padding-left: 25px;
    color: var(--okay-second-company-text);
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    line-height: 1.3;
    transition: all 0.2s;
}
.footer__contact_item .open_hours p,
.footer__contact_item .open_hours span{
    color: var(--okay-second-company-text)!important;
    font-size: 12px!important;
    font-weight: 500!important;
}

.footer__contact_item .location {
    padding-right: 50px;
}
.footer__contact_item .mdi:before {
    position: absolute;
    width: 18px;
    height: 17px;
    left: 0;
    top: -3px;
    font-size: 18px;
}
.footer__contact_item .open_hours.mdi:before{
    top: 0px;
}
.footer__contact_item .phone {
    font-size: 14px;
    font-weight: 500;
}
.footer__contact_item .email {
    font-size: 12px;
    font-weight: 500;
}
.footer__contact_item .open_hours_title {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 3px;
}
.footer__contact_item .callback {
    border: 1px solid;
    border-color: var(--okay-basic-company);
    font-size: 12px;
    height: auto;
    padding: 8px 20px 8px 40px;
    margin: 0px;
}
.footer__contact_item .callback.mdi:before {
    left: 17px;
    top: 5px;
}
.footer__menu_item{
    margin-bottom: 10px;
}
.footer__content .footer__menu_item.closed {
    display: none;
}
.footer__content.opened .footer__menu_item.closed {
    display: block;
}
.footer__view_all{
    color: #fff;
    font-size: 12px;
    border-bottom: 1px dashed #00afee;
    text-decoration: none;
    display: inline-block;
}
.footer__view_all:hover,
.footer__view_all:focus {
    border-color: transparent;
}
.footer__menu_link {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    -webkit-user-select: no-select;
    -moz-user-select: no-select;
    -ms-user-select: no-select;
    user-select: no-select background: transparent;
    color: var(--okay-second-company-text);
    font-weight: 400;
    text-decoration: none;
    font-size: 12px;
    transition: color 0.1s ease 0s;
    padding: 0 0 0 20px;
}
.menu_group--footer .menu_group__link {
    padding: 0 0 0 20px;
}
.menu_group--footer .menu_group__link:before,
.footer__menu_link:before {
    font-family: 'FontAwesome';
    content: "\f192";
    font-size: 10px;
    position: absolute;
    top: 3px;
    left: 0;
}
.subscribe_form__group{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.subscribe__title{
    color: var(--okay-second-company-text);
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 8px;
}
.form__button--subscribe{
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 24px;
    position: absolute;
    right: 4px;
    top: 4px;
    border: none;
    background: #232f3e;
    color: #fff;
    opacity: .8;
    transition: all .2s;
    line-height: 24px;
    padding: 0 7px;
    text-transform: capitalize;
    font-weight: 500;
}
.subscribe_form__group .form__group--subscribe{
    width: 100%;
    margin-bottom: 10px;
}
.social{
    overflow: hidden;
}
.social__link{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid;
    border-color:  var(--okay-basic-company);
    background-color: transparent;
    margin-right: 10px;
    margin-bottom: 10px;
    color: var(--okay-second-company-text);
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    opacity: 0.8;
    float: left;
    transition: color 400ms, background-color 400ms;
}
.social__link.vk{
    font-size: 18px;
}
.footer__payments{
    text-align: right;
}
.payments__list{
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto;
    text-align: right;
}
.payments__item{
    height: 30px;
    margin-right: 15px;
}
.payments_visa,
.payments_master,
.payments_sberbank,
.payments_kiwi,
.payments_yamoney{
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.payments_visa svg{
    height: 50px;
    width: 50px;
}
.payments_master svg{
    height: 40px;
    width: 40px;
}
.payments_sberbank svg,
.payments_kiwi svg,
.payments_yamoney svg{
    height: 25px;
    width: 30px;
}
.footer__copyright{
    border-top: 1px solid #dbdbdb;
    background: var(--okay-second-company);
    padding: 15px 0;
    color: var(--okay-second-company-text);
}
.footer__copyright a{
    text-decoration: none;
    color: var(--okay-second-company-text);
}

/***** #Description style *****/

.boxed__description {
	line-height: 1.6;
	font-weight: normal;
	font-family: inherit;
    margin-top: 15px;
}
.boxed__description ul li,
.boxed__description ol li {
    font-weight: 500;
    font-family: inherit;
}
.boxed__description iframe {
    margin-left: auto;
    margin-right: auto
}
.boxed__description img {
    margin: 1rem 0;
    height: auto !important
}
.boxed__description .table {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    width: 100%
}
.boxed__description .table .table__row {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    width: 100%
}
.boxed__description .table .table__row .table__cell {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    width: 49%
}
.boxed__description .table .table__row .table__cell.table__cell--align-top {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.boxed__description .table .table__row .table__cell img {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row_f-align: center;
    align-self: center;
}
.boxed__description .table .table__row .table__cell.table__col-3 {
    width: 30%
}

/***** #Table *****/
.table_wrapper {
    overflow: auto;
    max-width: 100%;
    background: linear-gradient(to right,#fff 30%,#fff0),linear-gradient(to right,#fff0,#fff 70%) 0 100%,radial-gradient(farthest-side at 0% 50%,#0003,#0000),radial-gradient(farthest-side at 100% 50%,#0003,#0000) 0 100%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 40px 100%,40px 100%,14px 100%,14px 100%;
    background-position: 0 0,100%,0 0,100%;
    background-attachment: local,local,scroll,scroll;
    max-height: 430px;
    width: 100%;
}

table {
    font-size: 12px;
    min-width: 500px;
    font-weight: 400;
    width: 100%;
    max-width: 100%;
}

td, th {
    padding: 10px;
    text-align: left;
    margin: 0;
    border: 1px solid #dbdbdb;
}

tbody tr:nth-child(2n) {
    background-color:  #e9e9e9;
}

th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #232f3e;
    color: #fff;
    font-weight: 600;
}

/***** #Popup *****/

.popup {
    border-radius: 4px;
    box-shadow: inset 0 0 6px #0000004d;
    max-width: 500px!important;
    width: 100%;
    text-align: center!important;
}
.popup__heading{
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    user-select: none;
    padding: 0;
    color: #222;
    background: #fff;
    overflow: hidden;
    z-index: 2;
    text-align: center;
    margin: 20px auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.popup__heading svg{
    width: 28px;
    height: 28px;
    color: #0b982f;
    margin-right: 15px;
}
.popup__description{
    margin-bottom: 10px;
    color: #222;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}
.popup__sent{
    color: #222;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


/***** #Comparison page *****/


.comparison_block {
    padding-bottom: 40px;
}
.comparison_block__left {
    float: left;
    width: 25%;
}
.comparison_block__products {
    float: right;
    width: 75%!important;
    position: relative;
    margin: 0;
    border-left: 1px solid #dbdbdb;
}
.comparison_block__item {
    border-right: 1px solid #dbdbdb;
}
.comparison_block__item .product_item{
   margin-bottom: 0;
    overflow: hidden;
}
.cell {
    padding: 13px 15px;
    line-height: 1;
    font-size: 13px;
    position: relative;
    font-weight: 500;
}
.cell span {
    display: block;
}
.comparison_block__item .cell,
.comparison_block__item .cprs_rating {
    text-align: center;
}
.cprs_rating {
    padding: 10px 15px;
    border-top: 1px solid #dbdbdb;
    font-size: 13px;
    font-weight: 500;
}
.cell:nth-child(odd) {
    background: #dbdbdb;
}
.compare_controls {
    position: relative;
}
.compare_show {
    position: absolute;
    left: 0;
    bottom: 5px;
}
.compare_show a {
    display: inline-block;
    margin: 0 5px 5px 15px;
    color: #06a2e3;
    font-size: 14px;
}
.compare_show .active {
    color: #f36c16;
    text-decoration: none;
}

/***** #Purchases *****/

.purchase__item{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
}
.purchase__image{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    border: 1px solid #dbdbdb;
    padding: 3px;
    border-radius: 4px;
    min-height: 75px;
    overflow: hidden;
}
.purchase__image img{
    display: block;
}
.purchase__image svg{
    width: 40px;
    height: 40px;
}
.purchase__content{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(100% - 100px);
    -ms-flex: 0 0 calc(100% - 100px);
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px);
    padding-left: 10px;
    position: relative;
}
.purchase__name{
    margin-bottom: 10px;
    padding-right: 30px;
}
.purchase__name .purchase__name_link{
    color: var(--okay-body-text);
    background: #fff;
    line-height: 1.2;
    font-size: 14px;
    transition: .3s;
    display: block;
    position: relative;
    font-weight: 500;
    text-decoration: none;
}
.purchase__name i{
    font-style: italic;
    font-size: 13px;
    display: block;
    line-height: 1;
    font-weight: 500;
    color: rgb(122, 122, 122);
    margin-top: 5px;
}
.purchase__group{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.purchase__group_title{
    font-size: 11px;
    font-weight: 400;
    color: rgb(128, 128, 128);
    margin-bottom: 5px;
}
.purchase__group_content{
    min-height: 30px;
}
.purchase__price{
    color: var(--okay-body-text);;
    font-size: 16px;
    font-weight: 600;
    padding-right: 15px;
}
.purchase__price .currency {
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}
.purchase__price_total{
    color: var(--okay-basic-company);
    font-size: 16px;
    font-weight: 600;
}
.purchase__price_total .currency {
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}
.purchase__amount{
    padding-right: 15px;
}
.purchase__amount .amount{
    height: 30px;
    max-width: 80px;
}
.purchase__amount .amount__plus,
.purchase__amount .amount__minus {
    font-size: 20px;
    height: 30px;
}
.purchase__amount .amount__input {
    font-size: 16px;
    height: 30px;
}
.purchase__remove{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    color: red;
    border: 1px solid;
    border-radius: 50%;
}
.purchase__remove svg{
    width: 14px;
}
.coupon{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dbdbdb;
}
.coupon__group{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.coupon__title{
    font-size: 16px;
    line-height: 1.2;
    margin: 0px 0 15px;
    font-weight: 600;
    color: var(--okay-body-text);
}
.form__button--coupon{
    border-radius: 4px;
    cursor: pointer;
    font-size: 11px;
    height: 32px;
    width: auto !important;
    position: absolute;
    right: 4px;
    top: 4px;
    border: none;
    background: var(--okay-second-company);
    color: var(--okay-second-company-text);
    opacity: 0.8;
    transition: all 0.2s;
    line-height: 32px;
    padding: 0 10px;
}
.coupon__group .form__group--coupon{
    width: 100%;
}
.purchase_detail{
    margin: 15px 0 0;
}
.purchase_detail__item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
.purchase_detail__item:last-child{
    margin-bottom: 0;
}
.purchase_detail__column_name{
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.purchase_detail__column_value{
}
.purchase_detail__name{
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: var(--okay-body-text);
}
.purchase_detail__name--total{
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: var(--okay-basic-company);
}
.purchase_detail__price{
    color: var(--okay-body-text);
    font-size: 16px;
    font-weight: 600;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.purchase_detail__price .currency{
    font-size: 11px;
    font-weight: 600;
    position: relative;
    top: -10px;
}
.purchase_detail__price i{
    background: rgb(246, 80, 80);
    padding: 3px 5px;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    margin-right: 10px;
    border-radius: 4px;
    line-height: 1;
    display: inline-block;
}
.purchase_detail__price--total{
    color: var(--okay-basic-company);
    font-size: 24px;
}
.purchase_detail__price--total .currency{
    font-size: 14px;
    top: -10px;
}

/***** #Delivery & Payment *****/

.delivery__item{
	margin-bottom: 20px;
}
.delivery__label{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}
.delivery__image{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 40px;
	-ms-flex: 0 0 40px;
	flex: 0 0 40px;
	max-width: 40px;
	text-align: center;
	padding-left: 3px;
}
.delivery__image img{
	display: block;
	margin: 0 auto;
}
.delivery__name{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 calc(100% - 40px);
	-ms-flex: 0 0 calc(100% - 40px);
	flex: 0 0 calc(100% - 40px);
	max-width: calc(100% - 40px);
	padding-left: 5px;
    color: var(--okay-body-text);
	font-size: 14px;
	font-weight: 500;
    line-height: 1.2;
}
.delivery__label .checkbox__icon{
	top: calc(50% - 11px);
}
.delivery__name_price{
    color: var(--okay-basic-company);
	font-style: italic;
	font-weight: 500;
    white-space: nowrap;
}
.delivery__description{
    display: none;
    margin: 10px 0 0 35px;
    padding: 10px 10px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 12px;
    background: #f8f8f8;
    border-left: 4px solid #c2c2c2;
    color: #6f6f6f;
    line-height: 1.3;
}
.order_boxeded{
    max-width: 100%;
}
table.order_details {
    min-width: auto;
}
.order_purchase_count{
    font-size: 14px;
    font-weight: 600;
    position: relative;
    width: 30px;
    top: -3px;
    left: 0;
    text-align: center;
}
.order_payment__description{
    margin: 15px 0px;
    padding: 10px 10px;
    border-left: 4px solid rgb(188, 188, 188);
    background: rgb(247, 247, 247);
    border-radius: 5px;
    font-weight: 400;
    font-size: 12px;
    color: rgb(74, 74, 74);
    line-height: 1.3;
}
.order_payment__title{
    color: #222;
    line-height: 1.2;
    font-size: 14px;
    position: relative;
    font-weight: 500;
}
.order_payment__name{
    font-weight: 600;
    font-size: 15px;
    margin-left: 10px;
}
.order_payment__form{
    margin: 5px 0;
}
.order_payment__button{
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: var(--okay-button-color);
    border: none;
    background: transparent;
    text-decoration: underline;
}
.order_payment__button:hover,
.order_payment__button:focus{
    color: var(--okay-button-color);
    text-decoration: none;
}
.order_payment__checkout .button{
    display: block;
    color: var(--okay-button-text);
    background-color: var(--okay-button-color);
    border: 1px solid;
    border-color: var(--okay-button-color);
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    height: 40px;
    line-height: 38px;
    font-weight: 600;
    cursor: pointer;
    user-select: none;
    padding: 0 20px;
    font-size: 12px;
    font-family: inherit;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .2s ease-in-out;
}
.order_payment__checkout .button:hover {
    opacity: .8;
}

.delivery__description p{
    margin-bottom: 0;

}
.checkbox.active + .delivery__description {
    display: block;
}



/***** #Mobile navigation *****/

.menu_switcher{
    -webkit-box-flex: 0;
    -webkit-flex: 1 0 100px;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px;
    max-width: 100px;
    position: relative;
    margin: 10px 0px 10px;
    border-radius: 4px;
}
.menu_switcher__heading{
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 0 0 0 10px;
    width: 100%;
    background: var(--okay-basic-company);
    border-radius: 4px;
    height: 40px;
}
.menu_switcher__heading svg {
    margin-right: 5px;
    display: inline-block;
    height: 18px;
    position: relative;
    width: 18px;
}

/***** #Button to Top *****/

.to_top {
    position: fixed;
    z-index: 100;
    left: 2%;
    bottom: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    color: var(--okay-basic-company-text);
    border-radius: 50%;
    background-color: var(--okay-basic-company);
    opacity: 0.8;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.to_top:before{
    content: "\F05D";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
    width: 100%;
    text-align: center;
}
.to_top:hover {
    opacity: 1;
}

/*reviews*/

.review__button{
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-weight: 500;
    font-size: 14px;
    font-family: inherit;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    width: 100%;
	padding:15px;
    transition: all 0.2s;
    opacity: 1;text-decoration:none;
}
.review__button{
    background: var(--okay-button-color);
    color: var(--okay-button-text);
}
.review__button:focus{
    opacity: 0.8;color:#fff;
}

.review__button:hover {color:#fff;text-decoration:none;}


.videoreview{display: block;position: relative;width: 100px;height:auto;}
.img_review{width: 100px;height:auto;}

.videoreview:before{
  content:"";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/play_button.png) no-repeat 50% 50%;
}

.review_form{
  overflow: hidden;
  width: 500px;
}
.reviews_youtube{
    margin: 10px 0;
}
.review_comment span{
  word-wrap: break-word;  
}

.reviews .comment__body p {margin-top:10px;margin-bottom:10px;}
.image_video div {display:inline-block;}
/*/reviews*/

.fn-fast_order_button {color:#fff;text-decoration:none;}
.fn-fast_order_button:hover {color:#fff;text-decoration:none;}


.banner_slide img {width:100%;}

.purchase_image {
    font-size: 0;
    /*vedastudio_promogift*/
    position: relative;
    /*/vedastudio_promogift*/
}
/* menu footer */
/*vedastudio_promogift*/
.promo {
    padding: 16px;
    margin-bottom: 30px;
    border: 1px solid #fb3f4c;
}
.promo a {
    text-decoration: none;
    border-bottom: 1px dotted;
    color: #606060;
}
.promo_timer {
    margin-top: 10px;
}
.promo_block {
    background-color: #fff;
    margin-bottom: 30px;
}
.promo_gifts {
    margin-bottom: 20px;
}
.gift_product {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.gift_product:hover {
    cursor: pointer;
}
.gift_product.selected {
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.gift_image {
    width: 50px;
    float: left;
}
.gift_info {
    overflow: hidden;
    padding-left: 10px;
}
.gift_info a {
    font-size: 12px;
    color: #00aeef;
    overflow: hidden;
}
.gift_mark {
    display: none;
    position: absolute;
    right: -1px;
    top: -18px;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 2px 10px;
    font-size: 11px;
    height: 18px;
}
.gift_product.selected .gift_mark {
    display: block;
}
/*.purchase_gift_mark {
    position: absolute;
    left: 5px;
    top: 5px;
    background: rgba(255, 0, 0, 0.50);
    color: white;
    padding: 2px 10px;
    font-size: 11px;
    height: 18px;
}*/
.purchase_gift_mark {
    position: relative;
    left: -25px;
    top: -21px;
    background: rgba(255, 0, 0, 0.50);
    color: white;
    padding: 2px 10px;
    font-size: 11px;
    height: 18px;
}
.promos_item {
    border-bottom: 1px solid #e8e8e1;
    box-shadow: inset -1px 0 0 #e8e8e1;
    background-color: #fff;
    margin-bottom: 0;
}
.promos_content {
    padding: 15px;
    color: #606060;
}
.promos_image {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 52%;
    background-color: #f5f6f7;
    background-image: url(../images/post_img.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.promos_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    object-fit: cover;
}
.promos_annotation {
    opacity: .7;
    max-height: 105px;
    overflow: hidden;
}
.promos_date {
    margin: 12px 0 5px;
    opacity: .7;
}
.promos_expired {
    font-weight: bold;
    color: #fb3f4c;
}
.promo_expired {
    font-size: 16px;
    font-weight: bold;
    color: #fb3f4c;
}
.days_left {
    text-align: center;
    box-shadow: 1px 2px 5px 0 rgba(200, 200, 200, .26);
    background: url(../images/promo-date-bg.png) repeat-x center 6px;
    padding-bottom: 5px;
    position: relative;
}
.days_left:before {
    background: -webkit-linear-gradient(top, #e8e7e7, #e5e5e5);
    background: -ms-linear-gradient(top, #e8e7e7, #e5e5e5);
    background: -moz-linear-gradient(top, #e8e7e7, #e5e5e5);
    background: linear-gradient("to bottom", #e8e7e7, #e5e5e5);
    height: 6px;
    content: "";
    position: absolute;
    width: 97%;
    left: 1.5%;
    top: 0
}
.days_left_title, .days_left_days{
    color: #797878;
    font-size: 12px;
    line-height: 14px;
}
.days_left_title {
    padding-top: 19px;
}
.days_left_number {
    color: #4d4b4b;
    font-size: 46px;
    font-weight: 700;
    line-height: 46px;
}
.promo_date_range {
    color: #606060;
    margin-bottom: 10px;
}
.gift_preview {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
    background-color: #fff;
    text-align: center;
    border: 1px solid #FF893B;
}
.gift_preview_title {
    background-color: #FF893B;
    color: #fff;
    font-size: 12px;
    padding: 3px;
    margin-bottom: 5px;
}
.gift_preview_image {
    padding: 5px;
}
/*vedastudio_promogift*/