/*
 Theme Name:   Apteka Inneo
 Author:       Oleksandr Lehunov
 Author URI:   http://w-studio.biz
 Description:  Theme developed exlusively for "Inneo Pharm"
 Version:      0.0.1
 Text Domain:  aptekainneo
*/
@font-face {
    font-family: 'AvenirNext';
    src: url('assets/fonts/AvenirNextCyr-Regular.ttf');
}
@font-face {
    font-family: 'AvenirNext';
    src: url('assets/fonts/AvenirNextCyr-Bold.ttf');
    font-weight: bold;
}

@media (min-width: 1700px) {
    .container {
        max-width: 1636px;
    }
}


body {
    font-family: 'AvenirNext';
    color: #464644;
}

header {
    padding-top: 40px;
    padding-bottom: 30px;
    position: sticky;
    top: 0;
    z-index:9999;
    background-color: #fff;
}
header .logo {
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    width: fit-content;
}
header .cart-wrapper {
    position: relative;
}
header .cart {
    position: absolute;
    right: 12px;
    background-color: #00a1e6;
    border-radius: 32px;
    width: fit-content;
}
header .cart img {
    padding: 15px;
    width: 64px;
}
header #menu__toggle {
	display: none;
	opacity: 0;
}
header .menu__btn {
	display: flex;
	align-items: center;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 35px;
	height: 22px;
	cursor: pointer;
	z-index: 1;
	visibility: hidden;
}
header .menu__btn > span,
header .menu__btn > span::before,
header .menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #00a1e6;
}
header .menu__btn > span::before {
  content: '';
  top: -10px;
}
header .menu__btn > span::after {
  content: '';
  top: 10px;
}
#menu__toggle:checked ~ .menu__btn > span {
	transform: rotate(45deg);
    height: 0;
}
#menu__toggle:checked ~ .menu__btn > span::before {
	top: 0;
	transform: rotate(0);
    height: 3px;
}
#menu__toggle:checked ~ .menu__btn > span::after {
	top: 0;
	transform: rotate(90deg);
    height: 3px;
}

ul#menu-top {
    margin-top: 22px;
    list-style: none;
    padding-left: 0;
}
ul#menu-top li.menu-item-has-children ul.sub-menu, .header-contacts ul.contacts {
    visibility: hidden;
    position: absolute;
    padding: 10px;
    background-color: #fff;
}
ul#menu-top li.menu-item-has-children:hover ul.sub-menu, .header-contacts:hover ul.contacts {
    visibility: visible;
    position: absolute;
}
ul#menu-top li.menu-item-has-children ul.sub-menu a {
    font-size: 16px;
    display: block;
    margin-top: 10px;
}
ul#menu-top ul.sub-menu li {
    display: block;
}
ul#menu-top li {
    display: inline-block;
    margin-right: 13px;
}
ul#menu-top li a {
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
ul#menu-top li a:hover {
    color: #00a1e6;
}
ul#menu-top li.menu-item-has-children::after, .header-contacts .first-phone::after, #reviews a.all-testimonials .inner::after {
    content: '';
    width: 16px;
    height: 9px;
    display: inline-block;
    -webkit-mask: url(assets/images/more.svg) no-repeat 50% 50%;
    mask: url(assets/images/more.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #00a1e6;
    margin-left: 2px;
}
.header-contacts {
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.header-contacts .first-phone {
    display: inline-block;
    vertical-align: super;
}
.header-contacts::before {
    content: '';
    width: 22px;
    height: 25px;
    display: inline-block;
    -webkit-mask: url(assets/images/phone.svg) no-repeat 50% 50%;
    mask: url(assets/images/phone.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #00a1e6;
}
.header-contacts ul.contacts {
    list-style: none;
}
.header-contacts ul.contacts a {
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}
.header-contacts ul.contacts a:hover {
    color: #00a1e6;
}
header .icons {
    margin-right: 74px;
    padding-left: 0;
}
header .icons .icon {
    display: inline-block;
    background-color: #00a1e6;
    width: 62px;
    height: 62px;
    margin: 0 7px;
    border-radius: 33px;
}
header .icons .icon a img {
    padding: 15px;
}

.primary-slider .wpsisac-slick-slider .slick-dots {
    margin-top: -50px !important;
    z-index: 9;
    position: relative;
}
.primary-slider .wpsisac-slick-slider .slick-dots li button {
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #fff;
}
.primary-slider .wpsisac-slick-slider .slick-dots li.slick-active button {
    background-color: #00a1e6 !important;
    border: 1px solid #00a1e6;
}
.primary-slider .wpsisac-slick-slider.design-2 .wpsisac-image-slide .wpsisac-slide-wrap .wpsisac-slider-overlay {
    background: rgba(0,0,0,0);
}

.running-line {
    background-color: #fff7f4;
    margin-top: 27px;
    border-bottom: 3px solid #454545;
    padding-top: 10px;
}
.running-line img {
    vertical-align: text-bottom;
    margin-right: 23px;
}
.running-line p {
    display: inline-block;
    font-size: 30px;
    margin-right: 60px;
}
.floor {
    padding-top: 140px;
}
h2.floor-title {
    text-align: center;
    font-size: 48px;
    font-weight: bold;
}
p.floor-subtitle {
    text-align: center;
    font-size: 30px;
}

#floor2 p.catalog-link {
    text-align: center;
}
#floor2 p.catalog-link a {
    font-size: 30px;
    color: #00a1e6;
    text-decoration: none;
}
#floor2 p.catalog-link a:hover {
    text-decoration: underline;
}

#floor2 .woocommerce {
    margin-top: 50px    ;
}

#floor3 h2.floor-title {
    color: #00a1e6;
}
#floor3 .health-focus {
    min-height: 624px;
    background: #00a1e6;
    background-image: url(assets/images/btr.png), url(assets/images/bbl.png);
    background-repeat: no-repeat, no-repeat;
    background-position: top right, bottom left;
    border-radius: 14px;
    margin-top: 50px;
    padding: 55px 34px;
}
#health_slider .slide {
    margin: 0 21px;
}
#health_slider img.thumbnail {
    border-radius: 180px;
    border: 3px solid #fff;
    width: 100%;
}
#health_slider h3.title {
    color: #fff;
    margin: 30px 0 22px 0;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
}
#health_slider div.content {
    color: #fff;
}
#health_slider div.content figure.alignleft {
    margin-right: 13px;
    width: 38px;
}
#health_slider div.content img {
    color: #fff;
}
#health_slider div.content p {
    margin-left: 51px;
}
#health_slider div.content a {
    margin-left: 51px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-decoration: underline;
}
#health_slider div.content a:hover {
    text-decoration: none;
}
#health_slider div.content a code {
    font-size: 16px;
}

#about-us {
    font-size: 22px;
}
#about-us blockquote {
    text-transform: uppercase;
    color: #00a1e6;
    font-weight: bold;
}
#about-us .floor-subtitle {
    margin-bottom: 40px;
}
#about-us .right {
    padding-top: 12px;
}
#about-us h2.floor-title br {
    display: none;
}

#about-us .wpsisac-slick-carousal.design-1 .slick-arrow {
    top: 110% !important;
}
#about-us .wpsisac-slick-carousal.design-1 .slick-prev {
    left: 15px !important;
}
#about-us .wpsisac-slick-carousal.design-1 .slick-next {
    left: 50px !important;
}
#about-us .wpsisac-slick-carousal .slick-arrow {
    background-color: rgba(0, 161, 230, 0.7);
}
#about-us .morelink {
    display: inline-block;
    background: url(assets/images/morelink.svg) no-repeat;
    background-size: 100%;
    padding: 18px 0 0 37px;
    width: 280px;
    height: 64px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
#about-us .morelink img {
    height: 18px;
    margin: -5px 0 0 68px;
}

#reviews {
    margin-bottom: 0;
}
#reviews h2.floor-title {
    margin-top: 0;
}
#reviews h2.floor-title br {
    display: none;
}
#reviews .floor-subtitle a {
    color: #00a1e6;
    text-decoration: none;
}
#reviews .floor-subtitle a:hover {
    text-decoration: underline;
}
#reviews .all {
    padding: 14px 0 0 30px;
}
#reviews a.all-testimonials {
    text-decoration: none;
    border: 2px solid #00a1e6;
    border-radius: 15px;
    padding: 7px 20px 4px 26px;
    color: #454545;
    font-weight: bold;
    margin-right: 13px;
}
#reviews a.all-testimonials .inner::after {
    width: 13px;
    height: 7px;
    margin-left: 7px;
}
#reviews .wrapper {
    background: url(assets/images/background.png);
    min-height: 670px;
    margin-top: 40px;
    padding: 127px 0 109px 0;
}
.reviews .slick-slide {
    padding: 0 8px;
}
.reviews .slick-slide .slide-inner {
    background: #fff;
    text-align: center;
    padding: 33px;
    border-radius: 14px;
}
.reviews .slick-slide img {
    margin: 0 auto;
}
.reviews .slick-slide h3.title {
    margin: 25px 0 20px 0;
    font-size: 20px;
    text-transform: uppercase;
}
.reviews .slick-slide div.content {
    margin-bottom: 72px;
}

.reviews .slick-dots {
    padding: 0;
    margin: 40px auto;
    text-align: center;
}
.reviews .slick-dots li {
    list-style: none;
    line-height: 0;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
}
.reviews .slick-dots li button {
    text-indent: -99999px;
    background: #454449;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    border: 1px solid #454449;
}
.reviews .slick-dots li.slick-active button {
    background-color: #fff;
    border: 1px solid #fff;
}

#reviews .bottom-summary {
    display: none;
}
 

#floor6 {
    background-color: #fff7f4;
    padding: 140px 0;
    margin-bottom: 0;
}
#floor6 h2.floor-title {
    margin-top: 0;
}
#floor6 .left img {
    width: 100%;
}
#floor6 .right {
    padding: 40px 45px 0 92px;
}
#floor6 details.question {
    background: #fff;
    margin-bottom: 25px;
    border-radius: 6px;
    font-size: 22px;
    padding: 10px 25px 10px 25px;
}
#floor6 summary {
    list-style-type: none;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    width: 100%;
    background: url('assets/images/plus.svg') no-repeat 99% center;
    margin-bottom: 5px;
}
#floor6 details[open] > summary {
    color: #00a1e6;
    background: url('assets/images/minus.svg') no-repeat 99% center;
}
#floor6 summary::-webkit-details-marker {
    display:none;
}
#floor6 summary::-moz-list-bullet {
    list-style-type: none;
}
#floor6 summary::marker {
    display:none;
}


#subscribe {
    background-color: #00a1e6;
}
#subscribe .wrapper {
    background-color: #fff7f4;
    position: relative;
    height: 155px;
    top: 0;
}
#subscribe .container {
    background-color: #00f5c8;
    min-height: 410px;
    border-radius: 14px;
    position: relative;
    top: -155px;
    padding: 90px 50px 70px 50px;
    text-align: center;
    font-size: 30px;
    color: #454545;
}
#subscribe .container h2 {
    font-size: 48px;
    font-weight: bold;
}
#subscribe .subscrbr-sign-up-form {
    margin-top: 43px;
}
#subscribe .sbscrbr-email-wrap, #subscribe .sbscrbr-submit-block {
    display: inline;
}
#subscribe .sbscrbr-unsubscribe-wrap {
    display: none;
}
#subscribe .sbscrbr-email-wrap input {
    border-radius: 28px;
    border: none;
    font-size: 24px;
    padding: 15px 31px 15px 31px;
    width: 840px;
    height: 68px;
}
#subscribe .sbscrbr-submit-block input {
    border-radius: 28px;
    border: none;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 24px 0 28px 0;
    text-align: center;
    width: 200px;
    height: 68px;
    background: linear-gradient(to right bottom, #00cdff, #00a1e6);
    vertical-align: top;
}
#subscribe .sbscrbr-submit-block input:hover {
    background: linear-gradient(to right bottom, #00a1e6, #00cdff);
}

main {
    margin: 29px 0 295px 0;
    min-height: 300px;
    font-size: 20px;
}
.page-title-wrapper {
    background-color: #def5fb;
    padding: 82px 0 24px 0;
}
.page-title-wrapper h1 {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 31px;
}
.page-title-wrapper .product-categories {
    margin-top: 55px;
}
.page-title-wrapper .product-categories a {
    display: inline-block;
    background-color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 1;
    text-decoration: none;
    color: #464644;
    padding: 22px 40px;
    border-radius: 30px;
    margin-right: 20px;
}

.woocommerce .woocommerce-ordering {
    width: 400px;
}
.woocommerce select.orderby {
    width: 100%;
    background: #fff url(assets/images/arrowdown.svg) no-repeat center right;
    background-position: 96% 38%;
    background-size: 27px auto;
    color: #464644;
    border: 2px solid #a0a1a5;
    border-radius: 4px;
    text-transform: uppercase;
    padding: 10px 16px;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

.woocommerce div.products {
    clear: both;
    font-size: 20px;
}
.woocommerce.container div.products {
    padding-top: 60px;
}
.woocommerce div.product img {
    width: 100%;
}
.woocommerce .products div.product {
    margin-left: 0;
    margin-right: 0;
    padding-left: 7.5px;
    padding-right: 7.5px;
}
.woocommerce .products div.product img {
    border-radius: 14px;
}
.woocommerce .products .star-rating {
    font-size: 16px;
    margin: 32px 0 16px 0;
}
.woocommerce .star-rating::before {
    content: 'SSSSS';
    color: #a0a1a5;
}
.woocommerce .products h2.woocommerce-loop-product__title {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 77px;
}
.woocommerce .products .price {
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    margin-top: 24px;
    display: block;
}
.woocommerce .products .price ins {
    text-decoration: none;
}
.woocommerce .products .price del {
    font-size: 24px;
    font-weight: normal;
    color: #a0a1a5;
    margin-left: 15px;
}
.woocommerce .products .product-buttons {
    padding-top: 27px;
    margin-bottom: 82px;
}
.woocommerce .products .add-to-cart-button {
    width: 62px;
    height: 62px;
    border-radius: 31px;
    background: linear-gradient(to right bottom, #03c6fe, #00a0e6, #00a1e6);
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce .products .product-buttons a.button {
    background-color: unset;
    width: 62px;
    height: 62px;
    overflow: hidden;
    background: url(assets/images/cart.svg) no-repeat center center;
    background-size: 27px 26px;
    padding: 0;
    text-indent: -999px;
    border-radius: 31px;
}
.woocommerce .products .product-buttons a.button.added {
    opacity: 0.5;
}
.woocommerce .products .product-buttons a.added_to_cart {
    position: absolute;
    width: 62px;
    height: 62px;
    overflow: hidden;
    background: url(assets/images/check.svg) no-repeat top right;
    background-size: 45px auto;
    padding: 0;
    border-radius: 31px;
    text-indent: -999px;
}
.woocommerce .products .product-buttons .product-link {
    color: #00a1e6;
    text-transform: uppercase;
    display: block;
    margin-top: 18px;
}
.woocommerce .products .product-buttons .product-link::after {
    content: ' ';
    margin-left: 8px;
    background: url(assets/images/arrow2.svg) no-repeat;
    background-position: 0 4px;
    background-size: 28px 14px;
    display: inline-block;
    width: 28px;
    height: 18px;
}

.catalog-page-reviews {
    background-color: #e1e2e4;
    padding: 100px 0 265px 0;
}
.catalog-page-reviews h2.title {
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin-bottom: 45px;
}

.catalog-page .page-title-wrapper {
    padding-top: 13px;
}
.catalog-page .breadcrumbs {
    margin-bottom: 47px;
}
.catalog-page .page-description {
    float: left;
    width: 50%;
    font-size: 16px;
}
.catalog-page main {
    margin-bottom: 50px;
}

.woocommerce .single-product-page .woocommerce-breadcrumb {
    font-size: 14px;
    margin-bottom: 50px;
}
.woocommerce-page div.single-product-page #wpgs-gallery.wcgs-woocommerce-product-gallery {
    max-width: 45.286% !important;
    margin-right: 75px;
    margin-bottom: 40px;
}
.woocommerce div.single-product-page div.images .woocommerce-product-gallery__image {
    margin-bottom: 20px;
}
.woocommerce div.single-product-page div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 100px;
    height: 70px;
    margin-right: 25px;
    overflow: hidden;
}
.woocommerce div.single-product-page div.summary {
    width: 50%;
}
.woocommerce div.single-product-page .product_title {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 3px;
}
.woocommerce div.single-product-page .custom-field.latin-name {
    color: #00a1e6;
    line-height: 1;
    margin-bottom: 17px;
}
.woocommerce div.single-product-page .price {
    margin-top: 20px;
    font-size: 38px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 65px;
    text-decoration: none;
}
.woocommerce div.single-product-page .price ins {
    text-decoration: none;
}
.woocommerce div.single-product-page .price del {
    font-size: 30px;
    font-weight: normal;
    color: #a0a1a5;
}
.woocommerce div.single-product-page .aggregators {
    border: 2px solid #f3f3f3;
    border-radius: 10px;
    padding: 23px 17px 19px 22px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.woocommerce div.single-product-page .aggregators .label {
    color: #00a1e6;
    text-transform: uppercase;
    font-size: 20px;
}
.woocommerce div.single-product-page .custom-field a {
    border: 2px solid #00a1e6;
    display: inline-block;
    border-radius: 30px;
    width: 278px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 18px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.woocommerce div.single-product-page .custom-field.tabletki_url span.svg-image {
    background: #43b02a;
    width: 203px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
}
.woocommerce div.single-product-page .custom-field.tabletki_url span.svg-image svg {
    width: 162px;
    height: auto;
}
.woocommerce div.single-product-page .custom-field.liki24_url span.svg-image svg {
    height: 40px;
    width: auto;
}
.woocommerce div.single-product-page .add-to-cart-block {
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 30px 20px 0;
}
.woocommerce div.single-product-page form.cart div.quantity {
    position: relative;
}
.woocommerce div.single-product-page form.cart div.quantity span {
    position: absolute;
    top: 14px;
    right: 90px;
    font-size: 24px;
}
.woocommerce div.single-product-page form.cart input.qty {
    width: 180px;
    height: 65px;
    border: 2px solid #000;
    border-radius: 10px;
    font-size: 24px;
    text-align: left;
    padding: 0 13px;
}
.woocommerce div.single-product-page .single_add_to_cart_button {
    width: 560px;
    height: 65px;
    border-radius: 30px;
    margin-left: 22px;
    background: url(assets/images/cart.svg) no-repeat 63% center, linear-gradient(135deg, #00cdff 0%, #00cdff 40%, #00a1e6 60%, #00a1e6 100%);
    background-size: 27px auto, 100% 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}
.woocommerce div.single-product-page .add-to-cart-block form.cart {
    margin-bottom: 35px;
}
.woocommerce div.single-product-page .add-to-cart-block .shipping-title {
    background: url(assets/images/auto.svg) left center no-repeat;
    background-size: 40px auto;
    padding-left: 50px;
    margin-left: 40px;
}
.woocommerce div.single-product-page .add-to-cart-block .shipping-title h2 {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.woocommerce div.single-product-page .add-to-cart-block .shipping-blocks {
    font-size: 11px;
    margin-left: 40px;
}
.woocommerce div.single-product-page .add-to-cart-block .shipping1-area {
    background: url(assets/images/nova.svg) no-repeat;
    background-size: 36px 36px;
    background-position: 0 5px;
    padding-left: 49px;
}
.woocommerce div.single-product-page .add-to-cart-block .shipping2-area {
    background: url(assets/images/ukrposhta.svg) no-repeat;
    background-size: 36px 36px;
    background-position: 0 5px;
    padding-left: 49px;
}
.woocommerce div.single-product-page .add-to-cart-block .shipping3-area {
    background: url(assets/images/card.svg) no-repeat;
    background-size: 36px 36px;
    background-position: 0 0;
    padding-left: 49px;
}
.woocommerce div.single-product-page .horizontal-line {
    width: 100%;
    border-top: 2px solid #454547;
}
.woocommerce div.single-product-page .woocommerce-tabs {
    padding-top: 5px;
}
.woocommerce div.single-product-page .woocommerce-tabs ul.wc-tabs {
    padding: 0;
    margin: 0;
    display: flex;
    align-content: center;
}
.woocommerce div.single-product-page .woocommerce-tabs ul.wc-tabs li {
    background: #fff;
    padding: 0;
    margin: 0 16px 19px 0;
    border: none;
    background: none;
}
.woocommerce div.single-product-page .woocommerce-tabs ul.wc-tabs li a {
    width: 216px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #f3f3f3;
    border-radius: 34px;
    font-weight: normal;
}
.woocommerce div.single-product-page .woocommerce-tabs ul.wc-tabs li.active a {
    background: #f3f3f3;
    border-color: #454547;
}
.woocommerce div.single-product-page .woocommerce-tabs .panel {
    padding-top: 35px;
    display: flex;
    min-height: 500px;
}
.woocommerce div.single-product-page .woocommerce-tabs .panel img {
    max-width: 50%;
    float: right;
    margin-left: 72px;
}
.woocommerce div.single-product-page .add-to-cart-mini-block {
    background: #f3f3f3;
    border-radius: 10px;
    padding: 25px 22px 29px 36px;
}
.woocommerce div.single-product-page .add-to-cart-mini-block .title {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
}
.woocommerce div.single-product-page .add-to-cart-mini-block .subtitle {
    font-size: 24px;
}
.woocommerce div.single-product-page .add-to-cart-mini-block div.col:has(> .price) {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.woocommerce div.single-product-page .add-to-cart-mini-block .price {
    margin: 0;
}
.woocommerce div.single-product-page .add-to-cart-mini-block form.cart {
    margin: 8px 0 0;
    display: flex;
}
.woocommerce div.single-product-page .related {
    margin-top: 100px;
    margin-bottom: 40px;
}
.woocommerce div.single-product-page .related div.products {
    margin: 0 -6px;
}
.woocommerce div.single-product-page .related > h2 {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: #00a1e6;
    margin-bottom: 40px;
}
.woocommerce div.single-product-page .related .price {
    display: none;
}
.woocommerce div.single-product-page .related .product-buttons {
    display: none;
}

footer {
    margin-top: -155px;
    padding-top: 115px;
    min-height: 515px;
    background-color: #00a1e6;
    color: #fff;
}
footer .menu-mobile {
    display: none;
}
footer h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 27px;
}
footer ul {
    list-style: none;
    padding: 0;
}
footer li {
    margin: 11px 0;
}
footer a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
footer a:hover {
    text-decoration: underline;
}
footer .logo img {
    width: 198px;
}
footer .slogan {
    text-transform: uppercase;
    font-style: italic;
    font-size: 16px;
    margin: 18px 0 21px 0;
}
footer .nassr img {
    width: 120px;
    margin-top: 14px;
}
footer .copyright {
    margin-top: 20px;
}
footer .contacts {
    padding-left: 100px;
}
footer .address, footer .phone, footer .email {
    text-transform: uppercase;
}
footer .phone {
    font-weight: bold;
    margin-top: 50px;
}
footer .email {
    margin-top: 25px;
}

@media (max-width: 1200px) {
    header #menu__toggle {
		display: inline-block;
		position: absolute;
	}
	header .menu__btn {
		visibility: visible;
		position: relative;
	}
    header .nav-block {
        display: none;
        background: #fff;
    }
    header #menu__toggle:checked ~ .nav-block {
		display: block;
	}
}

@media (max-width: 600px) {
    header {
        height: 60px;
        padding: 0;
    }
    header .logo {
        top: 8px;
    }
    header .logo img {
        width: 109px;
    }
    header .cart {
        top: 10px;
        right: 20px;
    }
    header .cart img {
        width: 42px;
        padding: 11px;
    }

    header #menu__toggle:checked ~ .menu__btn {
        top: 18px;
        left: 15px;
    }
    header .nav-block {
        position: absolute;
        top: 0;
        left: 0;
        width: 84%;
    }
    header .icons {
        position: absolute;
        top: 10px;
        right: 0;
        margin-right: 11px;
    }
    header .icons .icon {
        width: fit-content;
        height: fit-content;
    }
    header .icons .icon a img {
        width: 42px;
        padding: 11px;
    }

    ul#menu-top {
        margin-top: 85px;
        margin-left: 30px;
    }
    ul#menu-top li {
        display: block;
        margin: 5px 0;
    }
    ul#menu-top li a {
        font-size: 34px;
        font-weight: normal;
    }
    ul#menu-top li.menu-item-has-children::after {
        display: none;
    }
    ul#menu-top li.menu-item-has-children ul.sub-menu {
        visibility: visible;
        position: unset;
        background-color: unset;
        padding: 17px 17px 58px 17px;
    }
    ul#menu-top ul.sub-menu li {
        margin: 24px 0;
    }
    ul#menu-top li.menu-item-has-children ul.sub-menu a {
        text-transform: unset;
        font-size: 24px;
        line-height: 1.25;
        margin: 0;
    }

    .header-contacts {
        margin: 50px 6px 0 30px;
        border-top: 2px solid #00a1e6;
        padding: 43px 0;
    }
    .header-contacts::before {
        float: left;
    }
    .header-contacts .first-phone {
        display: none;
    }
    .header-contacts ul.contacts {
        visibility: visible;
        position: unset;
        background-color: unset;
        margin-left: 40px;
        padding: 0;
    }
    .header-contacts ul.contacts li {
        line-height: 1;
        margin-bottom: 26px;
    }
    .header-contacts ul.contacts li.email {
        margin-top: 44px;
    }
    .header-contacts ul.contacts li a {
        font-size: 26px;
        color: #00a1e6;
        font-weight: normal;
        text-transform: lowercase;
    }
    
    .primary-slider .wpsisac-slick-slider .slick-dots {
        margin-top: 11px !important;
    }
    .primary-slider .wpsisac-slick-slider .slick-dots li button {
        background-color: #ddd !important;
        border: 1px solid #ddd;
        width: 13px !important;
        height: 13px !important;
    }

    .running-line {
        margin-top: -6px;
        background-color: #def5fb;
        border-bottom: none;
    }
    .running-line img {
        width: 37px;
        margin-right: 15px;
        vertical-align: sub;
    }
    .running-line p {
        font-size: 16px;
        margin-bottom: 6.5px;
    }

    .floor {
        padding-top: 26px;
    }
    h2.floor-title {
        font-size: 30px;
    }

    #floor2 {
        padding-left: 20px;
        padding-right: 0;
    }
    #floor2 .woocommerce {
        margin-top: 16px;
    }
    #floor2 .woocommerce ul.products {
        display: flex;
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: auto;
    }
    #floor2 .woocommerce ul.products li.product {
        margin-right: 20px;
        flex-grow: 1;
        flex-basis: 0;
        min-width: 336px;
    }
    #floor2 img.attachment-woocommerce_thumbnail {
        width: 336px;
    }

    #floor3 {
        padding-right: 0;
        padding-left: 0;
        padding-top: 63px;
    }
    #floor3 .health-focus {
        border-radius: 0;
        background-image: url(assets/images/bbl.png);
        background-position: bottom left;
        margin-top: -113px;
        padding: 118px 0 90px 0;
    }
    #floor3 h2.floor-title {
        color: #fff;
        line-height: 1;
    }
    #floor3 p.floor-subtitle {
        font-size: 18px;
        line-height: 1;
    }
    #health_slider {
        display: flex;
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: auto;
    }
    #health_slider .slide {
        margin: 0 20px;
        min-width: 177px;
        flex-grow: 1;
        flex-basis: 0;
    }
    #health_slider h3.title {
        color: var(--bs-body-color);
    }

    #about-us {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 18px;
    }
    #about-us h2.floor-title {
        margin-top: 17px;
        color: #00a1e6;
        font-size: 26px;
        font-weight: normal;
    }
    #about-us h2.floor-title br {
        display: inline;
    }
    #about-us .floor-subtitle {
        font-size: 20px;
        font-weight: bold;
        margin-top: -4px;
    }
    #about-us .left {
        margin-bottom: 40px;
    }

    #reviews {
        margin-top: 22px;
    }
    #reviews h2.floor-title br {
        display: inline;
    }
    #testimonials_slider {
        display: flex;
        flex-direction: row;
        overflow-y: hidden;
        overflow-x: auto;
    }
    #testimonials_slider .slide {
        flex-grow: 1;
        flex-basis: 0;
        min-width: 311px;
        background-color: #fff;
        margin: 0 7px;
        text-align: center;
        padding: 26px;
        border-radius: 14px;
    }
    #reviews .top-summary {
        display: none;
    }
    #reviews .wrapper {
        margin-top: 18px;
        padding: 48px 0;
        min-height: 436px;
    }
    #reviews .wrapper .container {
        padding: 0;
        margin-left: 13px;
    }
    #testimonials_slider .slide h3.title {
        text-transform: uppercase;
        font-size: 18px;
        margin-top: 16px;
    }
    #testimonials_slider .slide .content {
        margin-bottom: 50px;
    }
    #reviews .strong-rating-wrapper .star svg path {
        fill: #00a1e6;
    }
    #reviews .bottom-summary {
        display: block;
    }
    #reviews .bottom-summary .all {
        padding: 26px 0 0 20px;
    }
    #reviews .bottom-summary a.all-testimonials {
        padding: 5px 20px 6px 26px;
    }
    #reviews .bottom-summary a.all-testimonials .inner::after {
        display: none;
    }
    #reviews .bottom-summary p.floor-subtitle {
        text-transform: uppercase;
        font-size: 16px;
        margin-top: 25px;
    }

    #floor6 {
        margin-top: 40px;
        background-color: #def5fb;
        padding-top: 40px;
        padding-bottom: 45px;
    }
    #floor6 h2.floor-title {
        font-size: 26px;
    }
    #floor6 .left {
        display: none;
    }
    #floor6 .right {
        padding: 8px 20px 0 20px;
    }

    #subscribe .wrapper {
        background-color: #def5fb;
    }
    #subscribe .container {
        width: 90%;
        margin: 0 auto;
        padding: 36px 24px 30px 24px;
        font-size: 20px;
    }
    #subscribe .container h2 {
        font-size: 30px;
    }
    #subscribe .sbscrbr-email-wrap input {
        font-size: 20px;
        width: 100%;
    }
    #subscribe .sbscrbr-submit-block {
        top: 27px;
    }

    footer {
        padding-top: 54px;
        padding-bottom: 46px;
    }
    footer .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    footer .menu-mobile {
        display: block;
        border-bottom: 2px solid #fff;
        margin-bottom: 34px;
    }
    footer .menu-mobile details {
        border-top: 2px solid #fff;
        padding: 14px 0 9px 34px;
    }
    footer .menu-mobile details summary {
        list-style-type: none;
        display: inline-block;
        cursor: pointer;
        width: 100%;
        background: url('assets/images/plus_white.svg') no-repeat 97% center;
        font-size: 26px;
        font-weight: bold;
    }
    footer .menu-mobile details[open] > summary {
        background: url('assets/images/minus_white.svg') no-repeat 97% center;
    }
    footer .menu-mobile details .content {
        font-size: 22px;
        text-transform: uppercase;
    }
    footer .left {
        padding-left: 35px;
        font-size: 12px;
    }
    footer .slogan {
        font-size: 14px;
    }
    footer .nassr img {
        width: 78px;
    }
    footer .logo img {
        width: 130px;
    }
    footer .contacts {
        padding-left: 0;
        font-size: 13px;
    }
    footer .contacts h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media (max-width: 450px) {
    ul#menu-top li a {
        font-size: 26px;
    }
    ul#menu-top li.menu-item-has-children ul.sub-menu {
        padding-bottom: 18px;
    }
    ul#menu-top li.menu-item-has-children ul.sub-menu a {
        font-size: 20px;
    }
    .header-contacts ul.contacts li a {
        font-size: 20px;
    }
    .header-contacts {
        margin-top: 20px;
    }

    #floor2 .woocommerce ul.products li.product {
        min-width: 220px;
    }
    #floor2 h2.woocommerce-loop-product__title {
        font-size: 26px;
    }
    #floor2 .price {
        font-size: 22px;
    }

    #about-us .wpsisac-slick-carousal.design-1 .slick-prev {
        left: 5px !important;
    }
    #about-us .wpsisac-slick-carousal.design-1 .slick-arrow {
        top: 115% !important;
    }
    #about-us .wpsisac-slick-carousal .slick-arrow {
        height: 40px;
    }

    #testimonials_slider .slide {
        min-width: 250px;
    }
    #reviews .bottom-summary a.all-testimonials {
        padding: 5px 10px 6px 10px;
        margin-right: 8px;
    }
    #reviews .bottom-summary p.floor-subtitle {
        margin-top: 17px;
        text-align: right;
    }

    #floor6 details.question {
        font-size: 18px;
    }
    #floor6 summary {
        font-size: 20px;
        padding-right: 35px;
    }

    #subscribe .container h2 {
        font-size: 26px;
    }
    #subscribe .container {
        padding-bottom: 60px;
    }
    #subscribe .sbscrbr-email-wrap input {
        font-size: 18px;
        padding: 5px 21px 5px 21px;
    }

    .woocommerce .woocommerce-ordering {
        width: 100%;
    }
    .woocommerce select.orderby {
        font-size: 18px;
    }

    footer .menu-mobile details summary {
        font-size: 24px;
    }
    footer .menu-mobile details {
        padding-left: 24px;
    }
    footer .left {
        padding-left: 25px;
    }
    
}