@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap";
main .wrap {
    max-width: none;
    padding: 0
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.entry-content a {
    -webkit-box-shadow: none;
    box-shadow: none
}

button:focus,
button:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
    background-color: transparent
}

.uikit__h2 {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.25
}

@media screen and (min-width:768px) {
    .desc-photo .container .btn {
        margin: 10px 0 0
    }
    .uikit__h2 {
        font-size: 30px
    }
}

.uikit__p {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.71
}

@media screen and (min-width:576px) {
    .uikit__p {
        font-size: 14px
    }
}

.uikit__title {
    font-weight: 700;
    font-size: 29px;
    line-height: 1.15
}

@media screen and (min-width:768px) {
    .uikit__title {
        font-size: 39px
    }
}

.slider-title {
    letter-spacing: 1.5px;
    font-weight: 700;
    margin: 0 auto;
    margin-bottom: 15px;
    z-index: 1
}

.slider-desc {
    max-width: 600px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 600!important;
    letter-spacing: 1px;
    z-index: 1
}

.desc-photo__title {
    max-width: 360px;
    margin-bottom: 45px
}

.related__title {
    text-align: center;
    margin-bottom: 25px
}

.product-title {
    padding-top: 25px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 5px;
    color: #474747;
    font-weight: 600;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

@media screen and (min-width:768px) {
    .product-title {
        padding-top: 70px
    }
}

.product-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #f6ce74;
    font-weight: 600;
    margin-bottom: 15px
}

.product-price .price-old {
    text-decoration: line-through;
    margin-right: 10px
}

.product-price .price-new {
    color: #ae61c1;
	font-size: 26px;
	text-shadow: 1px 1px 2px #000;
}

.product-info .product-page__title {
    margin-bottom: 30px;
    max-width: 350px;
    font-weight: 600
}

.product-info .product-price {
    font-size: 22px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.product-info .product-page__desc {
    max-width: 500px
}

.product-info .product-page__desc ul {
    list-style-type: disc;
    padding-left: 25px;
    margin-bottom: 30px
}

.product-info .btn {
    margin: 45px 0 0;
    text-align: center
}

@media screen and (min-width:768px) {
    .product-info .btn {
        text-align: left
    }
}



html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.15;
    font-family: 'Open Sans', sans-serif
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    color: #474747;
    font-size: 14px;
    overflow-x: hidden
}

a,
button,
div,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
span,
textarea {
    outline: 0
}

blockquote,
canvas,
dl,
dt,
em,
h1,
h2,
h3,
h4,
h5,
h6,
i,
img,
li,
ol,
p,
ul,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

ol,
ul {
    list-style-type: none
}

.container,
.container-xl {
    margin: 0 auto;
    position: relative;
    max-width: 100%
}

.container {
    width: 1170px;
    padding: 0 10px
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.container.float {
    display: block;
}

@media screen and (min-width:768px) {
    .flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }
}

.flex .left,
.flex .right {
    width: 100%;
    margin-bottom: 30px
}

@media screen and (min-width:768px) {
    .flex .left,
    .flex .right {
        width: 48%
    }
}

main {
    padding-top: 60px
}

@media screen and (max-width:768px) {
    main {
        padding-top: 35px
    }
}

.slider {
    padding-top: 25px;
    visibility: hidden
}

.slider.slick-initialized {
    visibility: initial
}

.slider:not(:first-of-type) {
    display: none
}

.slider.slick-initialized .slide:not(:first-of-type) {
    display: block
}

.slider-item {
    position: relative;
    width: 100%;
    height: 450px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    display: none
}

.slider-item img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.desc-photo {
    padding: 0px 0 100px;
}

@media screen and (max-width:768px) {
    .desc-photo {
        padding: 54px 0
    }
}

.desc-photo .container {
/*    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.desc-photo .left,
.desc-photo .right {
    position: relative;
    /*width: 100%*/
}

@media screen and (min-width:768px) {
    .desc-photo .left,
    .desc-photo .right {
        /*width: 50%*/
    }
}

.desc-photo .left img,
.desc-photo .right img {
    max-width: 100%
}

.desc-photo .container .right {
    display: none;
    float: right;
}

@media screen and (min-width:768px) {
    .desc-photo .container .right {
        display: block
    }
}

.related {
    padding: 0 0 70px
}

.related .related__title {
    font-family: 'Futura Book';
    font-weight: 400;
    font-size: 42px;
    line-height: 1.15;
    text-align: center;
    margin-bottom: 45px;
    color: #474747
}

.related a:hover {
    text-decoration: none
}

.related-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 15px;
/* 	-ms-grid-rows: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr; */
    grid-template-rows: 1fr;
/* 	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; */
    grid-template-areas: . . . . . . . . .;
    grid-gap: 15px
}

@media screen and (min-width:768px) {
    .related-grid {
        -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: 1fr 15px 1fr 15px 1fr;
        grid-template-rows: 1fr;
        grid-template-areas: ". . ." ". . ." ". . ."
    }
}

.related-grid.column-4 {
     display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr 15px 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-areas: . . . . . . . . .;
    grid-gap: 15px
}

@media screen and (min-width:768px) {
    .related-grid.column-4 {
        -ms-grid-columns: 1fr 15px 1fr 15px 1fr 15px 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        -ms-grid-rows: 1fr 15px 1fr 15px 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: ". . ." ". . ." ". . ." ". . .";
    }
}

.related-grid .grid-item {
    overflow: hidden;
    width: 100%;
    height: 405px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-transition: -webkit-box-shadow .5s;
    transition: -webkit-box-shadow .5s;
    transition: box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s;
    transition: box-shadow .5s, -webkit-box-shadow .5s
}

.related-grid.column-4  .grid-item {
    height: 250px;
}

.related-grid .grid-item .grid-card {
    width: 100%;
    height: 100%
}

.related-grid .grid-item .img-card-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.related-grid .grid-item .img-card-block img {
	transition: all 0.3s ease-in-out;
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover
}

.related-grid.column-4 .grid-item .img-card-block img {
    height: 160px;
}

.related-grid .grid-item:hover {
    -webkit-box-shadow: 0 0 30px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 0 30px 1px rgba(0, 0, 0, .15)
}

.related-grid.column-4 .product-title {
    padding-top: 0;
    margin-top: -15px;
}

.related-grid .grid-item:hover .product-title {
    padding-top: 20px
}

.related-grid.column-4 .grid-item:hover .product-title {
    padding-top: 0px
}

.grid-item:hover .product-buttons {
    margin-top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

/*.related-grid.column-4 .grid-item:hover .product-buttons {
    margin-top: 30px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}*/

.related-grid.column-4 .product-buttons {
    margin-top: 80px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}


.related-grid.column-4 .grid-item:hover .product-buttons {
    margin-top: 30px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.product-content {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    text-decoration: none
}

.related-grid.column-4 .product-content {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
}

.product-slider {
    width: 100%
}

.product-slider img {
    width: 100%
}

.description {
    padding: 50px 0
}

.description__title {
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 15px
}

.description__wrapper {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width:768px) {
    .description__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial
    }
}

.description__wrapper .description__desc {
    width: 100%;
    padding-left: 15px;
    text-indent: 25px;
    text-align: justify
}

@media screen and (min-width:768px) {
    .description__wrapper .description__desc {
        width: 70%
    }
}

.description__wrapper .description__desc ul {
    list-style-type: disc;
    text-indent: 0;
    padding-left: 25px;
    padding-top: 15px
}

.description__wrapper .description__img {
    width: 100%
}

@media screen and (min-width:768px) {
    .description__wrapper .description__img {
        width: 30%
    }
}

.description__wrapper .description__img img {
    width: 100%
}

.burger:focus {
    outline: 0
}

.header__top-nav .burger {
    display: none;
    background-color: transparent;
    border: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:768px) {
    .header__top-nav .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        right: 5px;
        top: 23px;
        padding: 0;
        width: 25px;
        height: 15px
    }
}

.header__top-nav .burger .line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #474747;
    -webkit-transition: .3s;
    transition: .3s
}

.header__top-nav .burger .line:nth-of-type(2) {
    top: 50%
}

.header__top-nav .burger .line:nth-of-type(3) {
    top: 100%
}

.base-btn {
    min-width: 180px;
    padding: 0 40px;
    min-height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 2px solid #f6ce74;
    text-decoration: none;
    position: relative;
    z-index: 1;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    overflow: hidden;
    color: #f6ce74;
    text-transform: uppercase;
}

/*.base-btn-purple {
    min-width: 180px;
    padding: 0 40px;
    min-height: 50px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 2px solid #ae61c1;
    text-decoration: none;
    position: relative;
    z-index: 1;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    overflow: hidden;
    color: #ae61c1;
    text-transform: uppercase
}

.base-btn-purple:hover {
    color: #fff;
}*/
/* .base-btn-purple{
	border: 2px solid #fff !important;
	color: #fff !important;
} */
.slider-title .color-violet{
	color: #fff !important;
}


a.base-btn:focus {
    color: #f6ce74;
    outline: 0
}

.home .product-buttons button.btn:hover {
    color: #fff
}

.home a.base-btn:hover {
    color: #f6ce74
}

@media screen and (min-width:1200px) {
    .home a.base-btn:hover {
        color: #fff
    }
    .home .btn a.base-btn:hover .home .btn a.base-btn:before {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.home .btn a.base-btn {
    -webkit-box-shadow: none;
    box-shadow: none
}

.base-btn:hover {
    text-decoration: none
}

.base-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f6ce74;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media screen and (min-width:1200px) {
    .base-btn:hover:before {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@media screen and (min-width:1200px) {
    .base-btn:hover {
        color: #fff
    }
}

.base-btn span {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 50px
}

.slick-dots {
    bottom: -50px
}

.slick-dots li {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25
}

.slick-dots li.slick-active {
    background-color: #f6ce74;
    opacity: 1
}

.slick-next,
.slick-prev {
    padding: 13px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: 0 0;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.slick-next:focus,
.slick-prev:focus {
    outline: 0
}

.slick-next:hover,
.slick-prev:hover {
    background-color: transparent;
    opacity: .7
}

.slick-next {
    right: 10px
}

.slick-next::before {
    content: "";
    font-family: serif!important;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-top: 3px solid #dee2e6;
    border-right: 3px solid #dee2e6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    left: -8px;
    top: -6px
}

.slick-prev {
    left: 10px
}

.slick-prev::before {
    content: "";
    font-family: serif!important;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-top: 3px solid #dee2e6;
    border-left: 3px solid #dee2e6;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    left: -4px;
    top: -6px
}

.desc-photo .container .btn {
    margin: 45px 0 0;
    text-align: center
}

@media screen and (min-width:768px) {
    .desc-photo .container .btn {
        text-align: left
    }
}

@media screen and (max-width:768px) {
    .desc-photo .container .btn {
        margin: 0
    }
}

.product-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.product-buttons.blog {
    margin-top: 0;
}

@media screen and (max-width:767px) {
    .product-buttons {
        margin-top: 15px
    }
}

.product-buttons a.btn:hover {
    color: #f6ce74;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width:1200px) {
    .product-buttons a.btn:hover {
        color: #fff
    }
}

.product-buttons a.btn {
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-buttons a.btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.product-buttons .btn {
    background-color: #fff;
    border: 1px solid #f6ce74;
    border-radius: 15px;
    padding: 5px 10px;
    overflow: hidden;
    position: relative;
    font-weight: 600;
    z-index: 1;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: color .3s;
    transition: color .3s;
    margin-right: 10px;
    color: #f6ce74
}

.product-buttons .btn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f6ce74;
    z-index: -1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media screen and (min-width:1200px) {
    .product-buttons .btn:hover a {
        color: #fff
    }
}

@media screen and (min-width:1200px) {
    .product-buttons .btn:hover:before {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.grid-item .grid-card .product-buttons .btn a {
    color: #f6ce74;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.grid-item .grid-card .product-buttons a.detailed {
    text-decoration: none;
    color: #f6ce74;
    -webkit-box-shadow: none;
    box-shadow: none
}

.related-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 50px
}

.overlay {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    visibility: hidden;
}

.overlay.active {
    visibility: visible;
}

body.hidden {
    overflow: hidden;
}

header {
    width: 100%;
    position: fixed;
    z-index: 999;
    background-color: rgba(255, 255, 255, .8);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s;
	max-height: 121px;
}

.header_hide {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.header__top-nav {
    text-align: left;
    height: 65px;
    padding: 10px 0;
    position: relative
}

.header__top-nav img {
    max-width: 250px;
    max-height: 100%;
    height: auto
}

@media screen and (min-width:768px) {
    .header__top-nav {
        text-align: center;
        height: 90px
    }
}

.header__top-nav .active .line:first-of-type {
    width: calc(100% + 4px);
    /*-webkit-transform: rotate(30deg) translateY(8px) translateX(2px);
    transform: rotate(30deg) translateY(8px) translateX(2px)*/
    transform: rotate(45deg) translateY(9px) translateX(4px);
}

.header__top-nav .active .line:nth-of-type(2) {
    opacity: 0
}

.header__top-nav .active .line:nth-of-type(3) {
    width: calc(100% + 4px);
    /*-webkit-transform: rotate(-30deg) translateY(-7px) translateX(2px);
    transform: rotate(-30deg) translateY(-7px) translateX(2px)*/
    transform: rotate(-45deg) translateY(-6px) translateX(2px);
}

.header__phones {
    position: absolute;
    top: 15px;
    right: 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width:768px) {
    .header__phones {
        right: 0
    }
}

.header__phones div {
    display: none
}

@media screen and (min-width:992px) {
    .header__phones div {
        display: block
    }
}

.header__phones-text {
    font-size: 12px;
    text-transform: uppercase
}

.header__phones a {
    display: none;
    color: #474747;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-weight: 600;
    text-decoration: none
}

@media screen and (min-width:576px) {
    .header__phones a {
        display: block
    }
}

.menu__mobile-contacts {
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (min-width:576px) {
    .menu__mobile-contacts {
        display: none
    }
}

.callback__phones-mobile {
    color: #474747;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-weight: 600;
    text-decoration: none
}

.callback__phones-mobile:hover {
    color: #474747;
    text-decoration: none
}

.callback__phones-mobile.callback__phones-mobile_visible {
	position: absolute;
    /*bottom: -15px;*/
    /*bottom: 23px;*/
    bottom: 31px;
    /*width: 40vw;*/
    /*left: calc(100vw - 70vw);*/
    right: 50px;
    text-align: center;
    z-index: 10;
    display: none;
}

/*.callback__phones-mobile.callback__phones-mobile_visible {
	display: none;
}*/
/*@media screen and (max-width: 768px) {
    .callback__phones-mobile.callback__phones-mobile_visible {
        display: none;
    }
}*/
@media screen and (min-width: 576px) {
	.callback__phones-mobile.callback__phones-mobile_visible.active {
		display: none;
	}
}

.header__bottom-nav {
    padding-bottom: 20px
}

@media screen and (max-width:768px) {
    .header__bottom-nav {
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        background-color: #fff;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        transform-origin: top;
        opacity: 0;
        -webkit-transition: .3s;
        transition: .3s
    }
}

.header__bottom-nav.active {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none
}

@media screen and (max-width:768px) {
    .header__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        /*height: calc(100vh - 100px)*/
        height: 100vh;
		margin: 10px 0;
        border-bottom: 1px solid #80808047;
		justify-content: flex-start;
    }
}

.header__item {
    margin: 0 10px;
    font-weight: 800;
    text-align: center
}

@media screen and (min-width:768px) {
    .header__item {
        font-weight: 400
    }
}

.header__link {
    text-decoration: none;
    color: #474747;
    width: 100%;
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    margin-bottom: 8px
}

.header__link::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #f6ce74;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.header__link:hover {
    color: #f6ce74
}

@media screen and (min-width:768px) {
    .header__link {
        margin-bottom: 0
    }
}

.header__dropdown {
    position: absolute;
    /*left: -28.5vw;*/
    left: -166px;
    min-width: 350px;
    top: calc(100% + 10px);
    background-color: #fff;
    border: 1px solid #eee;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50vh;
    /*width: calc(100vw - 300px);*/
    width: 900px;
    overflow: auto;
}

@media screen and (max-width:1610px) {
    .header__dropdown {
        /*left: -29.5vw;*/
        /*width: calc(100vw - 100px)*/
    }
}

@media screen and (max-width:1281px) {
    .header__dropdown {
        /*left: -26.5vw*/
    }
}

@media screen and (max-width:1192px) {
    .header__dropdown {
        /*left: -25.5vw;*/
        height: 65vh
    }
}

@media screen and (max-width:1050px) {
    .header__dropdown {
        /*left: -22.5vw*/
    }
}

@media screen and (max-width:992px) {
    .header__dropdown {
        /*left: -20.5vw;*/
        height: 80vh
    }
}

@media screen and (max-width:867px) {
    .header__dropdown {
        /*left: -15.5vw*/
    }
}

@media screen and (max-width:768px) {
    .header__dropdown {
        opacity: 1;
        visibility: visible;
        position: relative;
        top: auto;
        left: auto;
        min-width: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 0 20px;
        border: none;
        width: 100vw;
        height: 50vh;
        overflow: scroll;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
		flex-wrap: nowrap;
    	gap: 10px;
    }
}

.header__dropdown .header__link {
    line-height: 15px;
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 11px;
}

@media screen and (max-width: 1440px) {
	.header__dropdown .header__link {
		max-width: 252px;
    	text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.header__dropdown .header__link {
    	text-align: center;
	}
}

.header__dropdown-item {
    display: inline-block;
    padding: 0 10px;
    text-align: start
}

@media screen and (min-width:768px) {
    .header__dropdown-item {
        /*padding: 10px 3px;*/
        padding: 3px 3px;
    }
}

@media screen and (min-width:768px) {
    .header__item:hover .header__dropdown {
        opacity: 1;
        visibility: visible
    }
}

.header__menu-arrow-next,
.header__menu-arrow-prev {
    position: fixed;
    top: 1px;
    display: none;
    max-width: 19px;
}

.header__menu-arrow-next {
    right: 7px;
    display: none
}

.header__menu-arrow-prev {
    left: 7px;
}

@media screen and (min-width:768px) {
    .header__menu-arrow-next,
    .header__menu-arrow-prev {
        display: none
    }
}

@media screen and (max-width:768px) {
    footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.footer__bottom {
    padding: 25px 0;
    border-top: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width:768px) {
    .footer__bottom {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer__bottom img {
    max-height: 100%;
    max-width: 200px
}

.footer__bottom .footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__bottom .footer__social a {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (min-width:1200px) {
    .footer__bottom .footer__social a:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.footer__bottom .footer__social a svg {
    max-width: 100%;
    max-height: 100%
}

.footer__numbers a {
    text-decoration: none;
    color: #474747;
    font-weight: 600;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer__title {
    font-weight: 600;
    margin-bottom: 5px
}

div#fancybox-wrap {
	height: auto !important;
	max-width: 600px!important;
	width: auto !important;
}

div#fancybox-outer div#fancybox-content {
    /*width: 100%!important*/
}

a#fancybox-close {
    /*top: -13px;
    right: -35px*/
}

.sign-up {
    width: 100%;
    height: 100%;
    max-height: 90vh;
    background-color: #fff;
    margin: auto
}

@media screen and (max-width:768px) {
    .sign-up {
        overflow: scroll
    }
}

.sign-up__service {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 40px 0px
}

@media screen and (max-width:768px) {
    .sign-up__service {
        padding: 40px 10px 20px
    }
}

@media screen and (max-width:450px) {
    .sign-up__service {
        padding: 10px 10px 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: center;
    }
}

.sign-up__service__heading {
    font-family: 'Futura Book';
    font-weight: 400;
    font-size: 42px;
    line-height: 1.15;
    text-align: center;
    margin-bottom: 10px;
    /*color: #474747*/
    color: #ae61c1
}

@media screen and (max-width:570px) {
    .sign-up__service__heading {
        font-size: 24px
    }
}

.sign-up__service-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (max-width:450px) {
    .sign-up__service-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.sign-up__service-item-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.sign-up__service-item-title {
    padding: 10px;
    max-width: 272px
}

@media screen and (max-width:768px) {
    .sign-up__service-item-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column;
        flex-direction: column;
        align-items: center;
    }
    .sign-up__service-item-box span.sign-up__service-item-title {
        padding: 20px 0 15px;
    }
}

.sign-up__service-item-img {
    width: 98px;
    height: 98px
}

.sign-up__service-item-price {
    min-width: 70px;
    font-weight: 600
}

.sign-up form {
    padding: 20px 40px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	overflow: hidden;
}

.sign-up form input,
.sign-up form p,
.sign-up form span {
    width: 100%
}

@media screen and (max-width:768px) {
    .sign-up form {
        padding: 20px 10px;
    }
}

@media screen and (max-width:450px) {
    .sign-up form {
        padding: 0 10px 10px
    }
}

@media screen and (max-width:450px) {
    .sign-up form div.wpcf7-response-output {
        margin: 0
    }
}

.sign-up input.sign-up__submit {
/*     max-width: 310px; */
    width: 100%;
    padding: 0 15px;
    min-height: 40px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #f6ce74;
    text-decoration: none;
    position: relative;
    z-index: 1;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
    overflow: hidden;
    color: #f6ce74;
    font-weight: 500;
    font-size: 15px;
}


.sign-up input.sign-up__submit:hover {
    background-color: #f6ce74;
    color: #fff
}

.sign-up form input {
    height: 40px;
    padding-left: 15px;
    margin-bottom: 15px
}

.sign-up form input,
.sign-up form input:focus {
    color: #ccc;
    border: 1px solid #ccc
}

@media screen and (max-width:768px) {
/*     .sign-up form input {
        width: 95%
    } */
}

@media screen and (max-width:420px) {
/*     .sign-up form input {
        width: 90%
    } */
}

.sign-up form input[placeholder] {
    color: #ccc
}

::-webkit-input-placeholder {
    color: #ccc
}

::-moz-placeholder {
    color: #ccc
}

:-ms-input-placeholder {
    color: #ccc
}

::-ms-input-placeholder {
    color: #ccc
}

::placeholder {
    color: #ccc
}

#sertificat_form_pop select {
    width: 100%;
    padding: 10px 7px;
    border: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
    #sertificat_form_pop select {
        width: 97%;
        padding: 10px 0;
    }
}

#select-sertificat option:focus {
    background-color: #f6ce74
}


@media screen and (max-width:420px) {
    #sertificat_form_pop input.sign-up__submit {
        width: 80%;
    }
}
#sertificat_form_pop input.sign-up__submit {
	position: relative;
	top: 10px;
}


/*404 page*/

.error-404 {
    padding: 50px 0
}

.page-header {
    background: 0 0;
    position: static
}

.page-header h1 {
    text-align: center;
    margin-bottom: 50px
}

.page-content-wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: auto;
    padding: 0 30px
}

@media screen and (max-width:768px) {
    .page-content-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.page-content-left h4 {
    max-width: 95%;
    font-family: 'Futura Book';
    font-weight: 400;
    font-size: 42px;
    line-height: 1.15;
    text-align: left;
    margin-bottom: 8px;
    color: #474747
}

@media screen and (max-width:768px) {
    .page-content-left {
        margin-bottom: 40px
    }
}

@media screen and (max-width:768px) {
    .page-content-left h4 {
        text-align: center;
        font-size: 26px
    }
}

.page-content-left p {
    font-size: 17px;
    font-weight: 600;
    text-decoration: underline;
    margin-bottom: 30px
}

.error-code {
    font-size: 24px
}

.page-content-left a {
    font-size: 18px;
    text-decoration: none;
    color: #474747;
    margin-bottom: 30px;
    font-weight: 500;
    text-transform: uppercase
}

.page-content-left a:hover {
    color: #f6ce74;
    text-decoration: underline
}

.callback_button {
    position: fixed;
    bottom: 6%;
    right: 10%;
	z-index: 1000;
}

.callback_button a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ae61c1;
    text-transform: uppercase;
}

.callback_button a:hover {
    text-decoration: none;
    color: #f6ce74;
}

.callback_button img {
    max-width: 45px;
	max-height: 45px !important;
}

@media screen and (max-width: 767px) {
	.header__top-nav img{
		max-width: 150px !important;
	}
}




body #trp-floater-ls {
    background-color: #ae61c1;
}

body #trp-floater-ls-current-language a, #trp-floater-ls-language-list a {
    color: #f6ce74;
}



/*language menu*/

.navbar__language {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.navbar__language .navbar__language-item {
    margin: 0 5px;
}

.navbar__language .navbar__language-item:first-child .navbar__language-link{
    cursor: default;
    color: #ae61c1
}

.navbar__language .navbar__language-link {
    font-size: 18px;
}

.navbar__language.navbar__language-mobile {
    display: none;
}

@media screen and (max-width: 576px) {
    .navbar__language.navbar__language-mobile {
        display: flex;
        align-items: flex-end;
        position: absolute;
        top: 31px;
        right: 86px;
    }

    .navbar__language.navbar__language-mobile .navbar__language-link {
        color: #474747;
        font-size: 14px;
    }
}

.breadcrumps {
    padding-top: 40px;
}

.breadcrumps-list {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    text-decoration: none;
    color: #474747;
    font-size: 10px;
    text-transform: uppercase;
}

.breadcrumps-link {
    color: #474747;
    font-size: 10px;
    text-transform: uppercase;
}

.breadcrumps-link:hover {
    text-decoration: none;
    color: #ae61c1;
}



.full-width-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}



/*ACCORDION*/

@keyframes accordion {
    from {
        padding-bottom: 40px;
        height: 0;
        opacity: 0;
    }
    to {
        height: auto;
        opacity: 1;
    }
}

.accordion_collapse {
    height: 0;
    overflow: hidden;
}

.accordion_collapse.show {
    height: auto;
    overflow: visible;
    animation-name: accordion;
    animation-duration: .3s
}

.accordion__more {
    color: #ae61c1;
    cursor: pointer;
    transition-duration: .4s;
    display: block;
    text-align: right;
    font-size: 16px;
}

.accordion__more:hover {
    color: #f6ce74;
    font-weight: 600;
    transition-duration: .4s;

}

/*Button block*/

.buttons-wrapper {
    width: 100%;
}

.sertificate__background{
	object-position: 115px;
}


@media screen and (max-width: 992px) {
	.sertificate__background{
	object-position: center;
}
    .product-page .buttons-wrapper {
        width: 100%;
        margin: 1rem auto!important;
    }

    .product-page .button-block {
        width: 100%;
        max-width: 500px;
        margin: auto;
    }

    .product-page .btn {
        width: 100%;
    }

    .product-page .btn .product__base-btn, .product-page .btn .base-btn-purple {
        width: 100%;
    }
}

.color-violet {
    color: #ae61c1;
}


/******************************************************************COMMENT SECTION************************************************************/

.wpd-field {
    border: 1px solid #eee;
    box-shadow: 0px 0px 1px #555;
}

.akcii-grid{
	grid-template-rows: 1fr; !important
}

.related-grid .grid-item .grid-card{
	position: relative;
}

@media (any-hover: hover) {
    .related-grid .grid-item:hover > .grid-card .img-card-block img{
        transform: scale(1.3);
    }
}

.product-content{
	position: absolute;
    top: 165px;
    left: 50%;
    transform: translate(-50%);
    padding: 10px !important;
    width: 100% !important;
	display: flex;
    z-index: 10;
    gap: 10px;
    flex-direction: column;
}
.product-title{
	font-size: 22px !important;
    text-transform: uppercase;
    color: #fff !important;
    text-shadow: 1px 1px 3px #000;
	 padding-top: 5px !important;
    height: 85px;
}
.product-buttons{
	position: absolute;
	    bottom: 40px;
    left: 50%;
    transform: translate(-50%);
	z-index: 10;
}

.related-grid .grid-item .img-card-block,
.related-grid .grid-item .img-card-block img{
	height: 100%;
}

.product-price{
	color: #fff !important;
    font-size: 17px;
	gap: 15px;
    align-items: center;

}
.grid-item .grid-card .product-buttons a.detailed{
	display: none;
}
.product-buttons .btn{
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 0 !important;
    padding: 10px 20px;
	    color: #fff;
    font-size: 17px;
}
.service-gift{
	display: none;
/* 	display: flex; */
    color: #fff;
    align-items: center;
    gap: 10px;
    font-size: 19px;
    position: absolute;
    top: -145px;
	z-index: 100;
    border: 1px solid #fff;
    padding: 5px 10px;
}
.stock-banner-img img{
	width: 100%;
}
/*=============================================================*/

.plusi{
	    margin: 0px 0 80px;
}

.plusi__list{
	display: flex;
/*     padding: 50px 0px; */
}
.plusi__item{
	display: flex;
	gap: 10px;
	width: 25%;
	padding: 10px;
}
.plusi__icon{
	color: #E1C79B;
    font-size: 40px;
	width:40px !important;
	height: 40px;
	min-width: 40px;
}
.plusi__icon i{
	width: 100%;
	height: 100%;
	color: #ae61c1;
}
.related-grid .grid-item .grid-card:after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: -webkit-gradient(linear-gradient(180deg,rgba(0,0,0,0) 0, #000000c2 100%));
    background: -o-linear-gradient(180deg,rgba(0,0,0,0) 0, #000000c2 100%);
    background: linear-gradient(180deg,rgba(0,0,0,0) 0, #000000c2 100%);
}
.visible-for-scroll{
	display: none;
}
.visible-for-scroll a{
	color: #474747;
}
.sertificat-product-content{
	left: 0;
	top: 0;
}


.main-related{
	background:url('https://bodyxs.com.ua/wp-content/uploads/2023/04/translucent-image.png') -270px 50% no-repeat;
}
.main-big-blok-text{
	background:url('https://bodyxs.com.ua/wp-content/uploads/2023/04/translucent-image.png') 110% 50% no-repeat;
}


.product-buttons .btn{
	margin-right: 0;
}

.left p{
	text-align: justify;
}
.sign-up__service-item-box img{
	display: none !important;
}

.header__dropdown::-webkit-scrollbar {
  width: 6px; /* Ширина всего элемента навигации */
}

.header__dropdown::-webkit-scrollbar-track {
  background: #fff; /* Цвет дорожки */
}

.header__dropdown::-webkit-scrollbar-thumb {
  background-color: #050c26; /* Цвет бегунка */
  border-radius: 20px; /* Округление бегунка */
  border: 3px solid #ae61c1; /* Оформление границ бегунка */
}

/* .sign-up input.sign-up__submit{
	top: -55px;
} */
.sign-up__service-item-title{
	display: none !important;
}
.product-item__text-price{
	margin: o auto;
}
/* .price-old{
	color: #474747;
} */
.call-btn{
	top: 0 !important;
}
.main-sertificate-btn{

}
.row{
	justify-content: center !important;
}

.slider-item p{
	text-shadow: 1px 1px 3px #000;
}

.main-banner{
	height: 74vh;
    position: relative;
    display: flex;
    flex-direction: column;
}
.banner-video{
	position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-text{
	position: absolute;
    top: 25%;
    width: 100%;
	padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
	text-align: center;
}

.sertificate__section h3{
}
.sertificate__content,.sertificate__info{
	position: relative;
	z-index: 1;
	padding: 50px 10px;
	color: #000;
}
.sertificate__section h3{
	text-align: center;
	font-size: 36px;
}
.sertificate__section p{
    max-width: 350px;
    line-height: 36px;
    font-size: 21px;
    text-align: justify;
	margin-bottom: 30px;
}

#bg_popup, #bg_popup2{
	display: none;
	transform: scale(1);
	transition: all 0.5s;
}
.sec-popup{
	background: #000000ad;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
	z-index: 1000;
}
.sec-popup__content{
	width: 100%;
    height: 100vh;
    display: flex;
}
.sec-popup .sign-up{
	background: url(https://bodyxs.com.ua/wp-content/uploads/2023/04/translucent-image.png) 270px 50% no-repeat #fff;
	max-width: 600px;
    max-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: relative;
}
#setCookie, #setCookie2, #close__pop, #close__pop_blog, #close__pop_sertificate{
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 30px;
}
.sec-popup__text{
	font-size: 40px;
    font-weight: 100;
}
.sign-up__service span{
	color: #fff;
    text-shadow: 2px 2px 3px #ae61c1;
	font-size: 60px;
    line-height: 45px;
}
.sec-popup__text2{
	font-size: 23px;
    font-weight: 100;
	text-align: center;
}



@media screen and (max-width: 576px) {
	div#fancybox-wrap{
		left: 0 !important;
		width: 100% !important;
	}
	div#fancybox-wrap #fancybox-outer{
		width: 90% !important;
		margin: 0 auto !important;
	}
	.sign-up__service-item{
		align-items: center;
	}
	.plusi__list{
		flex-direction: column;
		align-items: flex-start;
		gap: 35px;
	}
	.plusi__item{
		width: 100%;
	}
	.related-grid .grid-item{
		height: 470px !important;
	}
	.product-content{
		top: 230px !important;
	}
	.product-title{
		height: 65px !important;
	}
	.product-buttons .btn{
		padding: 15px 50px !important;
	}
	.product-price{
		font-size: 20px !important;
	}
	.sertificate__section{
		height: auto !important;
	}
	.sertificate__background{
		    object-position: center;
    height: 48% !important;
    top: 120px !important;
	}
	.sert_text_one{
		    margin-bottom: 215px !important;
	}
	.banner-text{
		top: 20%;
		gap: 30px;
	}
	.banner-text h1{
		font-size: 26px;
	}
	.sertificate__content,.sertificate__info{
		position: relative;
		z-index: 1;
		display: flex;
		color: #333;
		justify-content: center;
		text-shadow: 1px 1px 3px #eee;
		padding: 15px 10px;
		flex-direction: column;
   		align-items: center;
		top:-25px;
	}
	.sec-popup .sign-up{
		    background: url(https://bodyxs.com.ua/wp-content/uploads/2023/04/translucent-image.png) 70px 50% no-repeat #fff !important;
	}
/* 	.sign-up input.sign-up__submit{
		width: 90% !important;
	} */
	.reviews{
		margin-top: 90px;
	}
	.sertificate__section p{
		font-weight: 500;
		margin-bottom: 65px;
	}
	.main-banner{
		height: 65vh;
	}
	.banner-video{
		height: 95%;
	}
}



.closest{
	display: none;
}
.opnd{
	display: block !important;
}

.reviews h3{
	text-align: center;
    margin: 50px 0;
}
.reviews__items{
	display: grid;
    justify-content: stretch;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 30px;
	margin-bottom: 50px;
}
.reviews__item{
	    padding: 24px;
    border-radius: 34px;
    background-color: rgba(17, 17, 17, 0.05);
}
.reviews__title{
	    display: flex;
	    margin-bottom: 10px;
}
.reviews__title small{
	display: block;
}
.reviews__name{
	font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.reviews__star{
	color: #B21E84;
        font-size: 17px;
    letter-spacing: -2px;
}
.reviews__item span{
	font-size: 25px;
    width: 38px;
        display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    color: #fff;
	text-transform: uppercase;
	margin-right: 10px;
	height: 38px;
	min-width: 38px;
    min-height: 38px;
}

.product-description__text .button-block{
	display: none;
}
.wpcf7-spinner{
	width: 24px !important;
}
.wpcf7-select{
	width: 100%;
	    height: 40px;
    padding-left: 15px;
    margin-bottom: 15px;
	    color: #ccc;
    border: 1px solid #ccc;
}
.form__phone_img{
	width: 100%;
	text-align:end;
}
.form__phone_img img{
	max-width: 45px !important;
}
.call-callback{
	max-width: 45px !important;
}