@font-face {
    font-family: dp-r;
    src: url('/assets/fonts/dinpro/dp-r.ttf');
}
@font-face {
    font-family: dp-b;
    src: url('/assets/fonts/dinpro/dp-b.ttf');
}
@font-face {
    font-family: dp-m;
    src: url('/assets/fonts/dinpro/dp-m.ttf');
}

.swiper-wrapper .custom {height: 580px; background-position: center !important; background-size: cover !important;}
@media only screen and (max-width: 950px) {
    .swiper-wrapper .custom {height: 480px;}
    .homepage-main-banner-wrapper .swiper-pagination-bullets {bottom: 50px !important}
}
@media only screen and (max-width: 620px) {
    .swiper-wrapper .custom {height: 400px;}
    /* 	.homepage-main-banner-wrapper .swiper-wrapper .custom:last-child {background-size: 300% !important;} */
    /* 	.homepage-main-banner-wrapper .swiper-pagination-bullets {bottom: 30px !important} */
}
@media only screen and (max-width: 450px) {
    .swiper-wrapper .custom {height: 300px;}
    /*     .homepage-main-banner-wrapper .swiper-pagination-bullets {bottom: 10px !important} */
}
@media only screen and (max-width: 350px) {
    .swiper-wrapper .custom {height: 250px;}

    /*     .homepage-main-banner-wrapper .swiper-pagination-bullets {bottom: 10px !important} */
}
.swiper-wrapper .custom  {min-height: calc(100vh - 135px) !important;}
/*     body .homepage-main-banner-wrapper .swiper-wrapper .custom:nth-child(1), body .homepage-main-banner-wrapper .swiper-wrapper .custom:last-child {background-size: cover !important;} */
/*         body .homepage-main-banner-wrapper .swiper-wrapper .custom {background-size: cover !important;} */


.dp-r {font-family: 'dp-r'}
.dp-b {font-family: 'dp-b'}
.dp-b.small {letter-spacing: -0.05em}
.d2k14-li {font-family: "Open Sans"; font-style: italic;}
#hf-media-shop-bubble { z-index: 9!important; }
body #hf-media-shop-bubble #hf-media-shop-amount {background: white; color: black;}
body #hf-media-shop-bubble svg {width: 30px; height: 30px;}
body #hf-media-shop-bubble {background: #001378;  border-radius: 0%;  width: 50px;  height: 50px;}
.basket-icon-wrapper {display: none}

html, body {margin: 0; padding: 0; height: 100%;}
body { color: #606060;  font-family: 'dp-r'; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

* { margin: 0; padding: 0; box-sizing: border-box; outline: none; }
*:after {box-sizing: border-box;}
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}

a {text-decoration: none; color: inherit; transition: 0.5s ease; transition-property: color;}
/*strong, b {font-weight: 600;}*/
img {max-width: 100%;}

input, textarea, select {color: inherit; font-size: inherit; font-family: inherit;}
textarea {resize: none;}

*:focus {
    outline: none;
}

button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;border: none;cursor: pointer;outline: inherit;}
ul {list-style-type: none}
[type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: none; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}


input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}

::-webkit-scrollbar {width: 6px;height: 6px; /*height: calc(100% - 25px);*/}
::-webkit-scrollbar-track {background: #ffffff; border-radius: 8px;border: 1px solid #E4E4EB;}
::-webkit-scrollbar-thumb {border-radius: 9px; height: 19px;background:#E4E4EB; height: 34px;}

input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
::-webkit-contacts-auto-fill-button, ::-webkit-credentials-auto-fill-button {visibility: hidden;pointer-events: none;position: absolute;right: 0;}

[contenteditable="true"]:active,
[contenteditable="true"]:focus{
    border:none;
    outline:none;
}
input::-ms-clear, input::-ms-reveal {
    display: none;
}

input:focus,select:focus,textarea:focus,button:focus {outline: none;}
input { -webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;border: 1px dashed #BBB;}

textarea, .textarea:focus {outline: none;resize: none;}
[contentEditable=true]:empty:not(:focus):before{
    content:attr(data-placeholder); color: #B1B1BC;
}



video::-webkit-media-controls-panel {display: none !important;}
video::-webkit-media-controls-panel {
    display: none;
    -webkit-appearance: none;
}
video::-webkit-media-controls-play-button {
    display: none;
    -webkit-appearance: none;
}
video::-webkit-media-controls-start-playback-button {
    display: none;
    -webkit-appearance: none
}

video::-webkit-media-controls {
    display: none;
    -webkit-appearance: none;
}






/*------COMMON, REUSIGN!!------*/
body {overflow-x: hidden;}
#dark-mask {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #111111;z-index: 10;;visibility: hidden; opacity: 0}
#dark-mask.active {visibility: visible; opacity: 0.51}
.is-locked {overflow-y: hidden; position: fixed}
.not-active {pointer-events: none;text-decoration: none;color: black;}
.common-swiper-content {width: calc(100% + 25px); width: -webkit-calc(100% + 25px); left: -12.5px}

.b-25, .b-25.active {background: #EB5B25}
.b-35, .b-35.active {background: #E30278}
.b-45, .b-45.active {background: #782577}
.b-55, .b-55.active {background: #342D82}
.b-body, .b-body.active {background: #7CA22B}
.b-dermo, .b-dermo.active {background: #0093BE}
.b-pro, .b-pro.active {background: #111111}
.b-clean.active, .homepage-product-block-options a.b-clean.active { border-color: #969696;background: white; color: #969696; }
.b-specialist, .b-specialist.active {background: #2FC3B8}


.search-page h1{text-transform: uppercase; margin-bottom: 30px;}
.search-page li a{margin-bottom: 20px;display: block; color: #001378;}
.search-page li .read-more{width: 204px; font-size: 14px; border:2px solid #001378; font-size: 14px; height: 42px; line-height: 38px; text-align: center; font-family: 'dp-m'; text-transform: uppercase; margin-top: 20px; transition: all 0.5s ease;}
.search-page li .read-more:hover{background: #001378; color: #fff;}
.page-width-margin.error-page{text-align: center; padding-bottom: 100px;}
.big-error{background-color: #001378;);background-size: 200% auto;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 200px;font-weight: 800;animation: pulse 5s infinite;display: block;line-height: initial;margin-top: 30px;margin-bottom: 30px;font-family: 'dp-b';}
.page-width-margin.error-page a{width: 280px; line-height: 38px; height: 42px; border: 2px solid #001378; display: block; margin:auto; margin-top: 30px; color: #001378; font-size: 14px; font-family: 'dp-m'; text-transform: uppercase; transition: all 0.5s ease;}
.page-width-margin.error-page a:hover{background: #001378; color: #fff;}
/*.homepage-product-block-options .b-25:hover {background: #EB5B25}*/
/*.homepage-product-block-options .b-35:hover {background: #E30278}*/
/*.homepage-product-b.productbox-content .price.price-oldlock-options .b-45:hover {background: #782577}*/
/*.homepage-product-block-options .b-55:hover {background: #342D82}*/
/*.homepage-product-block-options .b-body:hover {background: #7CA22B}*/
/*.homepage-product-block-options .b-dermo:hover {background: #0093BE}*/
/*.homepage-product-block-options .b-pro:hover {background: #111111}*/
/*.homepage-product-block-options .b-specialist:hover {background: #2FC3B8}*/
/*.homepage-product-block-options .b-clean:hover { border-color: #969696;background: white; color: #969696; }*/

/*GRADIENTS*/
.gradient-25 {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255, 215, 190, .5) 100%)}
.gradient-35 {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,172,216,.5) 100%)}
.gradient-45 {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(234, 212, 255, .5) 100%)}
.gradient-55 {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(160, 163, 255, .5) 100%)}
.gradient-body {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(234, 255, 217, .5) 100%)}
.gradient-dermo {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(126, 232, 255, 0.5) 100%)}
.gradient-clean {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(208, 208, 208, .5) 100%)}
.gradient-pro {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255, 220, 154, .5) 100%)}
/* .gradient-specialist {background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(154, 255, 239, .5) 100%)}*/

/*WAVES*/
.waves-25 {background: url(/images/waves/waves-25.png);}
.waves-35 {background: url(/images/waves/waves-35.png);}
.waves-45 {background: url(/images/waves/waves-45.png);}
.waves-55 {background: url(/images/waves/waves-55.png);}
.waves-body {background: url(/images/waves/waves-body.png);}
.waves-dermo {background: url(/images/waves/waves-dermo.png);}
.waves-clean {background: url(/images/waves/waves-clean.png);}
.waves-pro {background: url(/images/waves/waves-pro.png);}
.waves-specialist {background: url(/images/waves/waves-specialist.png);}

/*FLOWERS*/
.flower-25 {background: url(/images/flowers/flower-25.png);}
.flower-35 {background: url(/images/flowers/flower-35.png);}
.flower-45 {background: url(/images/flowers/flower-45.png);}
.flower-55 {background: url(/images/flowers/flower-55.png);}
.flower-body {background: url(/images/flowers/flower-body.png);}
.flower-dermo {background: url(/images/flowers/flower-dermo.png);}
.flower-pro {background: url(/images/flowers/flower-pro.png);}
.flower-specialist {background: url(/images/flowers/flower-specialist.png);}





.search-page {margin-bottom: 50px !important;}
/*.productbox-block.product-25 .usage [class*='icon-'] {background: #EB5B25}*/
/*.productbox-block.product-25 .usage [class*='icon-'] ~ .label {color: #EB5B25}*/

/*.productbox-block.product-35 .usage [class*='icon-'] {background: #E30278}*/
/*.productbox-block.product-35 .usage [class*='icon-'] ~ .label {color: #E30278}*/

/*.productbox-block.product-45 .usage [class*='icon-'] {background: #782577}*/
/*.productbox-block.product-45 .usage [class*='icon-'] ~ .label {color: #782577}*/

/*.productbox-block.product-55 .usage [class*='icon-'] {background: #342D82}*/
/*.productbox-block.product-55 .usage [class*='icon-'] ~ .label {color: #342D82}*/

/*.productbox-block.product-body .usage [class*='icon-'] {background: #7CA22B}*/
/*.productbox-block.product-body .usage [class*='icon-'] ~ .label {color: #7CA22B}*/

/*.productbox-block.product-dermo .usage [class*='icon-'] {background: #0093BE}*/
/*.productbox-block.product-dermo .usage [class*='icon-'] ~ .label {color: #0093BE}*/

/*.productbox-block.product-pro .usage [class*='icon-'] {background: #111111}*/
/*.productbox-block.product-pro .usage [class*='icon-'] ~ .label {color: #111111}*/

/*.productbox-block.product-specialist .usage [class*='icon-'] {background: #2FC3B8}*/
/*.productbox-block.product-specialist .usage [class*='icon-'] ~ .label {color: #2FC3B8}*/

.productbox-block .usage [class*='icon-'] {background: #919999}
.productbox-block .usage [class*='icon-'] ~ .label {color: #919999}



.social-plugin-wrapper .product-25 .banner-line, #face .cat-25:hover .label::before {background: #EB5B25}
.social-plugin-wrapper .product-35 .banner-line, #face .cat-35:hover .label::before {background: #E30278}
.social-plugin-wrapper .product-45 .banner-line, #face .cat-45:hover .label::before {background: #782577}
.social-plugin-wrapper .product-55 .banner-line, #face .cat-55:hover .label::before {background: #342D82}
.social-plugin-wrapper .product-body .banner-line {background: #7CA22B}
.social-plugin-wrapper .product-dermo .banner-line {background: #0093BE}
.social-plugin-wrapper .product-pro .banner-line {background: #111111}
.social-plugin-wrapper .product-specialist .banner-line {background: #2FC3B8}


#face .cat-25:hover .label {color: #EB5B25}
#face .cat-35:hover .label {color: #E30278}
#face .cat-45:hover .label {color: #782577}
#face .cat-55:hover .label {color: #342D82}

.fixed-subpage-parent.face-parent .products-list li:hover, .fixed-subpage-parent.face-parent .icon-heart {color: #E30278}
.fixed-subpage-parent.body-parent .products-list li:hover, .fixed-subpage-parent.body-parent .icon-heart {color: #8FB860}
.fixed-subpage-parent.clearance-parent .products-list li:hover, .fixed-subpage-parent.clearance-parent .icon-heart {color: #919999}
.fixed-subpage-parent.trouble-skin-parent .products-list li:hover, .fixed-subpage-parent.trouble-skin-parent .icon-heart {color: #009FC3}




/*icon products*/

/*1 => array(*/
/*'color' => '#EA6A37',*/
/*'icon' => 'icon-sun',*/
/*'type' => 'product-25'*/
/*),*/
/*2 => array(*/
/*'color' => '#D41E7D',*/
/*'icon' => 'icon-eye',*/
/*'type' => 'product-35'*/
/*),*/
/*3 => array(*/
/*'color' => '#772B7F',*/
/*'icon' => 'icon-moon',*/
/*'type' => 'product-45'*/
/*),*/
/*4 => array(*/
/*'color' => '#32368E',*/
/*'icon' => 'icon-sun',*/
/*'type' => 'product-55'*/
/*),*/
/*5 => array(*/
/*'color' => '#019FC2',*/
/*'icon' => 'icon-serum',*/
/*'type' => 'product-body'*/
/*)*/

/*usage {backgroun: }*/
.usage .icon-sun {font-size: 22px}
.usage .icon-eye {font-size: 12px}
.usage .icon-moon {font-size: 18px}
.usage .icon-serum {font-size: 15px}


.right {float: right;}
.left {float: left;}
.no-padding {padding: 0!important;}

.uppercase, .menu > li > a {text-transform: uppercase;}

.textarea {min-height: 60px;border-radius: 16px;border: 1px solid #B9BFC4;background: #FFFFFF;padding: 18px 23px;color: #3B3B45;font-size: 13px;}

.checkbox-radio-container {position: relative;}
.checkbox-radio-container:hover {cursor: pointer}
.checkbox, .radiobutton {display: block;  position: relative; cursor:pointer; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; z-index:10}
.checkbox input, .radiobutton > input {position: relative; opacity: 0; cursor: pointer; z-index: 1000}
.checkbox input:hover ~ .checkmark {background: #FAFAFD;}
.checkbox .checkmark, .radiobutton .checkmark {position: absolute;left: 0;height: 12px;width: 12px;border: 1px solid #B9BFC4; border-radius: 20px; top: 2px}

/*.checkbox input.active ~ .checkmark, .checkbox input:checked ~ .checkmark {background: #00BD35;border-color: #00BD35;}*/
.checkbox input.active ~ .checkmark:after, .checkbox input:checked ~ .checkmark:after {display: block;}
/*.checkbox .checkmark:after {content: '';width: 6px;height: 6px;display: none;position: absolute;border-radius: 50%; background: #8FB860; top: 50%; left: 50%}*/
.checkbox .checkmark:after {content: "\ea10";font-family: "icomoon";width: 10px;height: 10px;color: #001378;font-size: 10px;display: none;position: absolute;top: 50%;left: 50%}

.btn-rounded {width: 48px; height: 48px; border-radius: 50%;}
.btn:hover .icon-arrow {right: 17px}
.swiper-next:hover {right: -36px;}
.swiper-prev:hover {left: -36px;}

.btn {position: relative; display: inline-block; padding: 14px 30px 0px 30px; border-radius: 0px; font-size: 12px; height: 42px; width: 204px;font-family: 'dp-b'}
.btn:not(.btn-shadow):not(.btn-special) {padding: 11.5px 30px 0px 30px;}
.homepage .articlebox .btn {margin-top: 10px;}
.btn.btn-read-more {padding-left: 0!important}
.btn-white {background: white;}
.btn-shadow {box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.12);}
.btn-shadow:hover {box-shadow: 0px 4px 18px 0px rgba(0,0,0,0.2);}
.btn .icon-arrow {position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; height: 11px;}
.btn span {text-transform: uppercase;}
.btn-gray {background: #E9EBED !important; color: #C3C4C4 !important; cursor: default;}

.column-count-2 {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;-webkit-column-gap: 15px;column-gap: 15px;}
.additional-banner-1-wrapper .description.column-count-2 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 0px;column-gap: 0px;}

/*animation & translation*/
.language-bar .language-list .language-label, .language-bar #language-label .icon-arrow_down::before, .search-form, .btn .icon-arrow, .swiper-next, .swiper-prev, .social-plugin-wrapper .instagram-link label .icon-arrow, .social-plugin-wrapper .instagram-link label, .selectric .icon-arrow_down, .selectric-wrapper.selectric-language-bar .selectric-items li, .menu > li > a::before, .menu > li > a::before, .fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col li .label::before, .internal-menu li .label, .pagination a .icon-arrow, .pagination .counter li:not(:nth-child(2)), .fixed-subpage-parent .product-list li, .header .hamburger.is-active ~ .menu-wrapper, .sidebar .sidebar-label .icon-arrow_down::before, .homepage-product-block-options [class^='b-'], .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .sidebar-label {-webkit-transition: 0.2s ease all; -o-transition: 0.2s ease all; -ms-transform: 0.2s ease all; transition: 0.2s ease all;}
.search-form .btn-search, .btn-shadow, .productbox-block-wrapper, .social-plugin-wrapper .instagram-link span, .fixed-subpage-parent, .logo-wrapper, #dark-mask {-webkit-transition: 0.5s ease all; -o-transition: 0.5s ease all; -ms-transform: 0.5s ease all; transition: 0.5s ease all;}
/*.logo-wrapper {-webkit-transition: 1s ease all; -o-transition: 1s ease all; -ms-transform: 1s ease all; transition: 1s ease all;}*/
/*.translationY, .search-form .search-icon ~ .search-content, .social-plugin-wrapper .instagram-link label .icon-arrow, .articlelist .articles-banner > div:nth-child(1) img {-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}*/
.translationY, .search-form .search-icon ~ .search-content, .social-plugin-wrapper .instagram-link label .icon-arrow, .articlelist .articles-banner-wrapper .left.baner {-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}
.translationX, .swiper-pagination, .fixed-subpage.fixed, .search-form {-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-o-transform: translate(-50%,0);transform: translate(-50%,0);}
.translationXY, .checkbox .checkmark:after, .pagination a .icon-arrow, #loader, .swiper-nav [class^='icon-arrow-'] {-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
/*.language-bar .language-list, .search-form, .selectric-wrapper.selectric-language-bar .selectric-items {-webkit-box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.1);box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.1);}*/
.search-form {-webkit-box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.1);box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.1);}

.fixed-subpage .fixed-subpage-internal, .menu-wrapper .menu, .recommended-product-internal, .analysis-wrapper .analysis-content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-box-align: flex-start;-webkit-align-items: flex-start;-ms-flex-align: flex-start;align-items: flex-start; }
.pagination .right, .search-form {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
.analysis-wrapper .description {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -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; }
.sidebar .sidebar-label  {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-box-align: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch; }
.clone {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}




/*.selectric, .selectric .label {height: 20px; line-height: 20px;}*/
/*.selectric {position: relative;}*/
/*.selectric .label {margin-right: 20px; font-size: 12px; color: #111111; font-weight: bold}*/
/*.selectric-items li {padding: 5px 10px}*/
/*.selectric .icon-arrow_down {display: block;position: absolute;right: 0;top: 0;width: 20px;height: 20px;text-align: center;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);-o-transform: rotate(0);transform: rotate(0); font-size: 7px; line-height: 20px;}*/
/*.selectric-open .selectric .icon-arrow_down {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}*/
/*.selectric-wrapper.selectric-language-bar {width: 60px;}*/
/*.selectric-wrapper.selectric-language-bar .selectric {border: none; background: white; text-transform: uppercase}*/
/*.selectric-wrapper.selectric-language-bar .selectric-items {border: none;}*/
/*.selectric-wrapper.selectric-language-bar .selectric-items ul, .selectric-wrapper.selectric-language-bar .selectric-items li {background: white; color: #9DA2A7; font-weight: bold}*/
/*.selectric-wrapper.selectric-language-bar .selectric-items li:hover {color: #111111 }*/

/*--------------------------------------------------------*/





/*COMMON*/
.content-wrapper {overflow-x: hidden}
body:not(.homepage) .content-wrapper.fixed{margin-top: 55px;}
.page-width-margin {max-width: 1280px; padding: 0 100px; margin: 0 auto;}
/*.page-width-margin-custom {max-width: 1280px; margin-left: 100px; margin-right: 100px; position: relative}*/
.page-width-margin-custom {max-width: 1080px; margin: 0 auto; position: relative}
.page-width-margin.small {max-width: 1280px}





/*------------------------------------------------------------------------------------------------------------------------*/
/*HEADER*/
.homepage .header-wrapper {background: transparent; position: fixed; width: 100%; z-index:102; }
.header-wrapper.fixed .logo-wrapper .logo{display: none;}
.header-wrapper .logo-wrapper .fixed-logo{display: none;}
.header-wrapper.fixed .logo-wrapper .fixed-logo{display: block; width: 68px;}
.header-supply.show {width: 100%;height: 91px;}
.homepage .header-supply.show{height: 0px;}
.header-wrapper {clear: both; overflow: initial; z-index: 101;}
.header {padding-top: 28px; padding-bottom: 28px; position: relative}
.header .hamburger {position: relative; float: left; padding: 0; padding-right: 30px; display: none}
.hamburger-box, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px; color: #000000;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background-color: #001378; border-radius: 0px;}
.hamburger-box:hover {color: #000000}
.hamburger-inner::before {top: -9px}
.hamburger-inner::after {bottom: -9px}
.header-wrapper.fixed {top:0px;position: fixed; width: 100%; z-index:102; background: white;-webkit-box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);-moz-box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);}
.header-wrapper.fixed .menu-wrapper, .header-wrapper.fixed .header .action-wrapper {height: 100%;}
.header-wrapper.fixed .menu-wrapper {padding-top: 4px;}
.header-wrapper.fixed .header .action-wrapper {padding-top: 9px;}
.header-wrapper.fixed .logo-wrapper {width: 20%; padding-top: 6px;}
.header-wrapper.fixed .header {padding-top: 10px; padding-bottom: 0; height: 55px}
.header-wrapper.fixed .menu-block {display: block; height: 100%;}
.header-wrapper.fixed .menu-block .menu, .header-wrapper.fixed .menu-block .menu > li  {height: 100%; overflow: hidden; text-align: center;}
.logo-wrapper {width: 20%; font-size: 0;}

.menu-wrapper {padding-top: 15px;}
.header .action-wrapper {padding-top: 17px}
.menu-wrapper {font-size: 18px;width: 60%;}
.menu {list-style-type: none;}
.menu > li > a {position: relative; z-index:6;display: block; margin: auto; margin-top: 0px;}
.menu > li > a:hover {cursor: pointer; color: #001378;}
.menu > li {position: relative; display: flex;justify-content: space-between;flex: 1 1 auto;}
.menu > li:nth-child(n+5):after {content: "";border: .5px solid #000000;height: 20px;margin: auto;top: -2px;position: relative;}
.fixed .menu > li:nth-child(n+5):after {top: -10px}
.fixed .menu > li a::before {top: 21px}
.menu > li:hover {cursor: pointer}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col li .label::before {content: ''; display: block;  height: 2px; width: 0; position: absolute; top: calc(100% + 5px); top: -webkit-calc(100% + 5px); background: #111111; visibility: hidden; left: 0}
.menu > li#trouble-skin a::before, .menu > li#articles a::before, .menu > li#shop a::before {top: 21px}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col li.active .label::before, .fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col li:hover .label::before {width: 100%; visibility: visible;}
.header .action-wrapper {width: 20%; position: relative;}
.header-wrapper.fixed .header .action-wrapper:before{top:8px;}
.header .action-wrapper .search-icon{margin-left: 40px;}
.header .action-wrapper .search-icon img{cursor: pointer; width: 15px;}
.language-bar .language-list li {display:inline; font-size: 12px; padding: 0px 5px;}
.language-bar .language-list{position: relative; top: -5px;}
.language-bar .language-list li a{transition: all 0.5s ease;}
.language-bar .language-list li:hover a, .language-bar .language-list li.active a{color: #001378;}

.search-form .search-content {width: 100%}
.search-form {position: absolute; height: 95px; line-height: 95px; background: white; margin: 0 auto; text-align: center; width: 100%; z-index: 110; border-top: 1px solid #DADADE; visibility: hidden; opacity: 0; line-height: 43px; left: 50%;}
.search-form.active {opacity: 1; visibility: visible;}
.search-form input.text-search {width: 500px; border-radius: 21px; border: 1px solid #B9BFC4; height: 42px; padding: 0 21px; margin-top: auto; margin-bottom: auto; vertical-align: middle}
.search-form .btn-search {vertical-align: middle; margin-top: auto; margin-bottom: auto; background: white;-webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.1);box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.1); margin-left: 11px}
.search-form .btn-search:hover {-webkit-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);}
.search-form .btn-search .icon-search {font-size: 20px; color: #000000}
.icon-search:hover {cursor: pointer}



/*------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
.footer {color: #797D81; background: #F2F3F5;}
.footer-top {padding: 80px 0; padding-bottom: 53px;}
.footer-logo {font-size: 0; margin-bottom: 30px;}
.footer-logo img {height: 35px;}
.footer-title {font-size: 15px;  margin-bottom: 20px; text-transform: uppercase; letter-spacing: -0.3px}
.footer-privacy-policy { padding-top: 12px; }
.footer-privacy-policy a { text-decoration: underline; }
.footer .textarea {margin-bottom: 20px}
.footer-blocks .right-side {margin-top: 30px;}
.footer-instagram img {width: 24px; height: 24px; float: left; margin-right: 15px;}
.footer-instagram span {margin-top: 3px; display: inline-block;}
.footer-top textarea {border: 1px solid #B9BFC4; background: white; border-radius: 0px; width: 100%; height: 74px; padding: 15px 25px; margin-bottom: 20px;}
.footer-top input {width: 100%; height: 42px; border-radius: 0px; border: 1px solid #B9BFC4; padding-left: 28px; margin-bottom: 14px;}
.footer-top input.checkbox-hidden {height: auto;}
.footer-top .btn {border: 2px solid #797D81; border-radius: 0px; padding-top: 13px; text-align: center;}
.footer-top form .left {width: calc(100% - 220px); width: -webkit-calc(100% - 220px);}
.footer-top label.checkbox {margin-top: 0;}
.footer-menu ul {list-style-type: none; width: 50%;}
.footer-menu ul li {margin-bottom: 12px;}
.footer-row{ display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;flex-wrap: wrap;}
.footer-row .footer-block{width: 33.33%;}
.footer-row .footer-block.links a{display: block; margin-bottom: 20px; letter-spacing: -0.26px;}
.footer-copy .page-width-margin {overflow: hidden}
.footer-copy {background: #E0E0E0; height: 40px; line-height: 40px; font-size: 13px;}
.footer-copy a:not(:last-child) {margin-right: 90px;}
.footer .claus-wrapper-btn{margin-top: 20px;font-family: 'dp-m'; font-size: 14px; color: #606060; text-decoration: underline; letter-spacing: -0.28px; cursor: pointer;}
.footer .claus-wrapper{margin-top: 23px; line-height: 13px; font-size: 11px; letter-spacing: -0.22px; overflow: hidden; max-height: 0px; transition: all 1s ease;}
.footer .claus-wrapper.active{max-height: 300px;}
.swiper-wrapper .custom img {margin: 0 auto;  display: block;}
/*------------------------------------------------------------------------------------------------------------------------*/
/*MAIN PAGE*/
.homepage-main-banner-wrapper {position: relative; padding: 0;}
.homepage-main-banner-wrapper .swiper-pagination {width: auto; position: absolute;}
.homepage-main-banner-wrapper .swiper-pagination-bullets {bottom: 70px; left: 50%}
.homepage-main-banner-wrapper .swiper-pagination-bullet {width: 12px; height: 12px; opacity: 0.3; background: #B9BFC4; margin: 0 15px !important;}
.homepage-main-banner-wrapper .swiper-pagination-bullet-active {opacity: 1;}
/*.homepage-main-banner-wrapper .video-container {position: relative; left: -104px;}*/
.homepage-main-banner-wrapper .video-container {position: relative; left: 50%; /*max-width: 1080px;*/-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.homepage-main-banner-wrapper .btn-slider {width: 100%; height: 40px; background: white; border-radius: 0; text-align:center; position: absolute; bottom: 0; left; 0; padding: 0 !important; line-height: 40px; color: #3F3F3E; font-size: 16px}
.homepage-main-banner-wrapper .btn-slider .icon-arrow {position: relative !important; right: -13px; font-size: 13px; -webkit-transition: .2s ease all;-o-transition: .2s ease all;-ms-transform: .2s ease all;transition: .2s ease all;}
.homepage-main-banner-wrapper .btn-slider:hover .icon-arrow {right: -15px}
.homepage-main-banner {background: white;}
.homepage-main-banner .image-wrapper {font-size: 0; position: relative;}
.homepage-main-banner .image-wrapper {left: -155px;}
.homepage-main-banner.movie .image-wrapper {left: 0}

.homepage-main-banner-rwd {display: none;}

.homepage-products-link-wrapper .btn{width: 100%; text-align: center; border-top: 1px solid #F2F3F5;}
.homepage-products-link-wrapper .btn .icon-arrow{position: relative; right: inherit; padding-left: 12px;}
.homepage-products-link-wrapper .btn:hover .icon-arrow{padding-left: 15px;}
.banner-text-wrapper {position: relative; left: -155px; max-width: 500px;}
.banner-text-wrapper .product-series {font-size: 42px; margin-bottom: 25px; padding-top: 75px; line-height: 1em}
.banner-text-wrapper .product-name {font-size: 20px;}
.banner-text-wrapper .composition-title {font-size: 20px; margin-bottom: 22px;}
.banner-text-wrapper .composition-description {font-size: 16px; margin-bottom: 45px; line-height: 1em}
.homepage-banner-button {margin-left: calc((100% - 206px)/2); margin-left: -webkit-calc((100% - 206px)/2)}
.banner-text-wrapper .line {max-width: 620px; height: 1px; background: #000; margin: 8px 0;}
.swiper-wrapper.disabled {transform: translate3d(0px, 0, 0) !important;}
/*.swiper-pagination.disabled {display: none;}*/

.homepage-product-block-wrapper {background: transparent; padding: 70px 0 0px; position: relative; z-index: 2;}
.homepage-product-block-options{width:100%; margin-top: 20px;}
.homepage-product-block-options a {display: inline-block; cursor: pointer; margin-bottom: 20px;}
.homepage-product-block-options a label{transition: all 0.5s ease; color: #606060; font-size: 14px; margin-right: 15px; font-family: 'dp-r'; line-height: 18px; padding-bottom: 10px; border-bottom: 1px solid #fff; cursor: pointer;}
.homepage-product-block-options a:hover label{color: #001378; border-bottom: 1px solid #001378; }
.homepage-product-block-options a.active label{color: #001378; border-bottom: 1px solid #001378; font-family: 'dp-m';}
.homepage-product-block-options a.b-clean {background: #969696; color: white; border: 2px solid #F2F5F5; box-sizing: content-box; width: 42px; height: 42px}



.homepage-product-block-title {font-size: 32px; letter-spacing: -1.5px;}
.homepage-product-block-title span {font-size: 24px; font-weight: 400;}
.homepage-product-block-title .dp-b {font-size: 30px; letter-spacing: -0.6px; text-transform: uppercase;}
.homepage-product-block-header {margin-bottom: 50px;}
.container-wrapper.article .productbox-content .category, .container-wrapper.article .productbox-content .price {display: none;}

.product-list-wrapper {position: relative;}
.swiper-nav {width: 57px; height: 57px; background: #D5D5D7; border-radius: 0%; box-shadow: 0px 16px 20px 0px rgba(0,0,0,0.1); position: absolute; top: 0; bottom: 50px; margin: auto; z-index: 1; cursor: pointer; color: #fff; text-align: center; font-size: 29px; line-height: 70px;}
.swiper-nav img {position: absolute; left: 27px;top: 23px;width: 8px;}
.swiper-prev img {left: 24px; transform: rotate(180deg);}
.swiper-prev {left: -32px;}
.swiper-next {right: -32px;}
.swiper-button-disabled.swiper-nav {display: none !important;}
.swiper-wrapper .productbox-block-wrapper {margin: 0 auto 0px;}

.homepage-product-show-wrapper {border-top: 2px solid #EBEBEB; border-bottom: 2px solid #EBEBEB; padding: 45px 0 75px;}
.homepage-product-show {}
.homepage-product-show .image {width: 300px;}
.homepage-product-show .percentage {width: 250px;}
.homepage-product-show .percentage .description {line-height: 1.1em;}
.homepage-product-show .percentage img {width: 25px;}
.homepage-product-show .text {width: calc(100% - 300px - 250px); width: -webkit-calc(100% - 300px - 250px); padding: 0 40px; padding-top: 20px;}
.homepage-product-show .text .title {font-size: 30px; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 17px; line-height: 1em}
.homepage-product-show .advantages ul {list-style-type: none;}
.homepage-product-show .advantages li { margin-bottom: 18px; position: relative; padding-left: 25px;}
.homepage-product-show .advantages li:before {content: ''; position: absolute; left: 0; top: 2px; bottom: 0; margin: auto; width: 5px; height: 5px; background: #F4A73B; border-radius: 50%;}
.homepage-product-show .description {margin-bottom: 40px; line-height: 1.1em}
.homepage-product-show .percentage > div {margin-bottom: 30px;}
.homepage-product-show .percentage span {font-size: 70px; margin-left: 15px;}
.homepage-product-show .percentage label {font-size: 33px; color: #ECAA41;}

.brand-wrapper {position:relative; top:-80px;padding-top: 80px; background: #fff; background-size: cover; background-image: url("/uploads/images/about-photo@2x.png"); background-size: contain; background-repeat: no-repeat; background-position: right 200px top; }
.brand-wrapper .brand {position: relative;}
.brand-wrapper .brand > div {width: 50%;}
.brand-wrapper .brand .title {font-size: 30px;}
.brand-wrapper .brand .title img{max-width: 245px; width: 245px; margin-bottom: 20px;}
.brand-wrapper .text span{display: block; color: #001378; font-family: 'dp-r';}
.brand-wrapper .text .small-text{font-size: 12px;}
/* .brand-wrapper .pot-wrapper {text-align: center; font-size: 0; margin-top: 20px} */
.brand-wrapper .pot-wrapper {text-align: center; font-size: 0; position: absolute; right: 0; top: calc(50% - 20px); transform: translateY(-50%)}
.brand-wrapper hr {background: #000; height: 1px; border: none; margin: 16px 0;}
.brand-wrapper .text {padding-bottom: 30px;}
.brand-wrapper .about {line-height: 22px; font-size: 16px; margin-top: 40px;}

/* instagram plugin */
.social-plugin-header {margin-bottom: 30px;}
.social-plugin-header .title {font-size: 30px; padding-top: 10px; letter-spacing: -0.6px; text-transform: uppercase;}
.social-plugin-header .title b {font-size: 30px;}
.social-plugin-header .title .btn{border:2px solid #1877F2; display: block; color: #1877F2; margin-top: 47px; text-align: center;}
.social-plugin-header .title .dp-b.small{position: relative; padding-left: 0px;letter-spacing: -0.6px; top:-7px;}
.social-plugin-wrapper {top:-80px; position:relative;padding-top: 77px;padding-bottom: 113px; background-image: url('/images/acerin/png/fb-back.png'); background-repeat: no-repeat;background-size: cover;background-position: center; border-bottom: 1px solid #E5E5E5;}
.social-plugin-wrapper .instagram-link {position: relative; right: 25px; display: none;}
.social-plugin-wrapper .instagram-link a {display: block;}
.social-plugin-wrapper .instagram-link span {width: 66px; height: 66px; background: white; box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.1); border-radius: 50%; position: relative; font-size: 0; display: inline-block; margin-right: 20px;}
.social-plugin-wrapper .instagram-link:hover span {box-shadow: 0px 6px 12px 0px rgba(0,0,0,0.2);}
.social-plugin-wrapper .instagram-link img {width: 28px; height: 28px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.social-plugin-wrapper .instagram-link label {font-size: 16px; position: relative; bottom: 26px; cursor: inherit;}
.social-plugin-wrapper .instagram-link label .icon-arrow {margin-left: 10px; position: absolute; right: -20px; top: 7px; font-size: 10px; top: 12px}
.social-plugin-wrapper .instagram-link:hover label .icon-arrow {right: -23px}
.social-plugin-wrapper .social-plugin {position: relative; left: -.5rem; width: calc(100% + 1.5rem); width: -webkit-calc(100% + 1.5rem)}

.footer-blocks .col-middle .right-side {display: none;}





/* BANNERS */
.homepage .additional-banner-1-wrapper {padding-top: 50px;}
.additional-banner-1-wrapper {position: relative; padding-top: 2px;}
.additional-banner-1-wrapper .flower {position: absolute; bottom: 0; right: 0;}
.additional-banner-1-wrapper .banner-line {background: #0096b5; position: absolute; left: 0; right: 0; top: 116px; height: 55px;}
.analysis-header svg {display: inline-block; width: 25px; height: 46px;}
.analysis-header .b {fill:none;stroke:#b9bfc4;stroke-miterlimit:10;stroke-width:0.891px;}
.product .additional-banner-1-wrapper .banner-line {background: #D01A6E; position: absolute; left: 0; right: 0; top: 116px; height: 55px;}
.additional-banner-1 {position: relative; z-index: 1;}
.additional-banner-1 .text-wrapper {margin-top: 190px; max-width: 520px; margin-bottom: 50px;}
.additional-banner-1 .title {font-size: 34px; line-height: 0.9em; border-bottom: 1px solid #000; margin-bottom: 12px; padding-bottom: 20px;}
.additional-banner-1 .text {font-size: 19px; margin-bottom: 40px; line-height: 1.1em}
.additional-banner-1 .image-wrapper {margin-right: 60px; pointer-events: none; font-size: 0;}

.homepage-shop-online-wrapper{top:-80px;z-index:1;position: relative; padding-top: 190px; padding-bottom: 102px; min-height: 459px; background: transparent;}
.homepage-shop-online-wrapper:before{content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; background: #001378; opacity: 0.85;z-index: 1;}
.homepage-shop-online{position: relative; z-index: 2;}
.homepage-shop-online .shop-online-image{padding-left: 92px; padding-right: 166px;width: 459px;float: left;}
.homepage-shop-online .shop-online-image img{width: 201px;}
.homepage-shop-online .shop-online-text {color: #FFF;}
.homepage-shop-online .shop-online-text .title{font-size: 34px; letter-spacing: -0.68px; text-transform: uppercase; line-height: 43px; margin-bottom: 18px;}
.homepage-shop-online .shop-online-text .description{font-size: 20px; letter-spacing: -0.4px; font-family: 'dp-r'; margin-bottom: 51px;}
.homepage-shop-online .shop-online-text .btn{border:2px solid #fff; text-transform: uppercase; text-align: center; transition: all 0.5s ease;}
.homepage-shop-online .shop-online-text .btn:hover{background: #fff; color: #001378;}

/*.specialist-banner-wrapper {background: url(/images/Specialist2x.png); height: 490px; background-size: cover; padding-top: 120px; background-position-x: center}*/
.specialist-banner-wrapper {background: url(/images/specialist-background.png); height: 490px; background-size: cover; padding-top: 90px; background-position-x: center}
.specialist-banner-wrapper .right {text-align: right}
.specialist-banner img {width: 220px;}
.specialist-banner .info-container {color: #fff; margin: 30px 0}
.specialist-banner .info-container .top {font-size: 18px;}
.specialist-banner .info-container .bottom {font-size: 28px; line-height: 1.1em}
/*.specialist-banner .btn {color: #fff; background: #31C1B6; text-align: center}*/
.specialist-banner .btn {color: black; background: #fff; text-align: left}
.additional-banner-1 .title i {font-weight: 100;}
.additional-banner-1 .title .d2k14-li {font-size: 30px}
.additional-banner-1-wrapper.additional-banner-product .text {font-size: 16px; border-bottom: 1px solid #000; margin-bottom: 20px; padding-bottom: 20px;}
.additional-banner-1-wrapper.additional-banner-product {background: none; padding-top: 50px; border-bottom: 2px solid #EBEBEB}

/*---Ingredients-page-*/

.ingredients-wrapper{margin-top: 55px; margin-bottom: 114px;}
.ingredients-page-container h1 {font-family:'dp-b'; font-size: 30px;margin-bottom: 25px;line-height: 38px;text-transform: uppercase; letter-spacing: -1.5px;}
.ingredients-list .ingredient-box{width:100%;margin-bottom: 24px; padding: 56px 48px; background-position: bottom right; background-size: 359px; background-repeat: no-repeat;    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1);}
.ingredients-list .ingredient-box .ingredient-info .title{font-family:'dp-b';margin-bottom: 22px ; font-size: 20px; line-height: 28px; text-transform: uppercase;}
.ingredients-list .ingredient-box .ingredient-info .desc{font-size: 14px; line-height: 18px; letter-spacing: -0.28px; max-width: 620px; margin-bottom: 38px; min-height: 57px;}
.ingredients-list .ingredient-box .ingredient-text{color: #9DA2A7; margin-bottom: 30px; font-size: 14px; letter-spacing: -0.28px;}
.ingredients-list .ingredients-product-list{display: flex; flex-wrap: wrap;}
.ingredients-list .ingredients-product-list .product-box {width: 33.33%;display: flex;}
.ingredients-list .ingredients-product-list .product-box .image-wrapper{width: 70px;}
.ingredients-list .ingredients-product-list .product-box .text-wrapper{padding-left: 25px; padding-top: 20px;}
.ingredients-list .ingredients-product-list .product-box .text-wrapper .title{line-height: 18px; font-family: 'dp-b'; font-size: 14px; letter-spacing: -0.28px; margin-bottom: 9px;text-transform: uppercase}
.ingredients-list .ingredients-product-list .product-box .text-wrapper .subtitle{line-height: 18px; font-family: 'dp-m'; font-size: 14px; letter-spacing: -0.28px; margin-bottom: 9px; text-transform: uppercase;}

/*------------------------------------------------------------------------------------------------------------------------*/
/* NEWSLETTER */
.newsletter-wrapper {height: 220px; background: url('/images/letter.png') right no-repeat #fff; position: relative; background-position-y: 30%; overflow: hidden; box-shadow: 0 -5px 30px 0 rgba(0,0,0,0.06); z-index: 2;}
.newsletter-wrapper .letter {color: #f6f8f8; position: absolute; top: 0; left: -30px; font-size: 355px; line-height: 220px;}
.newsletter {position: relative; z-index: 1; padding-top: 30px; height: 100%}
.newsletter .title {font-size: 30px;}
.newsletter .title ~ span {margin-left: 50px; padding-top:12px; display: inline-block;}
.newsletter .circle-pink {display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #DB1779; margin-right: 20px; position: relative; bottom: 1px;}
.newsletter .circle-orange {display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #ECAA41; margin-right: 20px; position: relative; bottom: 1px;}
.newsletter .circle-blue {display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #0E97C1; margin-right: 20px; position: relative; bottom: 1px;}
.newsletter-text {width: 370px; float: left; font-size: 16px; padding-top: 8px;}
.newsletter-text i {font-size: 20px; position: relative; top: 3px; margin-right: 10px;}
.newsletter-input {width: calc(100% - 370px - 205px); float: left; padding-right: 20px; max-width: 730px;}
.newsletter-input > input {width: 100%; height: 42px; border-radius: 21px; border: 1px solid #797D81; padding-left: 28px;}
.newsletter-button {width: 205px; float: left;}
.newsletter-button .btn {width: 100%; border: 2px solid #000; padding-top: 13px;}
.newsletter form {margin-top: 30px;}
label.checkbox {color: #797D81; font-size: 11px; margin-top: 10px; display: inline-block; position: relative; padding-left: 22px;}
label.checkbox input {position: absolute; left: 0;}








/*------------------------------------------------------------------------------------------------------------------------*/
/*ARTICLEBOX*/
.homepage-article-wrapper.articlelist{padding-top: 0px;}
.homepage-article > .title {font-size: 30px; margin-bottom: 50px; text-transform: uppercase;}
.article-container {clear: both; overflow: auto; overflow: hidden}
.article-container .articlebox-wrapper {width: calc((100% - (2 * 25px))/3); width: -webkit-calc((100% - (2 * 25px))/3); margin-right: 25px; float: left;}
.article-container .articlebox-wrapper:nth-child(3n) {margin-right: 0;}
.articlebox {margin-bottom: 33px; position: relative;}
.articlebox .articlebox-image {position: relative; font-size: 0; padding-top: calc(100% * 0.69); overflow: hidden; display: block;}
.articlebox .articlebox-image img {position: absolute; top: 0; left: 0; width: 100%; transition: all 0.5s ease;}
.articlebox:hover .articlebox-image img{transform: scale(1.05);}
.articlebox .category {position: absolute; left: 0; bottom:100%; background: white; font-size: 16px; color: #9DA2A7; min-width: 100px; padding-right: 30px; height: 40px; padding-top: 23px; border-top-right-radius: 50px}
/*.first-page .articlebox .category {padding-top: 14px}*/
.articlebox .title {font-size: 16px; height: 3.8em; margin-bottom: 10px; line-height: 22px; text-transform: uppercase;}
.articlebox .btn {padding-left: 0;}
.articlebox .description {height: 36px;line-height: 18px;overflow: hidden; display: none;}
.articlebox .text-wrapper {position: relative; padding-top: 30px;}
.articlebox .text-wrapper .btn {width: auto}
.articlebox .text-wrapper .btn .icon-arrow {right: 0px; top: -4px}
.articlebox .text-wrapper .btn:hover .icon-arrow {right: -3px;}

.article-container-wrapper {padding-top: 40px;}
.article-container-wrapper .article-container-wrapper-internal.pagination {border-bottom: 2px solid #EBEBEB; padding-bottom: 20px}

.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1),.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2), .related-product-content.product-single .left-side {width: 50%}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .text-wrapper, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2) .text-wrapper {position: absolute; bottom: 0; padding: 29px 33px; background: rgba(255,255,255,0.75); width: 100%;}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .category, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2) .category {position: static; background: none; padding-top: 0}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .title, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2) .title {    font-size: 19px;border-bottom: none;margin-bottom: 16px;line-height: 25px;max-height: 75px;letter-spacing: -0.38px; height: 75px; min-height: 75px; overflow: hidden;}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .description, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2) .description {display: none;}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .btn, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2) .btn {margin-top: 0; height: auto; padding-top: 0px;}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .btn .icon-arrow, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2) .btn .icon-arrow{top:-1px;}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1){padding-right: 12px; padding-left: 0px; margin-right: 0px;}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2){padding-left: 12px; padding-right: 0px; margin-right: 0px;}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(3n + 2){margin-right: 0px;}
.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(3n){margin-right: 25px;}
.article-container-wrapper .pagination-wrapper {margin: 65px 0}
.single-article-container{width: 712px; margin: auto;}


/*-------------------------------------*/


.articles-banner-wrapper:not(.page-width-margin-custom) {position: relative; margin: 60px 0 100px; margin-left: auto; margin-right: auto;}
.articles-banner-wrapper.page-width-margin-custom {margin-top: 60px; margin-bottom: 60px; }
.articles-banner {position: relative;}
.articles-banner > div:nth-child(1) {width: 450px;}
/*.articles-banner > div:nth-child(1) img {position: relative; left: -95px;}*/
/*.articles-banner > div:nth-child(2) {width: calc(100% - 450px);width: -webkit-calc(100% - 450px);}*/
.article-container-wrapper .articles-banner {padding-right: 80px; position: relative}
.articlelist .articles-banner-wrapper .left.baner {position: absolute; top: 50%; height: 400px;left: -90px; }
.articlelist .articles-banner-wrapper .left.baner img {height: 100%}

.articlelist .articles-banner-wrapper {background-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #f4f7f2, #eef7e7, #e5f9d6);}
/*.articlelist .articles-banner > div:nth-child(1) {height: 400px}*/
/*.articlelist .articles-banner > div:nth-child(1) img {top: 50%}*/
.articlelist .articles-banner-wrapper .title {margin-top: 60px; line-height: 1.1em}
.articlelist .articles-banner-wrapper .description {line-height: 1.1em}
.articlelist .articles-banner-wrapper .btn {margin-bottom: 70px}
/*.articles-banner-wrapper:before {content: ''; position: absolute; top: 65px; bottom: 60px; left: 0; right: 0; background-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #f4f7f2, #eef7e7, #e5f9d6); pointer-events: none;margin: 0 100px}*/




.articlelist .articles-banner-wrapper .left.text {position: relative; left: 280px}
/*.articles-banner-wrapper .leaf {position: absolute; right: 100px; top: 61px; pointer-events: none;}*/
.articles-banner-wrapper .leaf {position: absolute; right: 0; top: 15px; height: 100%;  pointer-events: none;}
.articles-banner-wrapper .title {font-size: 40px; margin-top: 130px; border-bottom: 1px solid #000; padding-bottom: 15px; margin-bottom: 15px;}
.articles-banner-wrapper .description {font-size: 20px;}
.articles-banner-wrapper .btn {background: #8FB860; color: white; margin-top: 50px}

.article-container-wrapper .newsletter-wrapper {margin-bottom: 50px;}

.article-page-container {margin-bottom: 30px;}
.article-page-container h1 {font-size: 30px; margin-bottom: 26px; line-height: 38px;letter-spacing: -1.5px; text-transform: uppercase;}
.article-page-container h2 {font-size: 20px; line-height: 1em;}
.article-page-container h3 {font-size: 16px; line-height: 1em}

.article-links .title{font-size: 20px; line-height: 42px; font-family: 'dp-b'; letter-spacing: 0px; margin: 18px 0px; text-transform: uppercase;}
.article-links p{margin-bottom: 15px;}
.article-links{margin-bottom: 45px;}
.article-links a{position: relative; margin-bottom: 18px; color: #001378; font-family: 'dp-b';}
.article-links a:after{content: "\e907"; font-family: icomoon; font-size: 10px;color: #001378; position: relative; left: 14px; transition: all 0.5s ease;}
.article-links a:hover:after{left: 17px;}
.article-greybox p strong, .article-content p strong{font-family: 'dp-b';}
.article-greybox{padding: 50px; background: #F8F8F8;}
.article-greybox p {margin: 18px 0;line-height: 20px;}
.article-greybox ul{padding-left: 25px;list-style: initial;}
.article-greybox ul li a{color: #001378;}

/*.single-article-container {width: calc(100% - 252px); padding-right: 100px;}*/
.related-product-content.product-single .left-side {padding-right: 100px; float: left}
.single-article-container .category-wrapper {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 12px 0; font-size: 16px; margin-bottom: 30px;}
.single-article-container .category-wrapper .label {padding-right: 25px; color: #9DA2A7}
.single-article-container .image-wrapper {margin-bottom: 30px;}
.article-page-container-wrapper {margin-top: 45px;}
.article-sidebar, .related-product-content.product-single .right-side {width: 252px;}
.article-sidebar .header-internal {font-size: 20px; display: block; padding-bottom: 35px; text-transform: uppercase;}

.article-content p {margin: 18px 0; line-height: 20px;}
.article-content p .dp-b {line-height: 23px}
.article-content ul {list-style-type: none;}
.article-content li {padding: 5px 0; float: none; width: 100%; position: relative; padding-left: 23px}
.article-content li:before {content: ''; width: 5px; height: 5px; background: #000; border-radius: 50%; display: inline-block; position: absolute; top: 12px; left: 8px;}
.article-content li .label {position: relative;display: inline-block;float: right;width: calc(100% - 33px);width: -webkit-calc(100% - 33px);top: 0;}

.article-sidebar .text-wrapper {padding-top: 10px;}
.article-sidebar .title {font-size: 14px;margin-bottom: 0;border: none;letter-spacing: -0.28px;max-height: 40px;overflow: hidden;}
.article-sidebar .description {display: none;}
.article-sidebar .btn {margin-top: 0;}

.related-product .title {font-size: 30px; margin-bottom: 70px; float: left; width: 100%; clear: both; letter-spacing: -0.6px; text-transform: uppercase;}
.related-product .title .left {width: calc(100% - 252px); width: -webkit-calc(100% - 252px); display: block}
/*.related-product .title .right {width: 252px; display: block}*/

.related-wrapper-slider{margin-top: 60px;}
.related-wrapper-slider .articlebox .description{display: none;}
.related-wrapper-slider .header-internal{font-size: 20px; color: #000000; letter-spacing: -1px; margin-bottom: 40px; display: block;}
.related-articles-slider{position: relative;}
.related-product-content {position: relative; float: none; clear: both;}
.related-product-content.product-single .productbox-block-wrapper {float: left; margin-right: 25px;}
.related-product-content.product-single .productbox-block-wrapper:last-child {margin-right: 0px;}
.related-product-content.product-single .image-wrapper {text-align: center;}
.related-product-content.product-3 .productbox-block-wrapper, .related-product-content.product-2 .productbox-block-wrapper {width: calc(100% - 25px); width: -webkit-calc(100% - 25px);}

.related-product-content.product-4 .swiper-nav, .related-product-content.product-3 .swiper-nav, .related-product-content.product-2 .swiper-nav {display: none}
.related-product-content.product-2 .image-wrapper {position: relative; top: 50%}

.related-product-content.real-count .swiper-nav {display: block;}

.related-product-content.product-single .image-wrapper, .related-product-content.product-single .productbox-content  {width: 250px; float: left; margin: 0; padding-left: 24px; padding-right: 24px}
.related-product-content.product-single .productbox-content {width: calc(100% - 250px);width: -webkit-calc(100% - 250px);}
.related-product-content.product-single .image-wrapper {padding: 0;margin-top: 70px}
/* .related-product-content.product-single .productbox-block .image-wrapper {} */
/* .related-product-content.product-single .image-wrapper img, .related-product-content.product-single .image-wrapper img {height: 317px; width: 252px} */
.related-product-content.product-single .productbox-content .category, .related-product-content.product-single .productbox-content .category {padding-top: 15px;}

/*.related-product-content.product-single .left-side {width: calc(100% - 252px - 100px); margin-right: 100px}*/
/*.related-product-content.product-single .left-side {width: 75%; margin-right: 100px}*/
.related-product-content.product-single .productbox-block-wrapper {float: left; width: 100%}
/*.related-product-content.product-single .see-other {margin-top: 40px;}*/
.related-product-content.product-single .see-other .about-product li:not(:last-child) {padding-bottom:10px}
.related-product-content.product-single .see-other .about-product .series {width: 100%; border-bottom: 1px solid #707070;font-size: 16px;}
.related-product-content.product-single .see-other .about-product .short-description {padding-top: 10px;font-size: 16px;}

.article-next-prev {margin-bottom: 50px;display: flex; justify-content: space-between;}
.article-next-prev .logo-wrapper {margin-left: 50px; margin-top: 28px; text-align: center;}
.article-next-prev .prev, .article-next-prev .next {width: 25%; min-height: 1px;}
.article-next-prev .next {text-align: right;}
.article-next-prev .title {font-size: 12px;}
.article-next-prev .title i {width: 34px; height: 34px; border-radius: 50%; border: 2px solid #606060; text-align: center; line-height: 30px; display: inline-block;}
.article-next-prev .description {line-height: 18px; display: inline-block; margin-top: 10px;}
.article-next-prev .prev .description {margin-left: 60px;}
.article-next-prev .next .description {margin-right: 60px}

.article-next-prev .prev i {margin-right: 26px; transform: rotate(180deg);}
.article-next-prev .next i {margin-left: 26px;}


/*ARTICLE LIST*/


.footer-top textarea.error {border-color: red;}
input.error {border-color: red;}
label.checkbox input.error + .checkmark {border-color: red;}

.footer-top textarea.success {border-color: green;}
input.success {border-color: green;}
label.checkbox input.success + .checkmark {border-color: green;}



/*------------------------------------------------------------------------------------------------------------------------*/
/* PRODUCTBOX*/
/*.content-wrapper.product .product-banner-wrapper {width: 1080px}*/
.productbox-block-wrapper {width: 252px; background: white;  margin-bottom: 50px; border:1px solid #DADADE;}
.shop-product-container .shop-product-container-parent{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;flex-wrap: wrap;}
.shop-product-container .productbox-block .usage label{right: -30px;}
.shop-product-container .productbox-block-wrapper{width: 33.33%; position: relative; border-right: 0px; margin-bottom: 0px;}
.shop-product-container .productbox-block-wrapper:nth-child(n+4){border-top:1px;}
.shop-product-container .productbox-block-wrapper:nth-child(3n), .shop-product-container .productbox-block-wrapper:last-child{border-right: 1px solid #DADADE;}
.shop-product-container .productbox-block-wrapper.otc-product {position: relative; order: 999; border-right: 1px solid #DADADE;}
.shop-product-container .productbox-block-wrapper.otc-product .image-wrapper{margin-bottom: 40px;}
.shop-product-container .otc-product .productbox-block .btn{bottom: -12px;}
.productbox-block{position: relative;}
.productbox-block .image-wrapper {margin-bottom: 35px; text-align: center; margin-top: 45px;min-height: 226px;max-height: 226px;}
.productbox-content {margin-left: 24px; margin-right: 24px;}
.swiper-slide .otc-product .productbox-content { min-height: 153px; }
.productbox-block .product-name {padding-bottom: 0px; margin-bottom: 0px; font-size: 14px; letter-spacing: -0.28px; text-transform: uppercase; line-height: 22px; min-height: 44px; max-height: 44px;}
.productbox-block .product-name a {display: block; width: 100%; line-height: 22px}
/*.otc-product .productbox-block .usage{top:15px;}*/
.homepage-product-block-wrapper .otc-product .productbox-block .usage, .productbox-block .usage {position: absolute;top:-15px; right: 30px;}
.productbox-block .usage svg path:first-child{fill: #001378;}
.productbox-block .usage.otc svg path:first-child{fill: #F79823;}
.productbox-block .usage svg{height: 28px; width: 28px;}
.productbox-block .usage span {position: relative; top: 4px;}
.productbox-block .usage.otc label{color: #F79823;}
.productbox-block .usage label{ overflow:hidden;position: absolute; font-size: 12px; background: #001378; color: #fff;text-align: center; transition: all 0.5s ease;height: 0;line-height: 25px; padding: 0px 5px; top:-30px; width: 180px; right: -30px;}
.productbox-block .usage:hover label{height: 25px;}
.productbox-block .usage i {border-radius: 50%; width: 30px; height: 30px; line-height: 30px; text-align: center; color: white; display: inline-block; margin-right: 10px;}
.productbox-block .product-description {font-size: 14px; line-height: 18px; letter-spacing: -0.28px; min-height: 91px;}
.productbox-block .product-kind { float: right; margin-top: 4px; font-size: 16px; color: #001378; }
.productbox-block .product-kind.medical-product { max-width: 120px; text-align: right; }
.productbox-block .btn {overflow: hidden; transition:all 0.5s ease;border: 0px solid #fff;color: #001378;background: #fff; height: 0px; line-height: 38px; width: calc(100% - 48px); padding: 0px;text-align: center; position: absolute; bottom: 20px; left: 0px; right: 0px; margin: auto;}
.productbox-block:hover .btn{height: 42px; border:2px solid #001378;}
.productbox-block .btn:hover{background: #001378; color: #fff;}
.productbox-block .icon-serum:after {content: ''; width: 10px; height: 10px; background: white; display: inline-block; border-radius: 50%; position: relative; bottom: 1px;}
.productbox-content .category {font-size: 14px;  min-height:36px;margin-bottom: 20px; line-height: 18px; letter-spacing: -0.28px; text-transform: uppercase; font-family: 'dp-m';}
.productbox-content .price {margin-bottom: 30px; font-size: 18px; display: inline-block; color: #001378; letter-spacing: -0.9px;}
.productbox-content .price.price-old {position: relative; margin-right: 10px; color: #606060;}
.productbox-content .price.price-old:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 2px; background: #606060;}
/*.homepage-product-block-wrapper .productbox-block-wrapper.otc-product .productbox-block .btn {position: relative;height: 42px;bottom: 5px;border: 2px solid #001378;margin-bottom: 9px;}*/
.productbox-block-wrapper.otc-product .image-wrapper{display:flex;flex-direction: column;justify-content: flex-end;align-items: center;}

.product-banner .price-wrapper .price.price-old {position: absolute; top: -8px; font-size: 14px; height: auto; line-height: initial; color: #606060;}
.product-banner .price-wrapper .price.price-old .dp-b {font-size: 16px;}
.product-banner .price-wrapper .price.price-old:after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 2px; background: #606060;}
.product-banner .price-wrapper .btn{background: #001378; color: #fff; text-align: center;}

.shop-product-container .productbox-block-wrapper.otc-product .productbox-block .product-name{font-size: 14px; letter-spacing: -0.68px; line-height: 18px;}
.shop-product-container .productbox-block-wrapper.otc-product .productbox-block .product-description{padding-top:11px;position:relative;font-size: 17px; line-height: 18px; padding-bottom: 36px; margin-bottom: 35px;}
.shop-product-container .productbox-block-wrapper.otc-product .productbox-block .product-description:before{content: ''; position: absolute; bottom: 0px;     width: calc(100% + 50px);height: 5px;background: #F79823;left: -25px;}
.shop-product-container .productbox-block-wrapper.otc-product .productbox-content .category{font-size: 14px;margin-bottom: 10px; font-family: 'dp-m';}
.shop-product-container .productbox-block-wrapper.otc-product .productbox-block .product-description{min-height: initial;}
.otc-product .productbox-content .price{display: none;}
body.homepage .productbox-block-wrapper.otc-product .otc-wrapper{color: #f79824; font-size: 16px; float: right; margin-top: 4px; }
body.homepage .productbox-block-wrapper.otc-product .otc-wrapper img { vertical-align: bottom; margin-right: 6px; }
.shop-product-container .productbox-block-wrapper.otc-product .productbox-content .otc-wrapper{margin-top: 22px;margin-bottom: 4px;}
.shop-product-container .productbox-block-wrapper.otc-product .productbox-content .otc-wrapper p{font-family: 'dp-b'; font-size: 15px; position: relative; top:-9px;margin-bottom: 0px; color: #F79823; line-height: 15px;}
.shop-product-container .productbox-block-wrapper.otc-product .productbox-content .otc-wrapper img{margin-right: 8px; position: relative; top:4px;}
/*----------------------------------------*/

/* product page*/
.product-main-wrapper{position: relative;}
/*.product-banner-wrapper {position: relative; background-image: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,172,216,.3) 100%); width: 1080px; padding: 0}*/
.product-banner-wrapper {position: relative; width: 1080px; padding: 0; padding-top: 43px; margin-bottom: 0px;}
/* .product-banner-wrapper {position: relative; width: 100%; padding: 0} */
.product-banner-image {position: absolute; bottom: 0; right: 0; pointer-events: none; height: 400px;}
.product-banner {position: relative;}
.product-banner .image-wrapper {width: 400px; font-size: 0;}
.product-banner-wrapper.gradient-clean .product-banner-image {display: none}
/* .product-banner .text-wrapper {width: calc(100% - 400px); padding-left: 40px; padding-right: 100px} */
.product-banner .text-wrapper {width: calc(100% - 400px); padding-left: 40px;}

.product-banner .serie-wrapper {margin-top: 50px;}
.product-banner .serie-wrapper .logo {max-width: 68px; margin-right: 10px; position: relative; top: 4px;}
.product-banner .serie-wrapper span {width: 46px; height: 46px; background: red; border-radius: 46px; color: white; display: inline-block; text-align: center; line-height: 46px;  font-size: 22px;}
.product-banner h1 {font-size: 30px; letter-spacing: -0.6px; text-transform: uppercase; line-height: 38px; margin-bottom: 11px;}
.product-banner .product-category{font-size: 30px; letter-spacing: -0.6px; text-transform: uppercase; line-height: 38px; margin-bottom: 22px; font-family: 'dp-m';}
.product-banner .product-short-description {font-size: 16px; line-height: 22px; letter-spacing: -0.32px;}

.product-banner .category{margin-bottom: 15px;}
.product-banner .category label{color:#001378; font-size:14px;position: relative; left: 18px;top: -11px;}
.product-banner .capacity {font-size: 16px; margin-top: 20px;}
.product-banner .capacity img{margin-right: 12px;    position: relative;top: 2px;}
.product-banner .capacity i {font-size: 24px; margin-right: 15px; color: #9da2a7; position: relative; top: 4px;}
.product-banner .product-kind { margin-top: 20px; font-size: 16px; color: #001378; font-family: 'dp-b'; }
.product-banner .price-wrapper {margin-top: 16px; padding-bottom: 40px; position: relative;}
.product-banner .price-wrapper .price {font-size: 34px; margin-right: 20px; position: relative; top: 8px; color: #001378;}
.product-banner .price-wrapper .price .dp-b {font-size: 34px; margin-right: 5px; letter-spacing: -1.7px;}
.product-banner .cart-button{margin-bottom: 69px;}
.product-banner .cart-button .btn{background:#001378; color:#fff; text-transform: uppercase; text-align: center; width: 204px; border:2px solid #001378; padding: 0px; line-height: 38px; height: 42px; transition: all 0.5s ease;}
.product-banner .cart-button .btn:hover{background: #fff; color: #001378;}
.product-banner .otc-wrapper{padding-top: 50px;}
.product-banner .otc-wrapper p{font-family: 'dp-b'; font-size: 20px; margin-bottom: 13px; color: #F79823;}
.product-banner .otc-wrapper img{margin-right: 8px;}
.product-info-wrapper{padding-top: 80px; padding-bottom: 66px; position: relative; min-height: 550px; background: transparent; background-position: center; background-repeat: no-repeat; background-size: cover;}
.product-info-wrapper:before{background:#001378; content: '';opacity: 0.9; position: absolute; width: 100%; height: 100%; left: 0px; top:0px; z-index: 1;}
.product-info-row{z-index:2;position: relative ;flex-wrap:wrap; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.product-info-block{padding:0px 45px 50px 45px; margin-bottom: 0px; width: calc(50% - 12px); color: #fff;}
.product-info-block .title{font-size: 24px; line-height: 33px; text-transform: uppercase; letter-spacing: -0.52px; margin-bottom: 20px;}
.product-info-block{line-height: 22px; letter-spacing: -0.32px;}
.product-info-block a.btn.btn-orange {text-align: center;border: 2px solid #F79823;border-radius: 21px;color: #F79823; /* line-height: 37px; */padding-top: 8px;font-size: 12px;text-transform: uppercase;margin-top: 50px;}
.product-info-block a.btn.btn-orange:hover {border: 2px solid #F79823;color: #FFF;background: #F79823;}
.product-info-block .short-description .usage svg{width: 29px;position: relative; top:-5px;}
.product-info-block .short-description .usage label{padding-left: 12px;position: relative; top:-22px;}
.product-info-block .short-description .usage svg path:first-child{fill: #001378;}
.product-info-block .short-description .usage.otc svg path:first-child{fill: #F79823;}
.product-info-block .short-description .capacity{display: flex;}
.product-info-block .short-description .capacity img{height: 30px; margin-right: 11px;}
.product-info-block .short-description .capacity span{font-family: 'dp-r'; line-height: 30px;}

.product-disclaimers { padding: 0 45px 0 45px; color: #fff; position: relative; margin-top: 6px; }
.product-disclaimers:before { content: ""; display: block; height: 1px; background: #fff; opacity: 0.3; }
.product-disclaimers .drug-description { padding-top: 54px; font-size: 12px; line-height: 17px; }
.product-disclaimers .drug-warnings { padding-top: 32px; font-size: 20px; line-height: 28px; font-family: 'dp-b'; }

.related-product-wrapper{margin-top: 150px;}
.activity-wrapper {margin-bottom: 40px;}
.activity-wrapper .activity-content {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.activity-wrapper .title {font-size: 30px; margin-bottom: 30px; margin-top: 60px;}
/* .activity-wrapper .activity-content > div {padding: 24px 30px; background: white; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1); float: left; margin-right: 25px; width: calc((100% - 25px * 3)/4)} */
.activity-wrapper .activity-content > div {padding: 23px 23px; background: white; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1); float: left; margin-right: 25px; width: calc((100% - 25px * 3)/4)}
.activity-wrapper .activity-content > div:nth-child(4n) {margin-right: 0;}
.activity-wrapper .name {font-size: 16px; border-bottom: 1px solid #000; margin-bottom: 12px; padding-bottom: 12px; min-height: 3em;}
/* .activity-wrapper .description {height: 10em;} */

.way-of-usage-wrapper {margin-bottom: 75px; border-bottom: 2px solid #EBEBEB }
.way-of-usage-wrapper .left-side {width: calc(100% - 310px); padding-top: 45px; }
.way-of-usage-wrapper .right-side {width: 310px}
.way-of-usage-wrapper .left-side .col-33 {width: 33.33333%; float: left}
.way-of-usage-wrapper .left-side .col-66 {width: 66.66666%; float: left}
.way-of-usage-wrapper .left-side .top-side {margin-bottom: 50px; float: left; width: 100%; clear: both}
.way-of-usage-wrapper .left-side .top-side .title:not(.dp-b) {font-size: 30px; position: relative; top: -7px}
.way-of-usage-wrapper .left-side .top-side .title:not(.dp-b) .icon-star {padding-right: 17px;}
.way-of-usage-wrapper .left-side .top-side .title.dp-b {font-size: 24px; line-height: 1.1em; padding-bottom: 10px; margin-bottom: 10px; display: block; border-bottom: 1px solid #000000}
.way-of-usage-wrapper .left-side .top-side .short-description {line-height: 1.1em; width: calc(100% - 50px)}
.way-of-usage-wrapper .left-side .bottom-side {float: left; width: 100%; padding-bottom: 30px}
.way-of-usage-wrapper .left-side .bottom-side li {border-left: 1px solid #000000; padding-left: 16px; padding-right: 16px;}
.way-of-usage-wrapper .left-side .bottom-side li .title {color: #20A1C9; font-size: 16px; line-height: 1.1em; margin-bottom: 8px; position: relative; top: -3px;}
.way-of-usage-wrapper .left-side .bottom-side li .short-description {line-height: 1.1em;}
.way-of-usage-wrapper .right-side img {position: relative; left: 100px}

.bottom-side .col-50 {float: left; width: 50%; padding-right: 100px;}
.bottom-side .col-50 img {margin-right: 30px; float: left;}
.way-of-usage-wrapper .left-side.face {width: 100%;}


.analysis-wrapper {padding-bottom: 60px; border-bottom: 2px solid #EBEBEB}
.analysis-wrapper .title {font-size: 30px; text-align: center; margin-bottom: 30px;}
.analysis-wrapper .analysis-content {padding: 0 42px}
.analysis-wrapper .analysis-content > div {width: 235px;}
.analysis-wrapper .analysis-header img {width: 25px;}
.analysis-wrapper .analysis-header span {font-size: 70px; margin-left: 15px;}
.analysis-wrapper .analysis-header label {font-size: 33px; color: #D01A6E;}
.analysis-wrapper .description {text-align: center; margin: 0 auto; margin-top: 30px;}
.analysis-wrapper .description .icon-arrow {color: #D01A6E; padding: 0 3px; font-size: 14px; display: inline-block;position: relative; top: 2px;}
.analysis-wrapper .description .icon-arrow.prev {transform: rotate(180deg); position: relative;}
.analysis-wrapper .description span {font-size: 20px; padding: 0 18px}

.analysis-wrapper .description .arrows-prev, .analysis-wrapper .description .arrows-next {white-space: nowrap}

.product-description-wrapper {background-repeat: no-repeat; background-position: right 0px; padding: 50px 0 80px; background-size: auto 100%}
.product-description .title {font-size: 30px; border-bottom: 1px solid #000; padding-bottom: 15px; margin-bottom: 15px; line-height: 1em}
.product-description .product-info .title {font-size: 34px;}
.product-description .list-description {width: 420px;}
.product-description .product-show {width: calc(100% - 420px); padding-left: 135px;}
.product-description .list-description .icon-heart {font-size: 28px; color: #C72C85; margin-right: 5px;}
.product-description .product-show .image-wrapper {width: 170px;}
.product-description .product-show .product-info {width: calc(100% - 170px);}
.product-description .product-show .product-info .short-description {font-weight: 100}
.product-description ul {list-style-type: none}
.product-description ul li {margin-bottom: 20px; position: relative; font-style: italic}
.product-description ul li:before {content: ''; width: 5px; height: 5px; background: #C72C85; border-radius: 50%; margin-left: 8px; margin-right: 20px; display: inline-block; position: relative; top: -2px;}
.product-description ul li .label {position: relative;display: inline-block;float: right;width: calc(100% - 33px);top: 0;}
.product-description ul li .label {position: relative;display: inline-block;float: right;width: calc(100% - 33px);top: 0;}
.product-description > div:nth-child(1) {margin-bottom: 40px;}


.description-box {background: white; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.1); padding: 30px 25px; width: calc((100% - 25px)/2); margin-right: 25px; float: left;}
.description-box .title + div {height: 5em;}
.description-box:nth-child(2n) {margin-right: 0;}
.description-box .short-description {font-weight: 100}
.info {font-size: 11px; color: #9DA2A7; padding-top: 35px;}

.product-info .price {font-size: 28px; margin: 20px 0;}
.product-info .price .dp-b {font-size: 28px; margin-right: 5px;}
.product-info .btn {background: #CD2581; color: white;}

.recommended-product-wrapper {padding-top: 55px; padding-bottom: 80px; }
.recommended-product-wrapper .title {display: block; font-size: 30px; width: 100%; padding-bottom: 47px}
.recommended-product-internal {position: relative}









/*------------------------------------------------------------------------------------------------------------------------*/
/* SHOP VIEW */
.shop-content-wrapper {padding-top: 35px; padding-bottom: 70px; position: relative}
.shop-content .sidebar-wrapper {width: 230px;}
.shop-content .sidebar-wrapper .title {font-size: 30px;}
.shop-content .sidebar-wrapper .sidebar-content .title {font-size: 16px; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 16px; letter-spacing: -0.8px; margin-top: 40px;}
.shop-product-container-wrapper {width: calc(100% - 230px); padding-left: 53px; position: relative}

/*SHOP*/
.shop-product-container .recommended-product {display: table; clear: both; width: 100%; height: auto; position: relative; margin-bottom: 50px;padding-right: 44px; padding-top: 15px;}
.shop-product-container .recommended-product {
    background: -moz-linear-gradient(319deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(1,162,196,.2) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(34%, rgba(255,255,255,1)), color-stop(100%, rgba(1,162,196,.2))); /* safari4+,chrome */
    background: -webkit-linear-gradient(319deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(1,162,196,.2) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(319deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(1,162,196,.2) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(319deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(1,162,196,.2) 100%); /* ie10+ */
    background: linear-gradient(131deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 34%, rgba(1,162,196,.2) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#01A2C4',GradientType=1 ); /* ie6-9 */
}
.shop-product-container .recommended-product .left-side {float: left; width: 260px}
.shop-product-container .recommended-product .right-side {display: table-cell; vertical-align: middle}
.shop-product-container .recommended-product .left-side img {height: auto; margin: 0 auto; display: block; position: relative}
.shop-product-container .recommended-product .right-side .title {font-size: 34px; line-height: 1.1em; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #000000; width: 100%; display: block}
.shop-product-container .recommended-product .right-side .short-description {font-size: 19px; line-height: 1.1em; margin-bottom: 40px;}
.shop-product-container .recommended-product .right-side .btn {background: #20A1C9; color: white}
.product .articlelist {margin-top: 100px; margin-bottom: 100px;}

/*SIDEBAR*/
.sidebar-content {padding-bottom: 30px;}
.sidebar .sidebar-label .icon-arrow_down {font-size: 8px; position: relative; display: block; width: 14px;; display: none}
.sidebar .sidebar-label .icon-arrow_down::before {position: absolute; top: 50%}
.sidebar .sidebar-label.active .icon-arrow_down::before {font-size: 8px; cursor: pointer;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);}
.sidebar-content .check-radio-container:hover {cursor: pointer}
.sidebar-content .check-radio-container .rules {margin-left: 5px; color: #606060; font-size: 14px; position: relative; top: -2px;}


/*PAGINATION PRODUCT & POSTS*/
.pagination-wrapper {margin-bottom: 30px;}
.pagination {color: #9DA2A7}
.pagination .right {width: 200px;}
.pagination a {width: 34px; height: 34px; display: inline-block; text-align: center; line-height: 30px; border: 2px solid #000; color: #000; border-radius: 50%;}
.pagination a.prev {transform: rotate(180deg);}
.pagination .icon-arrow {display: block; position: relative; left: 50%; top: 50%;}
.pagination a:hover .icon-arrow {position: relative; left: 18px;}
.pagination .current {color: #000; border-bottom: 2px solid #000;}
.pagination .counter {display: inline-block}
.pagination .counter li {display: inline-block}
.pagination .counter li:not(:nth-child(2)):hover {cursor: pointer; color: #000000}
.pagination .counter li:nth-child(2) {margin: 0 11px}


/*BASKET ICON*/
.basket-icon-wrapper {position: absolute; bottom: 20px; right: 20px; background: #1F1F1F; color: white; width: 54px; height: 54px; border-radius: 50%; text-align: center; font-size: 24px; line-height: 54px; bottom: 20px; z-index: 101}
.basket-icon-wrapper.start {position: fixed}
.basket-icon-wrapper.fixed {position: fixed;}
.basket-icon .product-count {position: absolute; top: -4px; right: -4px; font-size: 12px; height: 20px; width: 20px; background: white; color: #000; border-radius: 50%; text-align: center; line-height: 20px; display: none;}



/*MASK & LOADER*/
.active-loader::before {content: ''; display: block; width: 100%; height: 100%; background: #ffffff; opacity: .8; top: 0; left: 0; position: absolute;z-index:1}
#loader {display: block;position: absolute;width: 25px;height: 25px;top: 250px; left: 50%; z-index: 2}
#loader div {box-sizing: border-box;display: block;position: absolute;width: 25px;height: 25px;margin: 3px;border: 3px solid red;border-radius: 50%;animation: load-container 1.2s cubic-bezier(0.55, 0, 0.55, 1) infinite;border-color: #B9BFC4 transparent transparent transparent;}
#loader div:nth-child(1) {animation-delay: -0.45s;}
#loader div:nth-child(2) {animation-delay: -0.30s;}
#loader div:nth-child(3) {animation-delay: -0.15s;}
.shop-product-container {position: relative}
.shop-product-container.active-loader::before {z-index: 4}
.shop-product-container.active-loader #loader {z-index: 5}
@keyframes load-container {
    0% {-webkit-transform: translate(0,-50%) rotate(0deg);-moz-transform: translate(0,-50%) rotate(0deg);-ms-transform: translate(0,-50%) rotate(0deg);-o-transform: translate(0,-50%) rotate(0deg);transform: translate(0,-50%) rotate(0deg);}
    100% {-webkit-transform: translate(0,-50%) rotate(360deg);-moz-transform: translate(0,-50%) rotate(360deg);-ms-transform: translate(0,-50%) rotate(360deg);-o-transform: translate(0,-50%) rotate(360deg);transform: translate(0,-50%) rotate(360deg); }
}


/* BREADCRUMB */
.breadcrumb-wrapper {color: #9DA2A7; font-size: 12px; padding: 15px 0;}
.breadcrumb-wrapper span {color: #000;}
.breadcrumb-wrapper a:hover {color: #000;}
.breadcrumb-wrapper .line {width: 15px; height: 1px; background: #c3c9d0; margin: 0 10px; display: inline-block; position: relative; bottom: 4px; }


/*RECENTLY-PRODUCT, BODY, FACE, CLEARANCE, TROUBLE-SKIN*/

/*common*/
.fixed-subpage-parent {position: fixed; width: 100%; left: 0; top: 0; margin-top: 60px; padding-top: 35px; visibility:hidden;opacity:0;filter:alpha(opacity=0);-webkit-transition:200ms ease;-moz-transition:200ms ease;-o-transition:200ms ease;transition:200ms ease; display: none;}
.fixed .fixed-subpage-parent {margin-top: 0; padding-top: 0; z-index:100;}
.fixed-subpage-parent:hover {cursor: default}
.menu > li.active .fixed-subpage-parent, .menu > li.active .fixed-subpage-parent {visibility:visible;opacity:1;filter:alpha(opacity=100); z-index: 100; display: block;}
.fixed-subpage {top: 95px; z-index: 100; width: 100%;margin: 0 auto; background: white; -webkit-box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);-moz-box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1); border-top: 1px solid #707070 }
.fixed-subpage.fixed {position: fixed; top: 55px; left: 50%}
.fixed-subpage .fixed-subpage-internal {margin: 0 auto; background: white; padding-top: 45px; padding-bottom: 45px;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col .header-internal, .fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col li .label {padding: 10px 0;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .products-list li {padding-top: 10px;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col {width: calc(100% - (200px + 252px)); margin-right: 10%; padding-left: 60px;}



.fixed-subpage .fixed-subpage-internal .products-list li:not(:hover) {color: #000 !important;}

/*recent-products*/
.fixed-subpage .recent-products .col {width: calc(25% - 12px);}
.fixed-subpage .recent-products .col .image-container {width: 100%}
.fixed-subpage .fixed-subpage-internal .about-product li:not(:last-child) {padding-bottom: 10px;}
.fixed-subpage .fixed-subpage-internal .col .image-container img {margin: 0 auto; padding-bottom: 30px;}
.fixed-subpage .fixed-subpage-internal .col .series {width: 100%; border-bottom: 1px solid #707070; font-size: 16px;}
.fixed-subpage .fixed-subpage-internal .col .short-description {padding-top: 10px; font-size: 16px;}
.fixed-subpage .fixed-subpage-internal .capacity {font-size: 16px;}

.internal-menu li .label {color: #9DA2A7}
.internal-menu li:hover .label, .internal-menu li.active .label {color: #000000}

.fixed-subpage .recommend .icon-heart {font-size: 26px; position: relative; top: 5px; color: red;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col {flex-basis: 200px; flex-shrink: 0; display: block; font-size: 14px;}
.fixed-subpage .fixed-subpage-internal.trouble-skin .left-col {flex-basis: 250px; flex-shrink: 0; display: block; font-size: 14px;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col li .label {display: inline-block; position: relative;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col li .label::before {top: 100%;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col li:hover {cursor: pointer;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .left-col .header-internal {display: block; padding-bottom: 10px;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col {font-size: 14px;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col .header-internal:first-child {font-size: 14px;position: relative; border-bottom: 1px solid #111111}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col .header-internal:first-child {padding-top: 0}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col .products-list-parent:not(.active) {display: none}
.fixed-subpage .fixed-subpage-internal.body .left-col li:first-child .label, .fixed-subpage .fixed-subpage-internal.clearance .left-col li:first-child .label {padding-top: 0}
.fixed-subpage .fixed-subpage-internal.clearance .middle-col .header-internal:nth-child(n+3) {padding-top: 25px;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .right-col .recommend .text {font-size: 20px; margin-left: 11px;}
.fixed-subpage .fixed-subpage-internal:not(.recent-products) .right-col {flex-basis: 252px; flex-shrink: 0;}





.stimulates-skin-wrapper-internal {margin-bottom: 50px;}
.stimulates-skin-wrapper { padding-top: 70px; margin-bottom: 75px; border-bottom: 2px solid #EBEBEB; }
.stimulates-skin-wrapper .left, .stimulates-skin-wrapper .right { width: 50%; }
.stimulates-skin-wrapper .left-side { padding-right: 24px; }

.stimulates-skin-wrapper .left-side .top-side .title:not(.dp-b) {font-size: 30px; position: relative; top: -7px}
.stimulates-skin-wrapper .left-side .top-side .title:not(.dp-b) .icon-star {padding-right: 17px;}
.stimulates-skin-wrapper .left-side .top-side .title.dp-b {font-size: 24px; line-height: 1.1em; padding-bottom: 10px; margin-bottom: 10px; display: block; border-bottom: 1px solid #000000}
.stimulates-skin-wrapper .left-side .top-side .title.dp-b.tiny {font-size:16px}
.stimulates-skin-wrapper .left-side .description-container:first-child { margin-bottom: 20px; }
.stimulates-skin-wrapper .right-side .features { padding-top: 36px; width: 55%; }
.stimulates-skin-wrapper .right-side .features li {border-left: 1px solid #000000; padding-left: 16px; padding-right: 16px;}
.stimulates-skin-wrapper .right-side .features li .title {color: #ECAA41; font-size: 16px; line-height: 1.1em; margin-bottom: 8px; position: relative; top: -3px;}
.stimulates-skin-wrapper .right-side .features li .short-description {line-height: 1.1em;}
.stimulates-skin-wrapper .right-side .features li:last-child { margin-top: 40px; }
.stimulates-skin-wrapper .right-side .image { width: 45%; }
.stimulates-skin-wrapper .right-side .image img { position: relative; top: -36px; }

@media only screen and (max-width: 1440px) {
    .brand-wrapper:before{position: absolute; content: ''; background: #fff; opacity: 0.8; width: 100%; height: 100%; top:0px; left: 0px;}
}



@media only screen and (max-width: 1366px) {
    /*
    .article-container .articlebox-wrapper {width: calc((100% - (2 * 25px))/3);}
    .article-container .articlebox-wrapper:nth-child(4n) {margin-right: 25px;}
    .article-container .articlebox-wrapper:nth-child(3n) {margin-right: 0;}
    .homepage-article .articlebox-wrapper:nth-child(n+4) {display: none;}

    .article-container-wrapper.first-page .article-container:first-child .article-container .articlebox-wrapper:nth-child(4n + 3) {margin-right: 25px;}
    .article-container-wrapper.first-page .article-container:first-child .article-container .articlebox-wrapper:nth-child(3n + 3) {margin-right: 0px;}

    .articles-banner-wrapper {display: block;}
    */
}

@media only screen and (max-width: 1279px) {
    /*spacial*/
    .homepage-product-block-options a{margin-bottom: 0px;}
    .homepage-product-block-options {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;  -webkit-box-pack: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;}

    /*swipers*/
    /*.swiper-wrapper .productbox-block-wrapper  {margin: 0 auto; width: calc(100% - 25px)}*/
    .swiper-wrapper .productbox-block-wrapper  {width: calc(100% - 25px)}
    .related-product-content.product-4 .swiper-nav {display: block}
    /*.related-product-content.product-4 .swiper-slide {width: 100%}*/


    /*common*/
    .container-wrapper {overflow-x: hidden}


    /*main-page*/
    .homepage-main-banner .image-wrapper {position: absolute}
    /*.homepage-main-banner .video-container {width: 100%; left: auto;}*/
    .homepage-main-banner .banner-text-wrapper {left: 300px; width: calc(100% - 300px)}
    .homepage-product-block-title {width: 100%; float: none}
    .homepage-main-banner .video-container {width: 100%}
    .homepage-main-banner-wrapper .video-container { display: block; }

    /*shop products view*/


    /*product*/
    .content-wrapper.shop .shop-product-container .productbox-block-wrapper
        /*.recommended-product-internal {display: block; clear: both; width: 100%;}*/
        /*.recommended-product-internal .productbox-block-wrapper:last-child {display: none}*/
        /*.recommended-product-internal .productbox-block-wrapper {width: calc((100% - 50px) / 3); margin-right: 0; float: left;}*/
        /*.recommended-product-internal .productbox-block-wrapper:not(:nth-child(3)) {margin-right: 25px}*/


        /*articlebox*/
    .articlelist .articles-banner > div:nth-child(1) {height: 250px;}
    /*.articlelist .articles-banner > div:nth-child(1) img {position: absolute;}*/
    /*.articlelist .articles-banner-wrapper .leaf {top: 0; right: 0;}*/



    /*.articlelist .articles-banner > div:nth-child(1) {left: -60px; position: relative; width: 280px}*/
    /*.articlelist .articles-banner > div:nth-child(1) img {left: 0}*/
    .articlelist .articles-banner-wrapper .title {margin-top: 50px}
    .articlelist .articles-banner-wrapper .leaf {top: 10px; right: 0}
    .articlelist .articles-banner-wrapper .title {font-size: 30px}
    .articlelist .articles-banner-wrapper .description {font-size: 16px}
    .articlelist .articles-banner > div:nth-child(2) {width: 450px; position: relative; left: -60px}
    .articlelist .article-container-wrapper .articles-banner {padding-right: 0;}
    .articlelist .articles-banner-wrapper .btn {margin-top: 30px}
    .articlelist .articles-banner-wrapper .left.baner {height: 280px; width: 280px; left: -50px}
    .articlelist .articles-banner-wrapper .left.text {position: relative; left: 240px}
    /*single-article*/
    .homepage-product-block-options.left.select-options{display: flex; flex-wrap: wrap; position: relative; width: 300px; height: 40px; z-index: 10;}

    .select-options a {
        background-color: #fff;
        border: 1px solid #DADADE;
        border-bottom: 0px;
        box-sizing: content-box;
        line-height: 40px;
    }
    .select-options a.show{display: block}
    .select-options a:hover {
        background: #001378;color: #fff;
    }
    .select-options a:hover label{color:#fff; border:0px}
    .homepage-product-block-options a label{border:0px;}

    .homepage-product-block-options a:hover label, .homepage-product-block-options a.active label{border:0px; line-height: 40px; padding-bottom: 0px; font-family: 'dp-r'; border:0px;}
    .select-options a {
        z-index: 1;
        height: 40px;
        display: none;
        list-style: none;padding-left: 15px; padding-right: 15px;
        border-bottom: 0px;
        border-top:0px;
    }
    .homepage-product-block-options a label{line-height: 40px;}
    .select-options a:first-child{
        display: block;
        border-bottom: 1px solid #DADADE;
        border-top: 1px solid #DADADE;
        position: relative;
    }

    .select-options a:first-child:before{right:20px; transition:all 0.5s ease;position:absolute; top:11px;width: 8px;height: 20px; content:'';background-image: url("/images/acerin/svg-icons/arrow_dark.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; transform: rotate(90deg);}
    .select-options a:first-child:after{right:50px; width: 1px; background: #DADADE; height: 42px; content: ''; position: absolute; top:0px;}

    .select-options a:last-child{border-bottom: 1px solid #DADADE;}

    .select-options a {
        cursor: default;
        width: 100%;
    }


}

/*@media only screen and (max-width: 1260px) {*/
/*.product-list-wrapper .productbox-block-wrapper, .recommended-product-wrapper .productbox-block-wrapper {width: calc(100% - 25px)}*/
/*}*/

@media only screen and (max-width: 1200px) {
    /*common*/
    .page-width-margin {padding-left: 60px; padding-right: 60px;}
    .page-width-margin-custom, .product-banner-wrapper {margin-left: 60px; margin-right: 60px;}
    .product-banner-wrapper {width: calc(100% - 120px); padding: 0}
    /*     .product-banner .text-wrapper {padding-right: 0;} */
    /*     .product-banner-wrapper {padding: 0} */


    /*main page*/

    .homepage-main-banner-wrapper {padding-top: 0;}
    .homepage-main-banner .image-wrapper {left: -100px}
    .homepage-main-banner.movie .image-wrapper {left: 0}
    .homepage-main-banner:not(.movie) .image-wrapper img {height: 307px;}
    .banner-text-wrapper .product-series {padding-top: 25px;}
    .homepage-main-banner .banner-text-wrapper {left: 200px; width: calc(100% - 200px)}
    .homepage-banner-button {margin: 0}
    .banner-text-wrapper .composition-description {margin-bottom: 38px}
    /*     .homepage-main-banner-wrapper .swiper-pagination-bullets {bottom: 0; position: absolute; bottom: 0;  width: 100%; margin-bottom:50px;} */
    .swiper-wrapper {position: relative; margin-bottom: 40px;}
    .homepage-main-banner-wrapper .swiper-wrapper {margin-bottom: 0}
    .homepage-product-block-wrapper .swiper-wrapper {margin-bottom: 0}
    .homepage-product-show .text {padding-left: 0}




    /*footer*/
    .footer-top form .left {margin-bottom: 22px;}
    .footer-top form .left, .footer-top form .right {width: 100%}

    /*articles*/
    .articles-banner {width: 100%}
    .articles-banner-wrapper:before {margin: 0 60px}
    .articles-banner-wrapper .leaf {right: 60px;}

    /*product*/
    .product-banner-wrapper {overflow-x: hidden}

}

@media only screen and (min-width: 1280px) {
    .footer-wrapper.bottom{position: absolute;bottom: 0px; width: 100%; left: 0px;}
}
@media only screen and (max-width: 1200px) and (-webkit-min-device-pixel-ratio: 2) {
    /*     .homepage-banner-shop .text .title {margin-top: 35px;} */
    .homepage-main-banner-wrapper .video-container { height: 407px; }
}

@media only screen and (min-width: 1020px) {
    .product-2 .productbox-block .image-wrapper { width: 50%; float: left; top: 70px}
    .product-2 .productbox-content {width: calc(50% - 24px); float: left; margin-left: 0;}
    .product-2 .productbox-block  {clear: both; overflow: auto;}
}
@media only screen and (max-width: 1080px) {

    .ingredients-list .ingredients-product-list .product-box{width: 50%; margin-bottom: 20px;}
    .ingredients-list .ingredient-box{padding-bottom: 28px;}
    /*product*/
    /*     .product-banner-wrapper {width: 100%; left: -100px; width: calc(100% + 100px)} */

    /*     .product-banner .text-wrapper {padding-right: 60px;} */
    .product-banner .text-wrapper {padding-right: 0px;}
    .product-banner .image-wrapper {position: relative;}
    .analysis-wrapper .analysis-content {padding: 0}
    .analysis-wrapper .analysis-content > div {width: 30%}
    .analysis-wrapper .description {margin-top: 77px;}
    .analysis-wrapper .description span {font-size: 18px;}

    .activity-wrapper .activity-content {flex-wrap: wrap;}
    .activity-wrapper .activity-content > div {width: calc(50% - 12.5px); margin-right: 0; margin-bottom: 25px}
    /*     .activity-wrapper .activity-content > div {width: 50%;  margin-right: 0; margin-bottom: 25px} */
    /*     .activity-wrapper .activity-content > div:nth-child(odd) {margin-right: 25px;} */
    /*     .activity-wrapper .description {height: 8em} */

    .product-description .product-show {width: 715px; padding-left: 0px; left: -20px; position: relative; margin-top: 60px;}


    /*articlelist*/
    /*.articles-banner-wrapper.page-width-margin-custom {margin-left: 0; margin-right: 0}*/
    .articles-banner-wrapper.page-width-margin-custom {margin-right: 0}
    /*.articlelist .articles-banner > div:nth-child(1), .articlelist .articles-banner > div:nth-child(2) {left: 0;}*/
}

@media only screen and (min-width: 991px) {

    /*.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2),*/
    /*.article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(3),*/

    /*.article-sidebar, .related-product-content.product-single .right-side {width: calc(25% - 25px); margin-right: 0;}*/

    .single-article .article-sidebar{width: 100%;}

    .single-article .related-product-content.product-single .right-side {width: 25%}
    .single-article .related-product-content.product-single .right-side {float: right}
    .related-product .title .right {width: 100%}
}

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

    .homepage-main-banner-wrapper {display: none;}
    .homepage-main-banner-rwd  {display: block;}

    .brand-wrapper{background-position: center;}
    .shop-product-container .productbox-block-wrapper.otc-product .productbox-content .otc-wrapper{margin-bottom: 30px;}
    .bottom-side .col-50 {width: 100%; padding-right: 0; padding-bottom: 40px;}
    .way-of-usage-wrapper .left-side .col-33 {width: 100%;}
    .homepage-shop-online{display: flex;}
    .swiper-prev:hover, .swiper-prev{left: 0px;}
    .swiper-next:hover, .swiper-next{right: 0px;}

    .stimulates-skin-wrapper .right-side .image { display: none; }
    .stimulates-skin-wrapper .right-side .features { width: 100%; padding-top: 32px; }
    .stimulates-skin-wrapper .right-side .features li:last-child { margin-top: 72px; }
    .stimulates-skin-wrapper {padding-top:0; padding-bottom: 60px}

    /*common*/
    .homepage-banner-shop .overlay-wrapper {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;}
    .homepage-product-show .percentage, .footer-copy .page-width-margin {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;  -webkit-box-pack: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;}

    .banner-text-wrapper .product-series {font-size: 30px;}
    .homepage-product-block-title .dp-b , .newsletter .title, .additional-banner-1 .title, .homepage-banner-shop .text .title, .homepage-product-show .text .title, .homepage-article > .title, .social-plugin-header .title .dp-b.small, .shop-product-container .recommended-product .right-side .title, .way-of-usage-wrapper .left-side .top-side .title:not(.dp-b) {font-size: 26px}
    .product-banner h1, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .title {font-size: 19px}
    .homepage-product-block-title span, .social-plugin-header .title, .additional-banner-1 .text, .banner-text-wrapper .product-name, .banner-text-wrapper .composition-title, .homepage-banner-shop .text .description, .way-of-usage-wrapper .left-side .top-side .title.dp-b {font-size: 20px;}
    .banner-text-wrapper .composition-description, .productbox-block .product-name a, .productbox-block .usage [class*='icon-'] ~ .label, .articlebox .title, .footer-title, .shop-product-container .recommended-product .right-side .short-description, .specialist-banner .info-container .bottom {font-size: 16px}
    .productbox-block .product-description, .articlebox .description, .fixed-subpage .fixed-subpage-internal .col .series, .fixed-subpage .fixed-subpage-internal .col .short-description, .fixed-subpage .fixed-subpage-internal .capacity, .product-banner .product-short-description, .specialist-banner .info-container .top {font-size: 14px}


    /*main-page*/
    .fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col {margin-right: 5%}
    .homepage-banner-shop .overlay .basket {display: none}
    .homepage-banner-shop .overlay-wrapper:after {display: none}
    .homepage-banner-shop .overlay {padding: 0 27px}
    .homepage-banner-shop .overlay .btn {margin: 0;}
    .homepage-banner-shop .text {width: calc(100% - 258px)}
    .homepage-banner-shop .text .line,  .homepage-banner-shop .text .description {width: calc(100% - 50px); padding-right: 0;}
    .homepage-banner-shop .text .title {width: calc(100% - 30px); padding-right: 0;}
    .homepage-product-show .percentage {width: 100%}
    .homepage-product-show .percentage > div {width: 25%}
    .homepage-product-show .text {width: calc(100% - 300px)}
    .homepage-product-show-wrapper {padding-bottom: 0}
    .specialist-banner-wrapper {height: 350px}
    /*.specialist-banner .logo-container {text-align: center}*/
    .specialist-banner .logo-container img {width: 130px;}
    .specialist-banner .info-container {margin: 20px 0}
    .specialist-banner-wrapper {padding-top: 60px;}
    /*     .brand-wrapper .brand .pot-wrapper {width: 265px} */
    .brand-wrapper {position: relative;}
    /* 	.brand-wrapper .brand .pot-wrapper {width: 450px; position: absolute; right: 0; top: 50%; transform: translateY(-50%)} */
    .brand-wrapper .brand .pot-wrapper {width: 450px;}
    .brand-wrapper .brand .text {width: calc(100% - 265px)}
    .banner-text-wrapper .composition-title {margin-bottom: 15px;}

    .articlelist .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) {width: 50%; padding-right: 12px;}
    .articlelist .article-container .articlebox-wrapper {width: calc((100% - 25px)/2);}
    .homepage .article-container .articlebox-wrapper:last-child {display: none}
    .articlelist .article-container .articlebox-wrapper:nth-child(3n) {margin-right: 25px;}
    .articlelist .article-container .articlebox-wrapper:nth-child(2n) {margin-right: 0;}
    .articlelist .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2n+2) {margin-right: 0px;}
    .articlelist .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2n+1) {margin-right: 25px;}
    .articlelist .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2){width: 50%; padding-left: 12px; margin-right: 0px;}
    .articlelist .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:first-child{margin-right: 0px;}
    /*product*/
    .additional-banner-1 .text-wrapper {width: calc(100% - 351px)}
    .additional-banner-1 .column-count-2 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
    .additional-banner-1 .title, .additional-banner-1-wrapper.additional-banner-product .text {margin-bottom: 6px; padding-bottom: 12px}
    .way-of-usage-wrapper .left-side .bottom-side {padding-bottom: 60px}
    .way-of-usage-wrapper .left-side {width: 100%}
    .way-of-usage-wrapper .right-side {display: none}
    .recommended-product-wrapper {padding-bottom: 0}
    /*.recommended-product-wrapper .swiper-wrapper {margin-bottom: 0}*/
    /*{padding-bottom: 0}*/
    /*.way-of-usage-wrapper .left-side .col-33 {width: 70%}*/


    /*shop*/
    .content-wrapper.shop .shop-product-container-wrapper {padding-left: 20px}

    .basket-icon-wrapper:not(.fixed) {bottom: -100px}
    .shop-product-container .productbox-block-wrapper{width: 50%;}
    .shop-product-container .productbox-block-wrapper:nth-child(3n){border-right: 0px;}
    .shop-product-container .productbox-block-wrapper:nth-child(2n){width: 50%; border-right: 1px solid #DADADE;}
    .shop-product-container .productbox-block-wrapper.otc-product{width: 100%;}



    /*newsletter*/
    .newsletter-text {display: none;}
    .newsletter-input {width: calc(100% - 205px)}

    /*footer*/
    /*     .footer-blocks > .left {width: 250px} */
    /*     .footer-blocks > div */
    /*     .footer-blocks > .left.col-left {display: none} */
    /*     .footer-blocks > .left:last-child {width: calc(100% - 250px); padding-right: 0; float: right} */
    /*     .footer-copy .left, .footer-copy .right {float: none} */
    .footer-copy a:not(:last-child) {margin-right: 30px}

    /*articlelist*/
    .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .text-wrapper {padding: 29px 33px;}
    /*     .articlebox-wrapper .btn-read-more {height: 20px; line-height: 20px} */
    .articlebox-wrapper .btn-read-more a {padding-top: 0 !important;}
    .article-container-wrapper .pagination-wrapper {margin: 30px 0}


    /*single article*/
    .related-product-content.product-single .left-side {padding-right: 60px;}
    .single-article-container{width: 100%;}
    .single-article .article-sidebar, .single-article .related-product-content.product-single .right-side {width: 25%}
    .single-article .related-product-content.product-single .right-side {float: right}
    .related-product-content.product-single .productbox-block-wrapper {overflow: hidden;}
    /*     .related-product-content.product-single .productbox-block {position: relative; left: -50px; width: calc(100% + 50px)} */

    .related-product-content.product-single .productbox-block-wrapper {margin-bottom: 25px}
    .article-next-prev, .article-next-prev {margin-bottom: 30px}
}

/* @media only screen and (max-width: 950px) { */
/* 	.homepage-main-banner-wrapper .swiper-wrapper .custom:nth-child(1) {background-size: 300% !important} */
/* 	.homepage-main-banner-wrapper .swiper-wrapper .custom:last-child {background-size: 420% !important; background-repeat: no-repeat !important;} */
/* } */

@media only screen and (max-width: 930px) {
    /*product*/
    /*.recommended-product-internal .productbox-block-wrapper:last-child, .recommended-product-internal .productbox-block-wrapper:nth-child(3) {display: none}*/
    /*.recommended-product-internal .productbox-block-wrapper {width: calc((100% - 25px) / 2); margin-right: 0; margin-bottom: 0}*/
    /*.recommended-product-internal .productbox-block-wrapper:not(:nth-child(3)) {margin-right: 0}*/
    /*.recommended-product-internal .productbox-block-wrapper:not(:nth-child(2)) {margin-right: 25px}*/

    /*swipers*/
    .related-product-content.product-3 .swiper-nav {display: block}
    .product-banner .price-wrapper .btn {width: 185px}
    /*.related-product-content.product-3 .swiper-slide {width: 100%}*/
}

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

    .product .additional-banner-1-wrapper .banner-line {top: 101px;  height: 43px;}
    /*common*/
    .page-width-margin {padding-left: 30px;padding-right: 30px}
    .articlelist .articles-banner-wrapper .title, .articlelist .articles-banner-wrapper .description {padding-right: 30px}

    /*paddings top bottom section*/
    .homepage-product-block-wrapper {padding-top: 35px}
    .brand-wrapper {padding-top: 50px;}

    /*margins section*/
    .homepage-product-block-header, .social-plugin-wrapper, .social-plugin-wrapper, .homepage-article > .title, .homepage-banner-shop-wrapper {margin-bottom: 30px;}
    .homepage-product-show .percentage > div {margin-bottom: 0}
    .social-plugin-wrapper {margin-top: 30px}
    .product-banner-wrapper {margin-left: 30px; margin-right: 30px; width: calc(100% - 60px)}


    /*header*/
    .header {padding-top: 26px; padding-bottom: 26px;}
    .header .logo-wrapper, .header-wrapper.fixed .logo-wrapper {margin-right: 0; width: 110px}
    .header .logo-wrapper img {height: 23px}
    .header .menu-wrapper {padding-top: 10px}
    .header .action-wrapper {padding-top: 7.5px}
    .fixed-subpage-parent {padding-top: 20px}




    /*main-page*/
    .product .additional-banner-1 .text-wrapper {width: calc(100% - 324px); margin-top: 170px}
    .homepage .additional-banner-1 .text-wrapper {width: calc(100% - 260px); margin-top: 140px}
    .additional-banner-1 .image-wrapper {margin-right: 33px; width: 225px;}
    .specialist-banner-wrapper {height: 250px; background-position-x: -350px}
    .specialist-banner-wrapper {padding-top: 30px}

    .homepage .additional-banner-1-wrapper .banner-line {top: 101px; height: 43px;}
    /*.specialist-banner .logo-container img {margin-bottom: 15px}*/


    /*product*/
    .product-banner {left: 0}
    .product-banner-wrapper.page-width-margin {padding: 0}
    /*     .product-banner .text-wrapper {padding-right: 0; padding-left: 20px; width: calc(100% - 340px)} */
    .product-banner .text-wrapper {padding-right: 0; padding-left: 20px; width: calc(100% - 250px); padding-right: 30px}
    .product-description .product-show {width: 100%}
    /*     .product-banner .image-wrapper {width: 310px} */
    .product-banner .image-wrapper {width: 250px; top: 35px}

    /*articlelist*/
    .articlelist .articles-banner-wrapper .left.baner {left: -30px}
    .articlelist .articles-banner-wrapper .left.text {left: 240px}

    /*single article*/
    .single-article-container {padding-right: 30px}
}

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

    /*common*/
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .checkbox .rules, .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .checkbox .checkmark {-webkit-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%);transform: translate(0,-50%);}


    /*shops*/
    .content-wrapper .sidebar-wrapper.active {overflow: hidden;}
    .header-wrapper.fixed ~ .content-wrapper .sidebar-wrapper.active {height: auto; /*background: red;*/}
    .content-wrapper .sidebar-wrapper .sidebar {background: #F5F5F5}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .sidebar-label.active, .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .sidebar-label:hover {background: #F5F5F5}
    .content-wrapper .sidebar-wrapper.active {height: auto; /*background: red*/}
    .content-wrapper .sidebar-wrapper.active .sidebar {height: 100%;}
    .content-wrapper .sidebar-wrapper.active .sidebar .sidebar-content {min-height: auto; padding-bottom: 0;overflow-y: auto; max-height: calc(100vh - 105px); border-top: 1px solid #D9D9D9;}
    .header-wrapper.fixed ~ .content-wrapper .shop-content .sidebar-wrapper {top: 55px; /*background: red;*/z-index: 106; }
    .content-wrapper .shop-content .sidebar-wrapper {-webkit-box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);  -moz-box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);  box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);}

    .breadcrumb-wrapper {display: none}


    .shop-content-wrapper, .article-container-wrapper  {padding-top: 0}
    .sidebar .sidebar-label {margin-bottom: 0;}
    .sidebar.drop-down-label:hover {cursor: pointer;}
    .sidebar .sidebar-label .icon-arrow_down {display: block; margin-right: 30px;}
    .shop-content .sidebar-wrapper {width: 100%; position: fixed; z-index: 99; padding-top: 0; background: #ffffff; left: 0; right: 0; float: none}
    .shop-content .sidebar-wrapper .title {font-size: 16px; line-height: 50px; margin-bottom:0; display: inline-block; padding-left: 30px}
    .shop-content .sidebar-wrapper .sidebar-content {display: none; float: left; width: 100%}
    .shop-content .sidebar-wrapper .sidebar-content .title {font-size: 14px; margin:0; padding: 0}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] {float: left; clear: both; width: 100%}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .sidebar-label {border-bottom: 1px solid #d9d9d9}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .title {display: inline-block; padding: 0 30px; border-bottom: none}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .check-radio-container-parent {float: left; width: 100%; display: none}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .check-radio-container {display: block; float: left; width: 33.33333%; padding: 0 30px}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .checkbox {display: block; margin: 0; height: 100%;}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .checkbox .rules {display: block; margin: 0; vertical-align: middle; padding: 0; position: relative; top: 50%; }
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .checkbox .checkmark {top: 50%}

    .sidebar-content-series .check-radio-container-parent {position: relative;}
    .sidebar-content-series .check-radio-container-parent:after {content: ''; width: 100%; height: 1px; background: #D9D9D9; position: absolute; bottom: 0; left: 0;}


    .shop-content .sidebar-wrapper .sidebar-content-category, .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .check-radio-container-parent {display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .shop-content .sidebar-wrapper .sidebar-content-category .check-radio-container, .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .check-radio-container-parent .check-radio-container {width: 33.33333%; height: 50px;border-bottom: 1px solid #D9D9D9;}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] i.icon-arrow_down {display: none;}
    .shop-content .sidebar-wrapper .sidebar-content-category .check-radio-container {border-top: none}
    .shop-content .sidebar-wrapper .sidebar-content-category {border-top: 1px solid #D9D9D9}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .check-radio-container:not(:nth-child(3n)) {border-right: 1px solid #D9D9D9}
    .shop-content .sidebar-wrapper .sidebar-content-category.not-complete .check-radio-container {border-bottom: none}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'].not-complete .check-radio-container:nth-last-child(-n+2) {border-bottom: none}
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'].not-complete  {border-bottom: 1px solid #D9D9D9}
    .shop-content .sidebar-wrapper .sidebar-content .sidebar-content-application.not-complete .sidebar-label:not(.active), .shop-content .sidebar-wrapper .sidebar-content .sidebar-content-mistakes.not-complete .sidebar-label:not(.active)  {border-bottom: none}
    .sidebar-content::-webkit-scrollbar {width: 0px;background: transparent;}

    .content-wrapper.shop .shop-product-container-wrapper {width: 100%; padding-left: 0}

    .shop-product-container .recommended-product .left-side {width: 180px}
    .shop-product-container .recommended-product .left-side img {padding: 0 30px}
    .content-wrapper.shop .shop-product-container-wrapper {padding-top: 75px}

    /*single article*/
    .article-page-container-wrapper {margin-top: 0}
}

@media only screen and (max-width: 793px) {
    .stimulates-skin-wrapper .right-side .features { padding-top: 54px; }
    .stimulates-skin-wrapper .right-side .features li:last-child { margin-top: 74px; }
}


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



    /* banner */
    /* 	.homepage-main-banner-wrapper .swiper-wrapper .custom:last-child {background-size: 470% !important;} */
    /*homepage*/
    .homepage-shop-online{flex-wrap: wrap;}
    .homepage-shop-online .shop-online-image{padding: 0px; text-align: center; width: 100%; margin-bottom: 50px;}
    .homepage-shop-online .shop-online-text{width: 100%; text-align: center;}
    /*common*/
    .content-wrapper {margin-top: 79px;}
    .content-wrapper.articlelist {margin-top: 0}
    body.content-wrapper {margin-top: 0;}

    /*header*/
    .header .hamburger.is-active ~ .menu-wrapper {z-index: 102; opacity: 1; visibility: visible; overflow-x: hidden; height: calc(100vh - 100% - 50px)}
    .header .hamburger.is-active ~ .menu-wrapper .menu-block {height: auto; position: relative; display: block; overflow: hidden}
    .hamburger ~ .menu-wrapper .menu > li > .internal-menu {-moz-transition: opacity 0.1s ease-in-out;-o-transition: opacity 0.1s ease-in-out;-webkit-transition: opacity 0.1s ease-in-out;transition: opacity 0.1s ease-in-out;left: -30px;position: relative;width: calc(100% + 30px); opacity: 0; visibility: hidden; height:0}
    .hamburger ~ .menu-wrapper .menu > li.active > .internal-menu {visibility:visible;opacity:1;filter:alpha(opacity=100); z-index: 100; height: 100%}


    .homepage.is-locked .header-wrapper, .header-wrapper {position: fixed; width: 100%; z-index:1000; background: #ffffff;}
    .header-wrapper .logo-wrapper .fixed-logo{display: block!important;}
    .header-wrapper .logo-wrapper .logo{display: none!important;}
    .header-supply.show{display: none;}
    .header .hamburger {display: block}
    .header-wrapper .logo-wrapper, .header-wrapper.fixed .logo-wrapper {margin-right: 0}
    .header .menu-wrapper {position: absolute; left: 0; top: 100%; width: 262px; background: white; padding-top: 0; z-index: -1; opacity: 0; visibility: hidden;-webkit-box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1);  -moz-box-shadow: 0px 40px 100px -10px rgba(0,0,0,0.1); }
    .header .menu-wrapper .menu {display: block; font-size: 16px;}
    .header .menu-wrapper .menu > li {height: 75px; border-top: 1px solid #E6E6E6; padding-left: 30px}
    .header .menu-wrapper .menu #shop {border-bottom: 1px solid #D9D9D9;}
    .header .menu-wrapper .menu > li > a {line-height: 75px; display: inline}
    .header .action-wrapper {padding-top: 2px; width: 40%;}
    .header .action-wrapper .search-icon{margin-left: 14px;}
    .header .menu-wrapper .menu > li {display: block; position: relative}
    .header .menu-wrapper .menu > li.active {background: #F5F5F5}
    .header .menu-wrapper .menu > li > .internal-menu li {padding-left: 42px; height: 50px; line-height: 50px; border-top: 1px solid #D9D9D9; position: relative;}
    .header .menu-wrapper .menu > li > .internal-menu li.cat-all {height: auto; line-height: 1.3em; padding-top: 12px; padding-bottom: 12px;}
    /*     .header .menu-wrapper .menu > li > .internal-menu li.cat-all .label {display: inline-block; color: red; width: 100%; padding-right: 30px} */
    .header .menu-wrapper .menu > li > .internal-menu li .label {color: #D9D9D9; font-size: 14px;}
    .header .menu-wrapper .menu > li > .internal-menu li.active .label {color: #000000}
    .header .menu-wrapper .menu > li:hover, .header .menu-wrapper .menu > li.active {height: 100%}
    .header .menu-wrapper .menu > li:nth-child(n+5):after {display: none}
    .header .menu-wrapper .menu .col-middle {color: #797D81;width: 170px;padding-left: 30px; padding-top: 30px; padding-bottom: 30px}
    .header .menu-wrapper .menu .col-middle .right-side {display: none}
    /*     .header .menu-wrapper .menu .col-middle .email {font-size: 14px; margin-bottom: 35px;} */
    .header .menu-wrapper .menu .col-middle .email {font-size: 14px; margin-bottom: 0}
    .header .menu-wrapper .menu .col-middle .footer-title {font-size: 16px !important}
    .header .menu-wrapper .menu .col-middle .instagram-label {font-size: 14px}

    /*header fixed*/
    .header-wrapper.fixed .header {padding-top: 16px}
    .header-wrapper.fixed .menu-wrapper {height: auto}
    .header-wrapper.fixed .logo-wrapper {padding-top: 0}
    .header-wrapper.fixed .header .action-wrapper {padding-top: 2px}
    .header-wrapper.fixed .menu-wrapper {padding: 0}
    .header-wrapper.fixed .menu-block .menu > li {height: auto}

    /*     footer */

    .footer-row .footer-block{width: 100%; margin-bottom: 40px;}
    .footer-row .footer-block:last-child{margin-bottom: 0px;}






    /*recent-pages, body, face etc*/
    .fixed-subpage .fixed-subpage-internal {padding-top: 0px}
    .fixed-subpage .fixed-subpage-internal .about-product li:not(:last-child) {padding-bottom: 7px}
    .fixed-subpage .fixed-subpage-internal .col .short-description {padding-top: 6px}
    .menu > li:hover .fixed-subpage-parent, .menu > li.active .fixed-subpage-parent {width: calc(100% - 262px); height: 100%; left: 262px; margin-top: 0; padding-top: 0; border-bottom: none; overflow-y: scroll; height: calc(100vh - 79px); top: 79px; z-index: 105}
    .fixed .menu > li:hover .fixed-subpage-parent, .fixed .menu > li.active .fixed-subpage-parent {height: calc(100vh - 55px); top: 55px}
    .menu > li .fixed-subpage-parent .fixed-subpage {height: auto; border-top: 1px solid #e6e6e6; padding-top: 30px; box-shadow: inset 6px -4px 22px -10px rgba(0,0,0,0.15);}
    .fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col, .fixed-subpage .recent-products .col {width: 100%}
    .fixed-subpage .fixed-subpage-internal  {display: block; overflow-y: hidden;overflow-y: scroll; width:100%}
    .fixed-subpage .fixed-subpage-internal [class$='-col'], .fixed-subpage .recent-products .col {display: block; padding: 0}
    .fixed-subpage .recent-products .col:not(:last-child) {padding-bottom: 20px}
    .fixed-subpage .fixed-subpage-internal .right-col {margin-top: 50px}
    .fixed-subpage.fixed {position: relative; top: 0}
    .fixed-subpage .fixed-subpage-internal {border-top: 0; overflow: hidden; box-shadow: inset 6px -4px 22px -10px rgba(0,0,0,0.15);}

    .fixed-subpage .fixed-subpage-internal:not(.recent-products) .middle-col {padding: 30px 0;}

    /*main page*/
    .homepage-product-block-options {width: 100%;}

    /*articlelist*/
    .articlelist .articles-banner > div:nth-child(2) {width: calc(100% - 220px)}
    .articlelist .articles-banner-wrapper .left.baner {left: -90px}
    .articlelist .articles-banner-wrapper .left.text {left: 180px}
    .articlelist .articles-banner-wrapper .btn {margin-bottom: 40px}
    /*.articlelist .articles-banner-wrapper .title, .articlelist .articles-banner-wrapper .description {padding-right: 60px}*/



    /*single article*/
    .related-product .title .left {width: 100%}
    .single-article-container, .single-article .related-product-content.product-single .left-side {padding-right: 0; width: 100%}
    .single-article .article-sidebar, .single-article .related-product-content.product-single .right-side, .single-article .related-product-content.product-single .right-side {display: none}

    .article-next-prev .prev .description, .article-next-prev .next .description, .article-next-prev .logo-wrapper {display: none}
    .article-next-prev .logo-wrapper {margin-top: 0}
    .article-next-prev .prev, .article-next-prev .next {width: 50%}
    .article-next-prev .next {float: right}
    .article-next-prev .next i {margin-left: 13px}
    .article-next-prev .prev i {margin-right: 13px}
    /*.article-next-prev .prev .uppercase {margin-right: 13px}*/

}

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

    /*product*/
    .analysis-wrapper .description {display: block}
    .analysis-wrapper .description span {padding: 25px 0; width: 100%; display: block}
    .analysis-wrapper .arrows-next, .analysis-wrapper .arrows-prev {display: inline-block;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}

    /*.activity-wrapper .activity-content > div {padding}*/

    .product .additional-banner-1-wrapper .banner-line {height: 32px; top: 88px}
    .product .additional-banner-1-wrapper .image-wrapper img {height: 300px}
    .product .additional-banner-1 .text-wrapper {width: calc(100% - 202px);margin-top: 100px; padding-bottom: 40px}


    /*footer*/
    /*.footer-copy {height: 80px}*/
    /*.footer-copy .page-width-margin {flex-wrap: wrap;}*/
    /*.footer-copy .page-width-margin a:last-child {flex-basis: 100%;}*/



    /*footer*/
    /*     .footer-blocks > div {padding-right: 30px} */
    .footer-copy {height: 80px;}
    .footer-copy .page-width-margin {-ms-flex-wrap: wrap;flex-wrap: wrap}
    .footer-copy a:not(:last-child) {margin-right: 0;}
    .footer-copy .page-width-margin .privacy-policy {text-align: center}
    .footer-copy .page-width-margin .cookies-policy {text-align: right}
    .footer-copy .page-width-margin .right {display: block; width: 100%}

}

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

    /*main-page*/
    .specialist-banner .btn {color: #fff; background: #31C1B6;}
    .specialist-banner {float: left; width: 100%; position: relative; height: 100%}
    .specialist-banner .logo-container {text-align: center; margin-bottom: 25px}
    .specialist-banner .info-container {display: none}
    .specialist-banner-wrapper {padding-top: 0; margin-bottom: 160px; background-position-x: 37.5% }
    .specialist-banner-wrapper .right {width: 100%; display: block; position: relative; top: calc(100% + 20px)}
    .specialist-banner-wrapper .btn-shadow-parent {margin: 0 auto; text-align: center}

    /*header*/
    .fixed-subpage .fixed-subpage-internal [class$='-col'], .fixed-subpage .recent-products .col {padding: 0}


    /*     product */
    .product-banner-wrapper .price-wrapper .btn {width: 177px}
    .product-banner .text-wrapper {padding-right: 0px;}
    .product-banner .price-wrapper .btn {display: block; margin-top: 20px}

}

@media only screen and (max-width: 620px) {
    /*     .swiper-wrapper .custom {height: 240px;} */
    /* 	.homepage-main-banner-wrapper .swiper-wrapper .custom:last-child {background-size: 460% !important;} */
    /* 	.homepage-main-banner-wrapper .swiper-pagination-bullets {bottom: 30px !important} */
    .ingredients-list .ingredients-product-list .product-box{width: 100%; margin-bottom: 20px;}
}

@media screen and (min-width: 600px) {
    .menu > li > .internal-menu {display: none;}
}


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

    .productbox-block-wrapper{position: relative;}




    .shop-product-container .productbox-block-wrapper{width: 100%; border-right: 1px solid #DADADE}
    .shop-product-container .productbox-block-wrapper:nth-child(3n){border-right: 1px solid #DADADE;}
    .shop-product-container .productbox-block-wrapper:nth-child(2n){width: 100%; border-right: 1px solid #DADADE;}
    .shop-product-container .productbox-block-wrapper.otc-product{width: 100%;}


    .stimulates-skin-wrapper .left-side { width: 100%; }
    .stimulates-skin-wrapper .right-side { width: 100%; }
    .stimulates-skin-wrapper .right-side .features { padding-top: 32px; }
    .stimulates-skin-wrapper .right-side .features li:last-child { margin-top: 24px; }

    .parent-wrapper.active .recent-products-parent {display: block !important; position: relative !important; left: -15px !important; width: calc(100% + 15px) !important; overflow: hidden !important;}

    /*common*/
    .hamburger ~ .menu-wrapper #recent-products .to-product {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-justify-content: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;-webkit-box-align: left;-webkit-align-items: center;-ms-flex-align: center;align-items: center; }
    .page-width-margin {padding-left: 20px;padding-right: 20px}
    .homepage-banner-shop .overlay-wrapper {-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}


    /*swipers*/
    .related-product-content.product-2 .swiper-nav {display: block}
    .swiper-wrapper .productbox-block-wrapper, .related-product-content.product-3 .productbox-block-wrapper, .related-product-content.product-2 .productbox-block-wrapper {width: calc(100% - 200px)}
    .related-product-content.product-single .productbox-block-wrapper {width: calc(100% - 180px)}


    /*paddings top bottom section*/
    .homepage-product-block-wrapper {padding-top: 25px; padding-bottom: 0}
    .brand-wrapper {padding-top: 40px;}
    .page-width-margin, .search-form {padding-left: 15px !important; padding-right: 15px !important;}
    .recommended-product-wrapper {padding-top: 30px;}
    .recommended-product-wrapper .title {padding-bottom: 20px}

    /*margins section*/
    .homepage-product-block-header, .social-plugin-wrapper, .social-plugin-wrapper, .homepage-article > .title, .homepage-banner-shop-wrapper, .social-plugin-header {margin-bottom: 20px;}
    .social-plugin-wrapper {margin-top: 30px}
    .homepage-product-show .percentage > div {margin-bottom: 0}
    .homepage-banner-shop-wrapper {margin-bottom: 100px}
    .activity-wrapper .title {margin-top: 30px; margin-bottom: 20px}
    .analysis-wrapper .title {margin-bottom: 20px}

    /*fonts*/
    /*.analysis-wrapper .title {font-size: 22px}*/
    /*.banner-text-wrapper .product-series{font-size: 20px;}*/
    /*.homepage-product-block-title span, .social-plugin-header .title, .additional-banner-1 .text, .banner-text-wrapper .product-name, .banner-text-wrapper .composition-title {font-size: 16px;}*/
    /*.homepage-product-block-title .dp-b , .newsletter .title, .additional-banner-1 .title, .homepage-banner-shop .text .title, .homepage-product-show .text .title, .homepage-article > .title, .social-plugin-header .title .dp-b.small, .brand-wrapper .brand .title {font-size: 19px}*/
    /*.banner-text-wrapper .composition-description, .productbox-block .product-name a, .productbox-block .usage [class*='icon-'] ~ .label, .articlebox .title, .footer-title {font-size: 14px}*/
    /*.productbox-block .product-description, .articlebox .description, .homepage-banner-shop .text .description {font-size: 14px}*/


    .analysis-wrapper .title, .product-description .title, .recommended-product-wrapper .title, .activity-wrapper .title {font-size: 22px}
    .banner-text-wrapper .product-series {font-size: 20px;}
    .homepage-product-block-title .dp-b , .newsletter .title, .homepage-product-show .text .title, .homepage-article > .title, .social-plugin-header .title .dp-b.small, .shop-product-container .recommended-product .right-side .title, .way-of-usage-wrapper .left-side .top-side .title:not(.dp-b), .social-plugin-header .title, .additional-banner-1 .text, .banner-text-wrapper .composition-title, .homepage-banner-shop .text .description, .way-of-usage-wrapper .left-side .top-side .title.dp-b, .article-page-container h1, .homepage-banner-shop .text .title, .brand-wrapper .brand .title, , .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .title {font-size: 19px;}
    .homepage .banner-text-wrapper .product-name, .homepage .banner-text-wrapper .composition-title, .article-page-container h2, .homepage-product-block-title span {font-size: 16px}
    .banner-text-wrapper .composition-description, .productbox-block .product-name a, .productbox-block .usage [class*='icon-'] ~ .label, .articlebox .title, .footer-title, .shop-product-container .recommended-product .right-side .short-description, .homepage .additional-banner-1 .title, .homepage .additional-banner-1 .text, .homepage-banner-shop .text .description {font-size: 14px}
    /*.productbox-block .product-description, .articlebox .description, .fixed-subpage .fixed-subpage-internal .col .series, .fixed-subpage .fixed-subpage-internal .col .short-description, .fixed-subpage .fixed-subpage-internal .capacity, .product-banner .product-short-description {font-size: 14px}*/




    /*header*/
    .hamburger ~ .menu-wrapper .products-list-parent, .hamburger ~ .menu-wrapper #recent-products {-moz-transition: opacity 0.1s ease-in-out;-o-transition: opacity 0.1s ease-in-out;-webkit-transition: opacity 0.1s ease-in-out;transition: opacity 0.1s ease-in-out;}
    .hamburger ~ .menu-wrapper .products-list-parent {left: -30px;position: relative;width: calc(100% + 30px); opacity: 0; visibility: hidden; height:0}
    .hamburger ~ .menu-wrapper .internal-menu > li.active > .products-list-parent {visibility:visible;opacity:1;filter:alpha(opacity=100); z-index: 100; height: 100%}
    .hamburger ~ .menu-wrapper .menu > li:hover .fixed-subpage-parent, .hamburger ~ .menu-wrapper .menu > li.active .fixed-subpage-parent {display: none}
    .hamburger ~ .menu-wrapper #recent-products.active .fixed-subpage-parent {display: block; position: relative; left: -15px; width: calc(100% + 15px); overflow: hidden;}
    .hamburger ~ .menu-wrapper #recent-products .fixed-subpage-internal {padding: 0}
    .hamburger ~ .menu-wrapper #recent-products .to-product {padding: 10px 0; padding-top: 20px}
    .hamburger ~ .menu-wrapper #recent-products .image-container {display: inline-block; width: auto; padding-right: 15px;}
    .hamburger ~ .menu-wrapper #recent-products .image-container img {height: 100px; padding-bottom: 0; width: auto}
    .hamburger ~ .menu-wrapper #recent-products .about-product {width: 100%}

    .header .menu-wrapper {width: calc(100% - 20px)}
    .header-wrapper .menu-block {height: auto;}
    .header .menu-wrapper .menu > li, .header .menu-wrapper .menu .col-middle {padding-left: 15px; float: none}
    .header .menu-wrapper .menu > li > .internal-menu li {padding-left: 28px; height: auto}
    .header .menu-wrapper .menu > li > .internal-menu li .products-list-parent, .header .menu-wrapper .menu > li > .internal-menu li .products-list-parent li {padding-left: 15px; left: -15px; width: calc(100% + 30px); position: relative}
    .header .menu-wrapper .menu > li > .internal-menu li .products-list-parent li, .header .menu-wrapper .menu > li > .internal-menu li .header-internal {font-size: 14px; line-height: 1.3em; padding-top: 10px; padding-bottom: 10px; display: block; width: 100%}
    .header .menu-wrapper .menu > li > .internal-menu li .products-list-parent li, .header .menu-wrapper .menu > li > .internal-menu li .products-list-parent li a {display: block; width: 100%}
    .header .menu-wrapper .menu > li:hover, .header .menu-wrapper .menu > li.active {height: auto}
    .header .menu-wrapper .internal-menu > li.active {height: auto !important}
    .menu > li:hover .fixed-subpage-parent, .menu > li.active .fixed-subpage-parent {height: auto; top: 0}

    .fixed .menu > li:hover .fixed-subpage-parent, .fixed .menu > li.active .fixed-subpage-parent {height: auto; top: 0}
    /*.fixed-subpage .fixed-subpage-internal [class$='-col'], .fixed-subpage .recent-products .col {padding-left: 15px; padding-right: 15px}*/
    .fixed-subpage .fixed-subpage-internal [class$='-col'] {padding-left: 15px; padding-right: 15px}
    .fixed-subpage .fixed-subpage-internal {padding: 79px 0}
    .fixed .fixed-subpage .fixed-subpage-internal {padding: 55px 0}
    .fixed-subpage .recent-products .col:not(:last-child) {padding-bottom: 20px; border-bottom: 1px solid #E6E6E6}




    /*homepage*/
    .homepage-main-banner .banner-text-wrapper {width: calc(100% - 170px); left: 170px;}
    .swiper-wrapper {width: 100%;}
    .swiper-wrapper {margin-bottom: 60px}
    /*     .homepage .swiper-wrapper {margin-bottom: 20px} */
    /*     .homepage-main-banner-wrapper .swiper-pagination-bullets {margin-bottom: 30px;} */
    .product .additional-banner-1 .image-wrapper {height: auto; width: 100%; margin: 0 auto; text-align: center}
    .homepage .additional-banner-1 .text-wrapper {width: calc(100% - 170px);margin-top: 90px; margin-bottom: 40px}
    .homepage .additional-banner-1 .image-wrapper {margin-right: 20px; width: 144px;}
    .homepage .additional-banner-1 .image-wrapper img {height: 250px}
    .homepage .additional-banner-1-wrapper .banner-line {  top: 82px; height: 27px;}
    .additional-banner-1 .text-wrapper {width: calc(100% - 210px)}
    /*.additional-banner-1 .image-wrapper img {height: 350px}*/
    .additional-banner-1-wrapper .banner-line {top: 78px; height: 30px}

    .additional-banner-1 .text-wrapper {margin-top: 10px}
    /*.swiper-wrapper .productbox-block-wrapper {width: 252px;}*/

    .homepage-banner-shop {position: relative; height: 260px}
    .homepage-banner-shop .overlay-wrapper {height: 137px; margin: 0; padding: 0; position: absolute; top: 245px; left: 50%}
    .homepage-banner-shop .text {width: 100%}
    .homepage-banner-shop .text .title {margin-top: 45px}
    .homepage-banner-shop .text .description {max-width: 250px}
    .homepage-banner-shop .text .line, .homepage-banner-shop .text .title, .homepage-banner-shop .text .description {width: 100%}

    .homepage-product-show .image img {height: 350px}
    .homepage-product-show .image {margin: 0 auto; text-align: center; width: 100%; margin: 0; padding: 0}
    .homepage-product-show .text {width: 100%; padding: 0}
    .homepage-product-show .percentage {display: block}
    .homepage-product-show .percentage > div {width: 100%; display: block; max-width: 370px}
    .homepage-product-show .percentage > div:not(:last-child) {margin-top: 10px}

    .brand-wrapper .brand .pot-wrapper {width: 100%; margin: 0 auto; text-align: center; position: relative; transform: translateY(0)}
    /*     .brand-wrapper .brand .pot-wrapper img {width: 215px;} */
    .brand-wrapper .brand .pot-wrapper img {width: 100%;}
    .brand-wrapper .brand .text {width: 100%; display: inline-block; padding-bottom: 35px;}



    /*newsletter*/
    .newsletter .clearfix > span {display: none}

    /*search*/
    .search-form {height: 70px;}
    .search-form input.text-search {width: calc(100% - 63px)}

    /*swiper arrows*/
    .homepage-product-block-wrapper .swiper-prev [class^='icon-arrow-'], .related-product-content .swiper-prev [class^='icon-arrow-'] {left: calc(50% + 10px)}
    .homepage-product-block-wrapper .swiper-next [class^='icon-arrow-'], .related-product-content .swiper-next [class^='icon-arrow-'] {left: calc(50% - 10px)}


    .recommended-product-internal .swiper-prev {left: -44px}
    .recommended-product-internal .swiper-next {right: -44px}
    .recommended-product-internal .swiper-prev [class^='icon-arrow-'] {left: calc(50% + 10px)}
    .recommended-product-internal .swiper-next [class^='icon-arrow-'] {left: calc(50% - 10px)}


    /*filters*/
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .check-radio-container {padding: 0 15px;}
    .shop-content .sidebar-wrapper .title, .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .title {padding-left: 15px;}
    .sidebar .sidebar-label .icon-arrow_down {margin-right: 15px;}

    /*product*/
    /*GRADIENTS*/
    .gradient-25 {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(255, 215, 190, .5) 100%)}
    .gradient-35 {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(255,172,216,.5) 100%)}
    .gradient-45 {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(234, 212, 255, .5) 100%)}
    .gradient-55 {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(160, 163, 255, .5) 100%)}
    .gradient-body {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(234, 255, 217, .5) 100%)}
    .gradient-dermo {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(1, 162, 196, .5) 100%)}
    .gradient-clean {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(208, 208, 208, .5) 100%)}
    .gradient-pro {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(255, 220, 154, .5) 100%)}
    /* 	.gradient-specialist {background-image: linear-gradient(130deg, rgba(255,255,255,1) 50%, rgba(154, 255, 239, .5) 100%)} */

    .product-banner-wrapper {left: 0; width: 100%; margin: 0}
    .product-banner .serie-wrapper {margin-top: 10px;}
    /*     .product-banner .image-wrapper {width: 100%;text-align: center; left: -25px; position: relative} */
    .product-banner .image-wrapper {width: 100%;text-align: center; left: -25px; top: 0; position: relative}
    /*     .product-banner .price-wrapper .btn {display: inline-block; margin-top: 0px} */

    .product-banner .image-wrapper img {height: 180px;}
    .product-banner .text-wrapper {width: 100%; padding: 0;}
    .product-banner-wrapper .price-wrapper .btn {width: 204px; padding-top: 0;}
    .product-banner-wrapper .price-wrapper .price {font-size: 16px;display: inline-block;;height: 100%;top: 0;line-height: 42px;}
    .product-banner-wrapper .price-wrapper .uppercase {display: inline-block;position: relative;top: 1px;height: 100%;line-height: 42px;}
    .product-banner .price-wrapper .price .dp-b {font-size: 23px;}
    .product-description .product-show {margin-top: 20px}
    .product .additional-banner-1 .text-wrapper {margin-top: 0px;}
    .product .additional-banner-1-wrapper .banner-line.no-line {display: none;}
    .product-info-block{width: 100%; padding:0px; margin-bottom: 30px;}

    .product-disclaimers { padding: 0; }
    .product-disclaimers .drug-description { padding-top: 30px; }
    .product-disclaimers .drug-warnings { font-size: 16px; line-height: 22px; }

    .analysis-wrapper .analysis-content {flex-wrap: wrap;}
    .analysis-wrapper .analysis-content > div {width: 100%; text-align: center; margin: 0 auto; max-width: 300px; margin: 0 auto}

    .way-of-usage-wrapper .left-side {padding-top: 0}
    .way-of-usage-wrapper .left-side .col-33 {width: 100%;}
    .way-of-usage-wrapper .left-side .col-33:not(:first-child) {margin-top: 30px}
    .way-of-usage-wrapper .left-side .col-66 {width: 80%; display: block; margin: 0 10%; margin-top: 30px; text-align: center}
    .way-of-usage-wrapper .left-side .bottom-side li {text-align: center; border-left: none}
    .way-of-usage-wrapper .left-side .top-side .title:not(.dp-b) {text-align: center}
    .way-of-usage-wrapper .left-side .top-side .short-description {width: 100%}
    .activity-wrapper .activity-content > div {width: 100%; margin-right: 0}
    .product-description .list-description .icon-heart {position: relative; top: 3px; font-size: 23px}

    .recommended-product-wrapper {padding-bottom: 0}

    .product-description-wrapper {padding: 50px 0;}

    .basket-icon-wrapper {right: 10px; bottom: 10px}


    /*shop*/
    .content-wrapper.shop .shop-product-container .productbox-block-wrapper, .content-wrapper.shop .shop-product-container .productbox-block-wrapper:nth-child(2n) {width: 80%; margin-left: 10%; margin-right: 10%}
    .shop-product-container .recommended-product {display: none;}

    /*articlelist*/
    .articles-banner-wrapper.page-width-margin-custom {display: none}
    .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .text-wrapper, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2) .text-wrapper {position: relative; padding: 0; padding-top: 20px}
    .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .text-wrapper .title, .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(2) .text-wrapper .title{font-size: 14px;}
    .homepage-article-wrapper .swiper-slide {width: calc(100% - 50px) !important}
    .articlebox .title {height: auto; padding-bottom: 15px}

    /*single article*/
    .related-product-content.product-single .productbox-block-wrapper {margin-left: 100px}
    .related-product-content.product-single .image-wrapper {width: 100%;}
    /*.related-product-content.product-single .image-wrapper img {position: relative; left: -50px}*/
    .related-product-content.product-single .productbox-content {width: 100%}
    .related-product-content.product-single .productbox-block {position: relative; left: 0px; width: 100%;}
    .related-product-content.product-single .productbox-block .image-wrapper {margin-bottom: 35px; text-align: center}
    .related-product-content.product-single .image-wrapper img {width: 195px; height: auto; position: relative;}

    /*pagination*/
    .pagination .right {width: 252px; float: none; margin: 0 auto}
    /*.homepage-main-banner-wrapper .homepage-main-banner.movie {display: none;}*/
    /*.homepage-main-banner-wrapper .swiper-pagination .swiper-pagination-bullet:first-child {display: none;}*/
}

@media only screen and (max-width: 520px) {
    /*common*/
    /*.additional-banner-1 .title, .additional-banner-1 .text {font-size: 14px}*/
    .article-container-wrapper.first-page .article-container:first-child .articlebox-wrapper:nth-child(1) .title {font-size: 14px}


    /*padding sections*/
    .homepage-product-block-wrapper {padding-bottom: 15px}

    /*mainpage*/
    .homepage-main-banner .image-wrapper img {height: 170px}
    .homepage-main-banner .image-wrapper {left: 0; width: 100%; text-align: center}
    .homepage-main-banner .banner-text-wrapper {width: 100%; left:0}
    .homepage-main-banner .image-wrapper {position: relative}
    .homepage-main-banner .banner-text-wrapper {width: 100%; display: block}
    /*     .homepage-main-banner-wrapper .swiper-wrapper {margin-bottom: 20px} */
    .homepage-banner-button {margin: 0 auto; text-align: center}
    .homepage-main-banner-wrapper .swiper-pagination-bullet {margin: 0 6px !important; }
    .homepage-main-banner-wrapper .swiper-pagination {display: flex; justify-content: space-between; max-width: 300px; padding: 0 10px}

    /*.homepage-product-block-options {display: block}*/
    .homepage-product-block-options {flex-wrap: wrap; justify-content: flex-start}
    .homepage-product-block-options a {margin-top: 0px}
    .homepage-product-block-options a:not(:last-child) {margin-right: 0px;}

    .social-plugin-header {margin-bottom: 7px}
    .social-plugin-wrapper .instagram-link {right: 0;}
    .social-plugin-wrapper .instagram-link span {margin-right: 0}
    .social-plugin-wrapper .instagram-link label {display: none}


    /*.additional-banner-1 .image-wrapper {height: auto; padding-top: 20px; margin-right: 15px}*/
    /*.additional-banner-1 .image-wrapper img {height: 150px}*/
    .additional-banner-1-wrapper .banner-line {top: 54px; height: 14px;}
    .product .additional-banner-1 .text-wrapper {width: 100%;margin-top: 0; float: none; padding-top: 10px; padding-bottom: 40px}
    .product .additional-banner-1 .text {margin-bottom: 20px}
    .product .additional-banner-1 .title {margin-bottom: 8px; padding-bottom: 14px}

    .articlelist .article-container .articlebox-wrapper {width: 100%!important; margin-right: 0!important; padding: 0px!important;}
    .articlebox .title{min-height: auto!important; height: auto!important;}
    .articlebox .description{display: none;}



    /*newsletter*/
    .newsletter-wrapper .letter {display: none}
    .newsletter-wrapper {height: auto; background: none}
    .newsletter-input {width: 100%; padding-right: 0; display: block}
    .newsletter-button {margin: 15px 0 30px 0}
    .newsletter form {margin-top: 20px}




    /*.recommended-product-internal .productbox-block-wrapper:not(:nth-child(2)), .recommended-product-internal .productbox-block-wrapper {margin-right: 0; width: 100%}*/
    /*     .footer-blocks > .left {padding-right: 0; width: 100%} */
    /*     .footer-blocks .right-side, .footer-blocks .left-side {width: calc(50% - 21px); margin-top: 0; margin-bottom: 50px;} */
    /*     .footer-blocks .right-side {margin-right: 21px; float: left} */
    /*     .footer-blocks .left-side {margin-left: 21px; float: right} */
    .footer-blocks > .left:last-child {width: 100%}
    .footer-copy {font-size: 11px}


    /*filters*/
    .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .check-radio-container, .shop-content .sidebar-wrapper .sidebar-content-category .check-radio-container, .shop-content .sidebar-wrapper .sidebar-content [class^='sidebar-content-'] .check-radio-container-parent .check-radio-container {width: 100%;}


    /*product*/
    .product-description .list-description {width: 100%}
    .clone {flex-wrap: wrap}
    .description-box {width: 100%; margin-right: 0;}
    .description-box:not(:last-child) {margin-bottom: 25px}
    .product-description .product-show {left: 0; width: 100%}
    .product-description .product-show .image-wrapper {width: 100%; text-align: center;}
    .product-description .product-show .image-wrapper img {height: 220px}
    .product-description .product-show .product-info {width: 100%}
    .basket-icon-wrapper:not(.fixed) {bottom: -95px}


    /*shop*/
    .shop-content-wrapper {padding-bottom: 60px;}
    .content-wrapper.shop .shop-product-container .productbox-block-wrapper, .content-wrapper.shop .shop-product-container .productbox-block-wrapper:nth-child(2n) {width: 252px; margin-left: calc((100% - 252px) / 2); margin-right: calc((100% - 252px) / 2)}


}

@media only screen and (max-width: 480px) {
    /* slider */
    .content-wrapper {height: 100%}
    /*     .homepage-main-banner-wrapper {min-height: calc(100vh - 79px);}	 */
    /* 	.homepage-main-banner-wrapper .swiper-wrapper .custom:last-child {background-size: 350% !important} */
    /*     .homepage-main-banner-wrapper, .homepage-main-banner-wrapper > div, .homepage-main-banner-wrapper .carousel, .homepage-main-banner-wrapper .carousel .swiper-wrapper, .homepage-main-banner-wrapper .homepage-main-banner {min-height: calc(100vh - 79px - 56px);} */
    .homepage-main-banner-wrapper .btn-slider {font-size: 13px}
    .homepage-main-banner-wrapper .btn-slider .icon-arrow {font-size: 11px}
    /*     .homepage-main-banner-wrapper .swiper-wrapper .custom:last-child {background-size: 450% !important} */

    .swiper-wrapper .productbox-block-wrapper, .swiper-wrapper .productbox-block-wrapper, .related-product-content.product-3 .productbox-block-wrapper, .related-product-content.product-2 .productbox-block-wrapper, .related-product-content.product-single .productbox-block-wrapper {width: 252px}
    .related-product-content.product-single .productbox-block-wrapper {margin-left: calc((100% - 252px) / 2)}
    .brand-wrapper .column-count-2 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
    .specialist-banner-wrapper {height: 210px}

    .brand-wrapper .brand .left.text {padding-bottom: 40px !important}

    /* slider  */
    /* 	.homepage-main-banner-wrapper .swiper-wrapper .custom:nth-child(1) {background-size: 400% !important} */
    /* 	.homepage-main-banner-wrapper .swiper-wrapper .custom:nth-child(2) {background-size: 400% !important} */
}
@media only screen and (max-width: 400px) {
    .social-plugin-header .title .dp-b.small {font-size: 18px;}
    .social-plugin-header .title img{height: 30px;}
}

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

    /*main page*/
    .additional-banner-1-wrapper .btn.btn-shadow {position: relative; left: -86px;}
    .homepage .additional-banner-1-wrapper .btn.btn-shadow {left: -160px; top: 20px}
    .additional-banner-1 .image-wrapper {margin-right: 0}
    /*     .homepage-product-block-wrapper .homepage-product-block-title .dp-b.small {display: block;} */
    .homepage-product-block-wrapper .homepage-product-block-title span {display: block}
    /*.additional-banner-1 .text-wrapper {width: calc(100% - 90px)}*/

    /*product*/
    .way-of-usage-wrapper .left-side .col-66 {width: 100%; margin-left: 0; margin-right: 0}
    .product-banner-wrapper .price-wrapper .btn {width: 100%}

    /*article*/
    .article-next-prev .next .uppercase, .article-next-prev .prev .uppercase {display: inline-block; width: 80px; position: relative; top: 7px}


    /*!*footer*!*/
    /*.footer-copy .page-width-margin a {width: 33.33333%; display: block; float: left;}*/
    /*.footer-copy .page-width-margin a:not(.cookies-policy) {margin-right: 0}*/
}



/*only for FF*/
@-moz-document url-prefix() {
    /*semi-bold for ff*/
    .datepicker .datepicker-switch, .datepicker .dow {font-weight: 400;}
}
/*only for safari*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {*/
/*.homepage-main-banner-wrapper .homepage-main-banner.movie {margin: 0 auto}*/
/*.homepage-main-banner .video-container {position: relative; height: auto; padding: 0; margin: 0; max-height: 486px;}*/

/*@media only screen and (max-width: 1279px) {*/
/*.swiper-wrapper .productbox-block-wrapper {margin: 0 auto;width: calc(100% - 25px)}*/
/*}*/
/*@media only screen and (max-width: 768px) {*/
/*.header .menu-wrapper .menu {width: 262px; overflow-x: hidden;}*/
/*.homepage-main-banner .video-container {max-height: 330px}*/
/*}*/
/*@media only screen and (max-width: 680px) {*/
/*.homepage-main-banner .video-container {max-height: 280px}*/
/*}*/
/*@media only screen and (max-width: 600px) {*/
/*.header .menu-wrapper .menu {width: 100%; overflow-x: hidden;}*/
/*.homepage-main-banner-wrapper .homepage-main-banner.movie {display: none;}*/
/*.homepage-main-banner-wrapper .swiper-pagination .swiper-pagination-bullet:first-child {display: none;}*/
/*.homepage-main-banner .video-container {max-height: auto}*/
/*}*/
/*}*/
/*only for chrome*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    @media only screen and (max-width: 768px) {
        .header .hamburger.is-active ~ .menu-wrapper {width: 262px}
    }
    @media only screen and (max-width: 600px) {
        .header .hamburger.is-active ~ .menu-wrapper {width: calc(100% - 20px);}
    }
}


/* body #hf-media-shop-bubble #hf-media-shop-amount {background :red} */
/* body #hf-media-shop-bubble {background: red} */
/* body #hf-media-shop h4, #hf-media-shop .h4 {color: red !important} */



/* basket */

/*
.dp-r {font-family: 'dp-r'}
.dp-b {font-family: 'dp-b'}
.dp-b.small {letter-spacing: -0.05em}
 */


/* common */
/*body #hf-media-shop #modal .modal-body {margin: 0 !important; padding: 0 !important}
body #hf-media-shop #modal .modal-body .container {width: 100%; max-width: 100% !important;}
body #hf-media-shop #modal .modal-body .container > .row {max-width: 1080px !important; padding: 0 !important; position: relative; left: calc((100% - 1080px) / 2); z-index: 2 }

body #hf-media-shop .modal-body {background-image: url('/images/background_basket.png'); background-repeat: no-repeat; background-size: cover}
body #hf-media-shop #modal .modal-body .single .item_amount, body #hf-media-shop .col-sm-3.item_photo {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;}
body #hf-media-shop #modal .modal-body .product-box .border, body #hf-media-shop .col-sm-3.item_amount .row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: space-between;-webkit-justify-content: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
body #hf-media-shop #modal .modal-body .single .item_name  {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}


body #hf-media-shop .row {margin: 0 !important; padding: 0 !important}

body #hf-media-shop-bubble {width: 54px; height: 54px;}
body #hf-media-shop-bubble svg {display: none;}
body #hf-media-shop-bubble::before {    content: '';background-image: url('/images/acerin/svg-icons/shopping-cart.svg');display: block;position: relative;color: white;width: 28px;height: 23px;background-size: contain;background-repeat: no-repeat;top: 50%;transform: translate(-50%, -50%);left: 50%;}



body #hf-media-shop #modal .modal-body .container > .row > .row > .col-xs-12 {padding: 0 !important}
body #hf-media-shop .alert-info {background: #F8FAFA !important; padding: 8px 20px !important; margin-bottom: 25px !important}


body #hf-media-shop .container {position: relative; overflow: hidden}

body #hf-media-shop .container::before {content: ''; background: url('/images/kolba_basket.png'); position:absolute; z-index:1; width: 300px; height: 480px; background-position: center; background-size: 100%; background-repeat: no-repeat; background-position-y: bottom;bottom: 0; right: -120px}*/
/* body #hf-media-shop .container::after {content: ''; background: url('/images/flowers/flower-25.png'); position:absolute; z-index:100000; width: 200px; height: 200px; background-position: center; background-size: 100%; background-repeat: no-repeat; right: -35px;top:0px; display: block; transform: rotate(-90deg)}} */


/* panels */
/*body #hf-media-shop .col-sm-3.item_photo {-webkit-flex-basis: 160px; flex-basis: 160px}
body #hf-media-shop .col-sm-3.item_name {-webkit-flex-basis: calc(100% - 600px); flex-basis: calc(100% - 600px)}
body #hf-media-shop .col-sm-3.item_name h4 > small {margin-top: 15px;border-top: 1px solid black; padding-top: 15px;}
body #hf-media-shop .col-sm-3.item_name h4 small {color: black}
body #hf-media-shop .col-sm-3.item_amount {flex-basis: 240px}
body #hf-media-shop .col-sm-3.item_amount .row .col-xs-4 {width:  42px; padding: 0; margin: 0}
body #hf-media-shop .col-sm-3.item_amount .row {width: 100%}
body #hf-media-shop .col-sm-3.item_amount .row .col-xs-4 .amount {left: 0}
body #hf-media-shop .col-sm-3.item_amount .row .col-xs-4 input {background-color: transparent;background-repeat: no-repeat;background-image: none;box-shadow: none;border: none;cursor: pointer;overflow: hidden;outline: none; border-bottom: 2px solid black; color: black; border-radius: 0 !important}
body #hf-media-shop .col-sm-3.item_total {-webkit-flex-basis: 200px; flex-basis: 200px}



body #hf-media-shop .col-sm-12 {padding: 0px}
body #hf-media-shop .col-sm-12 .row {margin: 0}

body #hf-media-shop #modal .container {margin-top: 100px}
body #hf-media-shop #modal .modal-body .product-box .border {border-radius: 0; background: white; border: 0; margin: 0; margin-bottom: 17px}
body #hf-media-shop #modal .modal-body div.amount {border-radius: 50%}
body #hf-media-shop #modal .modal-body .item_name h4 {font-size: 16px;text-align: left; text-transform: none; display: inline-block; width: auto; margin: 0}
body #hf-media-shop #modal .modal-body .item_total span {line-height: 110px}
body #hf-media-shop #modal .modal-body .product-box .border  {-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05);box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.05);}
body #hf-media-shop #modal .m_close {right: calc((100% - 1080px) / 2); margin-top: 30px; border-radius: 17px; border: 2px solid #000000; background: transparent; padding: 0; line-height: 35px; font-size: 12px; font-weight: bold; text-transform: uppercase; font-family: 'dp-b'; padding: 0px 40px 0px 20px}

body #hf-media-shop #modal .m_close svg {position: absolute; right: 20px; top: 9px; width: 10px}
body #hf-media-shop #modal .modal-body form > .row > .col-xs-12 {padding: 0 !important}
body #hf-media-shop #modal .modal-body hr {display: block;height: 1px;border: 0;border-top: 1px solid #B9BFC4;margin: 1em 0;}


*/

/* formularz */

/* radio */
/* body #hf-media-shop #modal .modal-body .radio label {position: relative} */
/* body #hf-media-shop #modal .modal-body .radio label::before {content:''; display: block; position: absolute; left: 2px; top: 2px; width: 8px; height: 8px; background: red; border-radius: 50%} */
/*body #hf-media-shop #modal .modal-body input[type="radio"], body #hf-media-shop #modal .modal-body input[type="checkbox"] {width: 12px; height: 12px; border: 2px solid #9DA2A7; border-radius: 50%; position: relative; opacity: 1}
body #hf-media-shop #modal .modal-body input[type="radio"]:checked, body #hf-media-shop #modal .modal-body input[type="checkbox"]:checked {background: #8FB860; border:0; outline:none;}*/
/* body #hf-media-shop #modal .modal-body input[type="radio"] {content:''; display: block; position: absolute; left: 2px; top: 2px; width: 5px; height: 5px; background: red; border-radius: 50%} */


/* left *//*
body #hf-media-shop h4 {font-size: 16px; font-family: 'dp-b'; margin-bottom: 25px;}
body #hf-media-shop .form-group .control-label {font-size: 13px; font-family: 'dp-r'; font-weight: normal}
body #hf-media-shop .row.checkout_box .row .col-sm-6 {width: calc(50% - 10px);}
body #hf-media-shop .col-sm-6 {padding: 0 !important}*/
/* body #hf-media-shop .row.checkout_box {background: yellow} */
/*
body #hf-media-shop .row.checkout_box, body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:first-child .row {display: flex; justify-content: space-between; align-items: flex-start}
body #hf-media-shop #modal .modal-body input[type="text"], body #hf-media-shop #modal .modal-body input[type="email"], body #hf-media-shop #modal .modal-body textarea {border-radius: 17px;}
body #hf-media-shop #modal .modal-body textarea {height: 175px}
body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:first-child .row {margin: 0 !important;padding: 0;}
body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6 {width: calc(50% - 20px); margin: 0 !important; padding: 0 !important;}
body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:first-child .col-xs-12 {padding: 0 !important}

body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6 .col-xs-6 {padding: 0}
body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:first-child .row::before, body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:first-child .row::after {display: none !important}
body #hf-media-shop .row.checkout_box::before, body #hf-media-shop .row.checkout_box::after {display: none !important}*/



/* right */
/* body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:last-child .row::before, body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:last-child .row::after {display: none !important} */
/*
body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:last-child .row {margin-bottom: 30px !important}
body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:last-child .row .col-xs-12 {padding-left: 40px; padding-right: 0}
body #hf-media-shop #modal .modal-body #podsumowanie_zakupu {background: #FFFFFF; border: none; border-radius: 0; position: relative; width: calc(100% + 40px);padding: 30px 0 !important}
body #hf-media-shop #modal .modal-body #podsumowanie_zakupu  {-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05);}
body #hf-media-shop #modal .modal-body #podsumowanie_zakupu > .col-xs-12 {padding-right: 40px;}
body #hf-media-shop #modal .modal-body #podsumowanie_zakupu ~ .row > hr {display: none;}
body #hf-media-shop #modal .modal-body #podsumowanie_zakupu ~ .row .col-xs-12.col-md-5 {padding-left: 0}
#hf-media-shop #modal .modal-body .btn {width: auto !important; height: 35px; line-height: 35px; padding: 0 40px !important;  font-size: 12px !important; font-weight: bold !important; text-transform: uppercase !important; font-family: 'dp-b'; border-radius: 17px !important; background: black !important}

#hf-media-shop #modal .modal-body label[for="id_rules_accepted"] input[type="checkbox"] {margin-top: 3px}
#hf-media-shop #modal .modal-body label[for="id_rules_accepted"] {font-size: 12px !important;font-family: 'dp-r'; font-weight: normal !important;}
#hf-media-shop #modal .modal-body label[for="id_rules_accepted"] a {font-family: 'dp-b'; display: block; position: relative; top: -5px; color: black;}*/
/* #hf-media-shop #modal .modal-body label[for="id_rules_accepted"] a::before {content: ''; position: absolute; display: block; width: 96px; height: 1px ;background: black; left: 22px; bottom: 0} */

/*@media (max-width: 1150px) {
	body #hf-media-shop #modal .m_close {right: 30px;}
	body #hf-media-shop #modal .modal-body .container > .row {max-width: 100% !important; left: 0 !important}
}*/


/* @media (min-width: 768px) { */

/*
body #hf-media-shop .col-sm-3.item_photo {flex-basis: 160px}
body #hf-media-shop .col-sm-3.item_name {width: calc(100% - 600px);}
body #hf-media-shop .col-sm-3.item_name h4 > small {margin-top: 15px;border-top: 1px solid black; padding-top: 15px;}
body #hf-media-shop .col-sm-3.item_name h4 small {color: black}
body #hf-media-shop .col-sm-3.item_amount {flex-basis: 240px}
body #hf-media-shop .col-sm-3.item_amount .row .col-xs-4 {width:  42px; padding: 0; margin: 0}
body #hf-media-shop .col-sm-3.item_amount .row {width: 100%}
body #hf-media-shop .col-sm-3.item_amount .row .col-xs-4 .amount {left: 0}
body #hf-media-shop .col-sm-3.item_amount .row .col-xs-4 input {background-color: transparent;background-repeat: no-repeat;background-image: none;box-shadow: none;border: none;cursor: pointer;overflow: hidden;outline: none; border-bottom: 2px solid black; color: black; border-radius: 0 !important}
body #hf-media-shop .col-sm-3.item_total {flex-basis: 200px}
*/



/* } */



/*.instagram-social-banner {display: block; padding-top: 70%; background: url('/uploads/images/BIOLIQ__20200122__pr_scr_z_insta____slider_6000x1164px__03.jpg'); background-size: cover; background-position: center center;}
*/

/*@media (min-width: 48em) {
	body #hf-media-shop #modal .modal-body .single .item_total {padding-top: 0px; line-height: 110px}
	body #hf-media-shop #modal .modal-body .single .item_name, body #hf-media-shop #modal .modal-body .single .item_amount {padding-top: 0}
}*/

/*@media (max-width: 900px) {

	body #hf-media-shop .col-sm-3.item_photo {display: none}
	body #hf-media-shop .col-sm-3.item_name {width: calc(100% - 410px)}
}*/

/*@media (max-width: 768px) {

    .instagram-social-banner {padding-top: 140%; background: url('/uploads/images/BIOLIQ__20200122__pr_scr_z_insta__slider_795x1200px__01.jpg'); background-size: cover; background-position: center center;}

	body #hf-media-shop .modal-body {background-size: auto;}

	body #hf-media-shop #modal .m_close {right: 20px;}

	body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6 {width: 100%}
	body #hf-media-shop .row.checkout_box .row .col-sm-6 {width: 100%}
	body #hf-media-shop .row.checkout_box, body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:first-child .row {display: block}
	body #hf-media-shop .form-group .control-label {width: 100%;}
	body #hf-media-shop .row.checkout_box .col-lg-5.col-sm-6:last-child .row .col-xs-12 {padding-left: 0}
	#hf-media-shop #modal .modal-body label[for="id_rules_accepted"] a {display: inline-block; top: 0}
	body #hf-media-shop #modal .modal-body #podsumowanie_zakupu {width: 100%;}
	body #hf-media-shop #modal .modal-body #podsumowanie_zakupu > .col-xs-12 {padding: 0 20px}
}
@media (max-width: 680px) {
	body #hf-media-shop #modal .modal-body .single .item_name {-webkit-flex-basis: calc(100% - 330px); flex-basis: calc(100% - 330px)}
	body #hf-media-shop .col-sm-3.item_total {-webkit-flex-basis: 150px; flex-basis: 150px}
	body #hf-media-shop .col-sm-3.item_amount {-webkit-flex-basis: 180px; flex-basis: 180px;}
}
@media (max-width: 580px) {
	body #hf-media-shop #modal .modal-body .product-box .border {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	body #hf-media-shop #modal .modal-body .single .item_name {flex: 0 0 100%;}
	body #hf-media-shop #modal .modal-body .item_name h4 {width: 100%; text-align: center;}
	body #hf-media-shop .col-sm-3.item_total {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap; -webkit-flex-basis: 50%; flex-basis: 50%; width: 50%}
	body #hf-media-shop .col-sm-3.item_amount {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-flex-basis: 50%; flex-basis: 50%; width: 50%}

}*/

.homepage_warnings {
    padding-top: 50px;
}

.homepage_warnings .warning a {
    text-decoration: underline;
}

.homepage_warnings .warning_info {
    padding-top: 48px;
    padding-bottom: 8px;
    background-color: #F2F3F5;
}

.homepage_warnings .warning_content {
    max-width: 1440px;
    margin: auto;
    padding: 12px 20px;
    text-align: center;
    font-size: 39px;
    font-family: 'dp-b';
    border-top: 1px solid #DEDEE2;
}

.homepage_warnings .warning.medicine .warning_content {
    font-size: 28px;
    line-height: 1.07;
}

.product-warning {
    background-color: #F79823;
    font-family: 'dp-b';
    font-size: 39px;
    color: #fff;
    text-align: center;
    padding: 20px 24px;
}

.product-warning.otc {
    font-size: 28px;
    line-height: 1.07;
}

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

    .homepage_warnings {
        padding-top: 0;
    }

    .homepage_warnings .warning_info {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .homepage_warnings .warning_content {
        padding: 18px 16px;
        font-size: 28px;
    }

    .homepage_warnings .warning.medicine .warning_content {
        font-size: 22px;
        line-height: 1.07;
    }

    .product-warning {
        font-size: 20px;
        padding: 22px 16px;
    }

    .product-warning.otc {
        font-size: 20px;
    }
}

.list {
    margin: 0px 0 40px 0;
    padding: 0;
    list-style: none;
}

.list.bullet-light {
    padding-left: 16px;
}

.list.plain {
    padding-left: 16px;
}

.list.bullet-light li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 50%;
    font-size: 15px;
    line-height: 22px;
}

.page-privacy-policy {
    padding-top: 60px;
    padding-bottom: 60px;
}

.page-privacy-policy #page-title {
    text-align: center;
    padding-bottom: 60px;
}

.page-privacy-policy #page-title h1 {
    font-family: 'dp-b';
    font-size: 40px;
    text-transform: uppercase;
}

.page-privacy-policy p {
    font-size: 13px;
    line-height: 1.38;
    margin-bottom: 1rem;
}
