:root {
    --primary: #B946B7;
    --secondary: #a547a4;
    --bg-color: #f7fbf8
}
body {
    font-family: Lato, Arial, Sans-serif, serif;
    color: #666;
    line-height: 1.3;
    font-size: 16px;
    background-color: #fff;
    margin: 0;
    padding: 0;
}
#app,
body {
    min-height: 100vh;
    overflow-x: hidden;
}
figure {
    margin: 0;
    padding: 0;
    line-height: 0;
}
strong {
    font-weight: 700;
    color: #555
}
a {
    color: var(--primary)
}
button,
input,
textarea {
    outline: 0
}
.fancybox__slide.has-image > .fancybox__content{
    background: #fff;
}
.swiper-slider{
    overflow: hidden;
}
.swiper-wrapper{
    align-items: stretch;
}
.swiper-slide{
    height: auto;
    box-sizing: border-box;
}
.pb0 {
    padding-bottom: 0 !important
}
.module .h3-title {
    font-weight: 700;
    font-size: 20px;
    color: #646464;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
}
.tabs {
    margin: 10px 0;
}
.tabs-nav {
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tabs-nav li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.tabs-nav a {
    display: block;
    padding: 10px 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fbfbfb;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    color: #999;
}
.tabs-nav li:first-child a {
    border-radius: 5px 0 0 0;
}
.tabs-nav li:last-child a {
    display: block;
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
}
.tabs-nav a.active {
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}
.tabs-items {
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 5px;
    background: #fff;
    margin: -1px 0 0 0;
}
.tabs-item {
    padding: 15px;
}
.accordion--list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.accordion--list .faq-item {
    box-shadow: 0 0 10px 0 rgba(43, 67, 88, 0.14);
    margin-bottom: 10px;
}
.accordion--list .item-title {
    cursor: pointer;
    display: block;
    padding: 15px 50px 15px 15px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.accordion--list .item-title .title{
    color: #3d3d3d;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}
.accordion--list li:last-child .item-title {
    border-bottom: 0;
}

.accordion--list .item-title .caret {
    position: absolute;
    top: 11px;
    left: 12px;
}
.accordion--list .item-title i {
    font-size: 18px;
    color: #1a1a1a;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion--list .item-title .caret {
    right: 12px;
    left: auto;
}
.accordion--list .item-title i.fa-icon {
    font-size: 30px;
}

.accordion--list .open .item-title {
    background: #bf59be;
}
.accordion--list .open .item-title .title{
    color: #fff;
}
.accordion--list .open .item-title  i { color: #fff; }

.accordion--list .open .item-title  i.fa-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.accordion--list .sub-item {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0 15px 1px;
}
.card {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 30px;
    transition: .3s ease-out
}

.card .card-image img {
    object-fit: cover;
    width: 100%
}

.card-body {
    padding: 15px 0
}

.card .post-info .date {
    font-size: 11px;
    color: #595959
}

.card-title a {
    text-decoration: none;
    font-size: 16px;
    color: #555;
    font-weight: 700;
    display: block
}

.card-reviews {
    font-size: 13px;
    color: #999;
    text-decoration: none
}

.card-text {
    height: 118px;
    overflow: hidden;
    color: #777;
    margin-bottom: 20px
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    padding-top: 10px;
    box-shadow: 0 4px 10px rgba(34, 45, 74, .1);
    -webkit-box-shadow: 0 4px 10px rgba(34, 45, 74, .1);
    -moz-box-shadow: 0 4px 10px rgba(34, 45, 74, .1)
}
.main-page{
    padding-top: 15px;
}
.logo-col .row{
    align-items: center;
}
.logo {
    display: block;
}
.logo img {
    max-height: 70px;
    margin: auto
}
.logo-description{
    font-size: 15px;
    color: #757575;
    text-transform: uppercase;
}
.top-email p,
.top-phone p {
    margin: 0;
}
.top-email a,
.top-phone a {
    margin-bottom: 2px;
    display: inline-block;
}
.top-phone a {
    text-decoration: none;
    color: #4f5c64;
    font-weight: 800;
    font-size: 15px;
}
.work-time,
.phone-note{
    color: #595959;
    font-size: 14px;
    padding-left: 10px;
}
.work-time{
    margin-top: 5px!important;
    padding: 0;
}
.cart-link,
.favorites-link {
    display: inline-flex;
    background-color: #f3f5f9;
    position: relative;
    width: 2.875rem;
    height: 2.875rem;
    transition: color .25s ease-in-out;
    border-radius: 50%;
    line-height: 2.625rem;
    align-items: center;
    justify-content: center;
    color: #2b3445;
    margin: 0 3px;
}
.header__burger {
    border: none;
    border-radius: 3px;
    display: block;
    position: relative;
    width: 36px;
    height: 28px;
    background: var(--primary);
    cursor: pointer;
    padding: 7px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.header__burger:hover {
    background: var(--secondary);
}
.header__burger span{
    display: flex;
    position: relative;
    height: 100%;
    border-bottom: .125rem solid #fff;
}
.header__burger span::after,
.header__burger span::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: .125rem;
    background-color: #fff;
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    -o-transition: transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s, -webkit-transform .3s
}
.header__burger span::after {
    top: 50%
}
.dop-menu{
    display: none;
}
.header .main-menu-bl {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding: 10px 0;
}
.header .main-menu .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
}
.header .main-menu .menu > li {
    position: relative;
}
.header .main-menu .menu > li > .link-as-title,
.header .main-menu .menu > li > a {
    text-decoration: none;
    font-size: 15px;
    color: #595858;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    padding: 12px 15px 10px;
    display: block;
    cursor: pointer
}
.header .main-menu .menu > li.active > .link-as-title,
.main-menu .menu > li.active > a {
    color: var(--primary);
}
.header .main-menu .menu > li.parent > a,
.header .main-menu .menu > li.parent > .link-as-title {
    position: relative;
    padding-right: 25px
}

.header .main-menu .menu > li.parent .caret {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -1px;
    border: 4px solid transparent;
    border-top: 4px solid #000;
}
.header .main-menu .menu > li:hover > span,
.header .main-menu .menu > li:hover > a {
    color: var(--primary);
}
.header .main-menu .menu > li.active > a::before {
    background: rgba(247, 245, 247, .2);
    border-radius: 6px
}
.header .main-menu .menu li.btn-catalog{
    align-self: center;
}
.header .main-menu .menu li.btn-catalog a{
    background: var(--primary);
    color: #fff;
    padding-left: 50px;
    border-radius: 6px;
    line-height: 14px;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.header .main-menu .menu li.btn-catalog a::before{
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    left: 15px;
    width: 20px;
    height: 14px;
    display: block;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.header .main-menu .menu li.btn-catalog a::after{
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: 15px;
    width: 20px;
    height: 2px;
    display: block;
    background:  #fff;
}

.header .main-menu .menu .sub-menu {
    display: block;
    position: absolute;
    left: 0;
    top: -10000px;
    background-color: #fff;
    z-index: -100;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .13);
    opacity: 0;
    transition: opacity .2s linear;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 200px;
    text-align: left;
    max-height: 70vh;
    overflow-y: auto
}
.header .main-menu .menu > li.parent > a::after,
footer .main-menu .menu .sub-menu {
    display: none !important
}

.header .main-menu .menu > li:hover .sub-menu {
    top: 100%;
    opacity: 1;
    z-index: 2;
}

.header .main-menu .menu .sub-menu li a {
    display: block;
    text-decoration: none;
    color: #555;
    padding: 10px 20px;
    border-bottom: 1px solid #eee;
    transition: .2s linear
}

.header .main-menu .menu .sub-menu li a:hover {
    background-color: #fbfbfb
}

.header .main-menu .menu .sub-menu li.active a {
    background-color: #fbfbfb;
    font-weight: 500
}
.swiper-slider .swiper-slide{
    border-radius: 5px;
    overflow: hidden;
}
.swiper-slider .swiper-slide .slide-wrapper{
    height: 100%;
    z-index: 1;
    position: relative;
}
.main__slider .slide-content{
    padding: 40px 60px;
}
.slide-title{
    font-size: 35px;
    color: #646464;
    font-weight: 700;
    text-transform: uppercase;
}
.swiper-slide .sub-title{
    font-size: 20px;
    color: var(--primary);
    font-weight: 700;
    text-transform: uppercase;
}
.swiper-slider .slide__1,
.swiper-slider .slide__3{
    background: #f5f9f8;
    height: 460px;
}
.main__slider .slide__3 .slide-title,
.main__slider .slide__1 .slide-title{
    margin-top: 20px;
}
.main__slider .slide__3 .sub-title,
.main__slider .slide__1 .sub-title{
    margin-bottom: 40px;
}
.swiper-slider .slide__1 .slide-wrapper::before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/slides/girl-with-flowers.webp");
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: -2;
}
.swiper-slider .slide__3 .slide-wrapper::before{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/slides/new-year-elka.webp");
    background-position: bottom right 10px;
    background-repeat: no-repeat;
    z-index: -2;
}
.swiper-slider .slide__2{
    background: #f5f9f8;
    height: 460px;
}
.swiper-slider .slide__2 .slide-title {
    font-size: 27px;
}
.swiper-slider .slide__2 .slide-wrapper::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url("../images/slides/map-kz.webp");
    background-position: right center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .04;
}
.swiper-slider .slide__2 .opt-phones .title{
    text-transform: uppercase;
    font-weight: 700;
}
.swiper-slider .slide__2 .opt-phones .phone{
    margin-bottom: 10px;
}
.swiper-slider .slide__2 .opt-phones a{
    text-decoration: none;
    font-size: 20px;
    color: var(--primary);
    font-weight: 800;
}
.main-links-bl .links-row{
    margin-left: -5px!important;
    margin-right: -5px!important;
}
.main-links-bl .link-col{
    padding-left: 5px!important;
    padding-right: 5px!important;
}
.main-links-bl .item{
    margin-bottom: 10px;
}
.main-links-bl .item-link{
    display: block;
    padding-top: 64%;
    position: relative;
}
.main-links-bl .item-title{
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
    padding: 5px 0;
    display: block;
    width: 100%;
    text-transform: uppercase;
}
.main-links-bl .item__5 .item-title{
    background: rgba(0,0,0,0.5);
}
.main-links-bl .item-link .item-inner{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 5px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.main-links-bl .item-inner::before,
.main-links-bl .item-inner::after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: calc(100% - 50px);
    width: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: bottom center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.main-links-bl .item-inner::after{
    z-index: -2;
}
.main-links-bl .item__1 .item-inner{
    background: #aac3cc;
}
.main-links-bl .item__2 .item-inner{
    background: #e6a9d9;
}
.main-links-bl .item__3 .item-inner{
    background-image: url("../images/backgrounds/link-tile-3-bg.webp");
    background-position: center center;
}
.main-links-bl .item__3:hover .item-inner,
.main-links-bl .item__5:hover .item-inner{
    background-position: bottom center;
}
.main-links-bl .item__4 .item-inner{
    background: #9acbb9;
}
.main-links-bl .item__5 .item-inner{
    /*background: #e8445b;*/
    background-image: url("../images/backgrounds/link-tile-5-full-bg.webp");
    background-position: center center;
}
.main-links-bl .item__6 .item-inner{
    background: #7fb4eb;
}
.main-links-bl .item__1 .item-inner::before{
    background-image: url("../images/backgrounds/link-tile-1-bg.webp");
    background-position: bottom left 20px;
    background-size: auto 100%;
}
.main-links-bl .item__1:hover .item-inner::before{
    background-position: bottom left 40px;
}
.main-links-bl .item__1 .item-inner::after{
    background-image: url("../images/backgrounds/link-tile-1-second-bg.webp");
    background-position: top center;
}
.main-links-bl .item__1:hover .item-inner::after{
    background-position: top 10px center;
}
.main-links-bl .item__2 .item-inner::before{
    background-image: url("../images/backgrounds/link-tile-2-bg.webp");
    background-position: bottom 10px center;
}
.main-links-bl .item__2:hover .item-inner::before{
    background-position: bottom 20px center;
}
.main-links-bl .item__2 .item-inner::after{
    background-image: url("../images/backgrounds/link-tile-2-second-bg.webp");
}
.main-links-bl .item__2:hover .item-inner::after{
    background-position: bottom -10px right;
}
.main-links-bl .item__4 .item-inner::before{
    background-image: url("../images/backgrounds/link-tile-4-bg.webp");
    background-position: bottom center;
}
.main-links-bl .item__4:hover .item-inner::before{
    background-position: bottom -10px center;
}
.main-links-bl .item__4 .item-inner::after{
    background-image: url("../images/backgrounds/link-tile-4-second-bg.webp");
    background-position: bottom left;
}
.main-links-bl .item__4:hover .item-inner::after{
    background-position: bottom left 10px;
}
/*.main-links-bl .item__5 .item-inner::before{*/
/*    background-image: url("../images/backgrounds/link-tile-5-bg.webp");*/
/*    background-position: bottom center;*/
/*}*/
/*.main-links-bl .item__5:hover .item-inner::before{*/
/*    background-position: bottom -10px center;*/
/*}*/
/*.main-links-bl .item__5 .item-inner::after{*/
/*    height: 100%;*/
/*    background-image: url("../images/backgrounds/link-tile-5-second-bg.webp");*/
/*    background-position: bottom center;*/
/*}*/
/*.main-links-bl .item__5:hover .item-inner::after{*/
/*    background-position: bottom 10px center;*/
/*}*/
.main-links-bl .item__6 .item-inner::before{
    background-image: url("../images/backgrounds/link-tile-6-bg.webp");
    background-position: bottom 10px center;
}
.main-links-bl .item__6:hover .item-inner::before{
    background-position: bottom 20px center;
}
.advantages-bl {
    padding: 40px 0;
}
.advantages-bl .h3-title{
    margin-bottom: 60px;
}
.advantages-bl .item{
    margin-bottom: 30px;
}
.advantages-bl .item__head{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
    height: 62px;
}
.advantages-bl .item__head .title{
    font-size: 16px;
    color: #3d3d3d;
    text-transform: uppercase;
    font-weight: 600;
    padding-left: 15px;
}
.advantages-bl .item__text{
    font-size: 16px;
    color: #757575;
    padding-top: 15px;
}
.advantages-bl .h3-title::after{
    position: absolute;
    content: "";
    bottom: -10px;
    left: 0;
    width: 100px;
    height: 3px;
    background: var(--primary);
    border-radius: 1.5px;
}
.instagram-bl {
    border-top: 1px solid #eee;
    padding: 40px 0;
    position: relative;
}
.instagram-bl::before,
.instagram-bl::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 50%;
    top: 0;
    background-repeat: no-repeat;
    opacity: .23;
    z-index: -1;
}
.instagram-bl .insta-logo{
    text-align: center;
    margin-bottom: 50px;
}
.instagram-bl .insta-title{
    font-size: 20px;
    font-weight: 700;
    color: #3d3d3d;
    margin-bottom: 50px;
    text-align: center;
    text-transform: uppercase;
}
.instagram-bl .insta-lead {
    background: rgb(80,92,202);
    background: -moz-linear-gradient(90deg, rgba(80,92,202,1) 0%, rgba(190,50,179,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(80,92,202,1) 0%, rgba(190,50,179,1) 100%);
    background: linear-gradient(90deg, rgba(80,92,202,1) 0%, rgba(190,50,179,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#505cca",endColorstr="#be32b3",GradientType=1);
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    padding: 15px 0;
    border-radius: 5px;
    display: table;
    margin: 0 auto 80px;
    width: 100%;
    text-align: center;
}
.instagram-bl .insta-links-bl{
    padding-bottom: 5px;
}
.instagram-bl .insta-links-bl .insta-link-title{
    font-size: 16px;
    color: #aaa;
    font-weight: 600;
    margin-bottom: 5px;
}
.instagram-bl .insta-links-bl .insta-link{
    margin-bottom: 30px;
}
.instagram-bl .insta-links-bl .insta-link a{
    font-size: 18px;
    font-weight: 700;
    color: #3d3d3d;
    text-transform: uppercase;
    text-decoration: none;
}
.instagram-bl .insta-wall.row {
    margin-left: -2px !important;
    margin-right: -2px !important;
}
.instagram-bl .insta-wall .list-item {
    padding-left: 2px !important;
    padding-right: 2px !important;
    padding-bottom: 4px;
}
.instagram-bl .insta-wall .list-item .item-wrapper {
    position: relative;
    padding-top: 100%;
}
.instagram-bl .insta-wall .list-item a {
    line-height: 0;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.instagram-bl .insta-wall .list-item a img {
    object-fit: cover;
    width: 100%;
    height: auto;
}
.instagram-bl .tabs-nav{
    margin-bottom: 30px;
}
.instagram-bl .tabs-nav a{
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    margin-right: 20px;
}
.instagram-bl .tabs-items {
    border: none;
    margin: 0;
    border-radius: 0;
}
.instagram-bl .tabs-item {
    padding: 0;
}
.partners-bl {
    padding: 30px 0 50px;
}
.partners-bl .images-container .swiper-pagination {
    bottom: -30px;
}
.container-video{
    position: relative;
    padding-top: 56.25%;
}
.container-video-vertical{
    position: relative;
    padding-top: 177.78%;
}
.list-video .video-item{
    margin-bottom: 30px;
}
.video-wrapper{
    position: absolute!important;
    object-fit: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.header-intro .phones div{
    margin-bottom: 20px;
}
.header-intro .phones a{
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 800;
}
.main-page .module-reviews-full .item {
    padding-left: 0;
    padding-right: 0
}
.main-page .module-reviews {
    padding: 40px 0;
    background: linear-gradient(104.86deg,#efe5ee .62%,#cce1f4 100.62%);
}
.module-reviews .module-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}
.module-reviews .module-title span {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.module-reviews .all-reviews-link {
    font-size: 12px;
    color: #646464;
    text-decoration: none;
    display: flex;
    border: 1px solid #bbb;
    border-radius: 3px;
    height: 40px;
    align-items: center;
    padding: 0 20px;
}
.module-reviews .swiper-container {
    margin-top: 20px;
    padding-bottom: 30px
}
.module-reviews .item {
    height: 100%;
    background-color: rgba(255,255,255,.47);
    border-radius: 5px;
    padding: 15px;
}
.module-reviews .review-author {
    font-size: 15px;
    font-weight: 700;
    color: #3d3d3d
}
.module-reviews .swiper-slide .item .review-rating-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.module-reviews .swiper-slide .item .review-rating-date .review-date {
    text-align: right;
    font-size: 13px;
    color: #4D4D4D
}

.module-reviews .swiper-slide .item .review-text {
    font-size: 14px;
    color: #4F4F4F;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}
.module-reviews .swiper-slide .item .review-rating-date .rating-mini,
.module-reviews .swiper-slide .item .review-rating-date .review-date{
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}
.rating-area:not(:checked) > label:before,
.rating-area > input:checked ~ label::before,
.rating-mini > span:before {
    content: '★'
}
.rating-mini {
    display: inline-block;
    font-size: 0
}

.rating-mini span {
    padding: 0;
    font-size: 20px;
    line-height: 1;
    color: #d3d3d3
}

.rating-mini > span.active {
    color: gold
}
.about-bl,
.faq-bl,
.opt-bl {
    padding: 30px 0
}
.blog-bl{
    padding-top: 40px;
}
.blog-bl .h3-title{
    text-align: center;
}
.blog-bl .text {
    text-align: center;
    margin-bottom: 30px
}
.all-contacts .social-links,
.review-form .review-photos-bl,
.reviews .review-media .list-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px
}
.all-contacts{
    background: #fcfcfc;
}

.all-contacts .inner {
    display: table;
    margin: auto;
    padding: 20px 0
}
.all-contacts .title {
    font-size: 20px;
    color: #333;
    font-weight: 700;
}
.all-contacts .social-links a {
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
    width: 42px;
    max-width: 42px;
    height: 42px;
    background: var(--primary);
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 43px;
    margin: 0 5px
}

.all-contacts .email a,
.all-contacts .phone a {
    text-decoration: none;
    font-size: 20px;
    color: var(--primary);
    font-weight: 800
}

.all-contacts .email {
    padding-top: 30px;
}
.all-contacts .email a {
    color: #333;
}

.all-contacts .email-note,
.all-contacts .phone-note {
    font-size: 15px;
    color: #757474;
    margin: 10px 0;
    padding: 0;
}
.all-contacts .opt-phones .phone{
    margin-bottom: 10px;
}
.form {
    position: relative;
}
.popup .h3-title{
    font-size: 25px;
    color: #071c2e;
    font-weight: 700;
    margin-bottom: 20px;
}
.popup .form-group,
.form-request-opt .form-group {
    margin-bottom: 15px;
}
.popup .form-group label,
.form-request-opt .form-group label {
    display: block;
    color: #61717d;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 600;
}
.popup .form-group label sup,
.form-request-opt .form-group label sup {
    color: red;
}
.popup .form .form-input,
.form-request-opt .form .form-input,
.form-wholesale .form-input,
.popup .form .form-textarea,
.form-wholesale .form-textarea,
.form-request-opt .form .form-textarea{
    background-color: #f2f5f7;
    color: #84949f;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: Lato, Arial, Sans-serif, serif;
    border: none;
    border-radius: .125rem;
    display: block;
    font-size: 14px;
    outline: none;
    padding: 1rem;
    transition: all .2s ease-in;
    width: 100%;
    resize: none;
}
.form-request-opt{
    padding-bottom: 30px;
}
.form-request-opt .form .form-textarea{
    height: 126px;
}
.popup .f-button.is-close-btn {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    padding: 8px;
    position: absolute;
    z-index: 1;
    top: -25px !important;
    right: -25px !important;
    background-color: #09111c;
    border-radius: 50%;
    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;
    opacity: 1 !important;
    width: 50px;
    height: 50px;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
}
.popup .f-button.is-close-btn:hover {
    background-color: #323842;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.popup .form-send-error,
.form-request-opt .form-send-error {
    display: none;
    color: red;
    font-size: 14px;
    margin-bottom: -7px;
}
.popup .success-message,
.form-request-opt .success-message {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    z-index: 1;
    width: 100%;
}
.popup .success-message .success-message-wrapper,
.form-request-opt .success-message .success-message-wrapper {
    background: rgb(255, 255, 255);
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
    z-index: 1;
    font-size: 18px;
    color: #4f6682;
}
.popup .process-message,
.form-request-opt .process-message {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
    width: 100%;
    display: none;
}
.popup .loader2,
.form-request-opt .loader2 {
    top: calc(35%);
    left: calc(50% - 24px);
    position: absolute;
}
.popup .form-button button,
.form-request-opt .form-button button {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--primary);
    border: 3px solid transparent;
    border-radius: .125rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 17px;
    justify-content: center;
    outline: none;
    width: 100%;
    padding: .875rem 2rem;
    text-align: center;
    transition: background-color .25s ease-in,border-color .25s ease-in;
}
.popup .form-button button:hover,
.form-request-opt .form-button button:hover {
    background-color: var(--secondary);
}
.page-contacts .contact-bl-title{
    font-size: 20px;
    font-weight: 700;
    color: #333;
}
.page-contacts .contact-title{
    color: #333;
    font-weight: 700;
}
.page-contacts .email,
.page-contacts .phone,
.page-contacts .insta{
    text-decoration: none;
    color: var(--primary);
    font-weight: 800;
}
.opt-sidebar{
    width: 270px;
}
.module-opt .category-item,
.opt-country-content .category-item{
    margin-bottom: 30px;
}
.module-opt .category-card,
.opt-country-content .category-card{
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 15px 0 rgba(0,0,0,0.05);
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.module-opt .category-card .title,
.opt-country-content .category-card .title {
    line-height: 1rem;
    width: inherit;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 10px;
}
.module-opt .category-card .title a,
.opt-country-content .category-card .title a{
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
}
.module-opt .category-card .image,
.opt-country-content .category-card .image {
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    max-width: 150px;
}
.module-opt .category-card .image a,
.opt-country-content .category-card .image a{
    position: relative;
    display: block;
    padding-top: 67%;
}
.module-opt .category-card .image span,
.opt-country-content .category-card .image span{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.module-opt .category-card .image span img,
.opt-country-content .category-card .image span img{
    object-fit: cover;
}
.module-opt .category-card .category-content,
.opt-country-content .category-card .category-content {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    padding-left: 15px;
}
.module-opt .category-card .category-description,
.opt-country-content .category-card .category-description{
    padding-bottom: 8px;
}
.module-opt .category-card .info-item .row,
.opt-country-content .category-card .info-item .row{
    align-items: center;
}
.module-opt .category-card .read-more a,
.opt-country-content .category-card .read-more a{
    border-radius: 50%;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,0.1),0 6px 10px 0 rgba(0,0,0,0.05),0 1px 18px 0 rgba(0,0,0,0.05);
    display: table;
    padding: 3px;
    text-align: center;
}
.module-opt .category-card .read-more a .read-more_icon,
.opt-country-content .category-card .read-more a .read-more_icon{
    background-image: url(../images/icons/arrow-to-right.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    height: 40px;
    position: relative;
    right: -2px;
    width: 40px;
}
.module-opt .category-card .read-more a:hover,
.opt-country-content .category-card .read-more a:hover {
    background: var(--primary);
}
.module-opt .category-card .read-more a:hover .read-more_icon,
.opt-country-content .category-card .read-more a:hover .read-more_icon{
    background-image: url(../images/icons/arrow-to-right-white.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,10px)!important
}
.module .country-title{
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}
.module .country-title a{
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    margin-left: 30px;
}
.module .country-title a:hover{
    text-decoration: underline;
}
.module-opt .link-more{
    display: table;
}
.faq-page .faq-tabs{
    margin: 30px 0;
}
.faq-page .faq-tabs .tab-link{
    background: #f3f5f9;
    border: none;
    padding: 10px 40px;
    font-size: 16px;
    cursor: pointer;
    margin-right: 10px;
    color: #666;
    transition:  all .15s ease-in;
}
/* Стили для активной вкладки */
.faq-page .faq-tabs .tab-link[aria-selected="true"] {
    background: var(--primary);
    color: #fff;
}
/* Стили для неактивной вкладки при наведении */
.faq-page .faq-tabs .tab-link:not([aria-selected="true"]):hover {
    background: var(--primary);
    color: #fff;
}
.faq-page .tab-content .item-answer{
    margin-bottom: 30px;
    border-bottom: 1px solid #f3f5f9;
}
.faq-page .tab-content .item-answer h2{
    font-size: 20px;
}
.price-list-area {
    position: relative;
    /*padding-bottom: 82px;*/
}
.price-list-area .country-area .country-title{
    font-size: 30px;
    font-weight: 700;
    color: #53646F;
}
.price-list-area .category-area{
    margin-bottom: 20px;
}
.price-list-area .category-area .category-title{
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}
.price-list-area .products-area {
    box-shadow: 0 4px 10px rgba(34, 45, 74, .1);
    -webkit-box-shadow: 0 4px 10px rgba(34, 45, 74, .1);
    -moz-box-shadow: 0 4px 10px rgba(34, 45, 74, .1);
}
.price-list-area .products-area .products-area-header{
    background: var(--primary);
    color: #fff;
    padding: 10px 0;
    font-size: 13px;
}
.price-list-area .products-area .tp-head-col{
    text-align: center;
    align-self: center;
}
.price-list-area .products-area .t-title-col.tp-head-col{
    text-align: left;
}
.price-list-area .products-area .tp-body{
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}
.price-list-area .products-area  .tp-product-item{
    border-bottom: 1px solid #f1f1f1;
}
.price-list-area .products-area .tp-col{
    border-right: 1px solid #f1f1f1;
    padding-top: 10px;
    padding-bottom: 10px;
    align-content: center;
    text-align: center;
}
.price-list-area .products-area .active-price-col{
    background: #f2f5f787;
}
.price-list-area .products-area .t-title-col{
    text-align: left;
}
.price-list-area .products-area .t-color-col{
    width: 110px;
}
.price-list-area .products-area .t-size-col{
    width: 85px;
}
.price-list-area .tp-body .t-order-col::after{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - 15px);
    background: #f2f5f7;
    z-index: -1;
}
.price-list-area .products-area input.order-count{
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    width: 100%;
    padding: 7px 10px;
    font-family: Lato, Arial, sans-serif;
}
.price-list-area .products-area .t-photo-col{
    padding-left: 30px!important;
}
.price-list-area .products-area .t-order-col{
    border-right: none;
    padding-right: 30px!important;
}
.price-list-area .products-area-header .t-photo-col,
.price-list-area .products-area .t-photo-col{
    width: 96px;
}
.price-list-area .products-area .t-photo-col img{
    width: 50px;
}
.price-list-area .m-price-title,
.price-list-area .order-count-title{
    font-size: 13px;
    margin-bottom: 10px;
    color: #626262;
    font-weight: 700;
}
.price-list-area .product-title{
    font-weight: 700;
}
.price-list-area .item-info-mobile{
    margin: 20px 0 0;
    list-style: none;
    padding: 0;
    font-size: 14px;
}
.price-list-area .item-info-mobile li{
    color: #555;
    margin-bottom: 5px;
}
.price-list-area .item-info-mobile li span{
    color: #8c8c8c;
}
.price-list-area .p-total-box{
    background: #fff;
    width: 100%;
    padding: 20px 0;
    border-top: 2px solid #f2f5f7;
}
.price-list-area .p-total-box .confirm-order-btn:disabled,
.price-list-area .p-total-box .confirm-order-btn[disabled]{
    opacity: .5;
}
.sticky-p-total-box{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 -10px 10px rgba(34, 45, 74, .1);
    -webkit-box-shadow: 0 -10px 10px rgba(34, 45, 74, .1);
    -moz-box-shadow: 0 -10px 10px rgba(34, 45, 74, .1);
}
.price-list-area .p-total-title{
    color: #a3a3a3;
}
.price-list-area .p-total-sum{
    font-weight: 800;
}
.p-total-sum-form{
    margin-bottom: 15px;
}
#app {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

footer {
    background-color: #fff;
    color: #595959;
    padding-top: 20px;
    flex: 0 0 auto;
    font-size: 14px
}

.footer-menu li {
    margin-bottom: 6px
}

.footer-menu a {
    text-decoration: none;
    font-size: 16px;
    color: #686868
}

.footer-form .h3-title {
    font-size: 15px;
    color: #686868;
    text-transform: uppercase;
    font-weight: 700
}
.button-full,
footer .email-button a {
    display: table;
    background: var(--primary);
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    font-size: 14px;
    padding: 0 50px;
    border: none;
    border-radius: 6px;
    line-height: 36px
}

footer .copyright {
    font-size: 13px;
    border-top: 1px solid #e3e3e3;
    margin-top: 20px;
    color: #4f5c64
}

footer .copyright .dev a {
    color: #595959;
    text-decoration: none
}
.fab-round {
    border-radius: 50%;
}

.fab-bl {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: flex;
    z-index: 9;
}
.fab {
    transition: all 300ms ease-in-out;
    width: 56px;
    height: 56px;
    background-color: #06A44B;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    color: white;
    font-size: 2em;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16), 0 3px 10px rgba(0, 0, 0, 0.16);
    padding: 13px;
    will-change: transform;
    z-index: 9;
    position: relative;
}
.fab-main{
    animation: radial-pulse-btn 1s infinite;
}
.fab a{
    display: flex;
}
.float-widget-info{
    display: none;
    width: 300px;
    padding: 15px;
    border-radius: 15px;
    position: absolute;
    left: -310px;
    bottom: 0;
    background: #fff;
    border: 2px solid var(--primary);
    font-size: 14px;
    box-shadow: 0 4px 10px rgba(34, 45, 74, 0.2);
}
.price-list-page .float-widget-info{
    display: none!important;
}
.float-widget-info a{
    text-decoration: none;
    display: block;
    color: #595959;
}
.float-widget-info.hide{
    display: none;
}
.float-widget-info strong{
    display: block;
    font-size: 15px;
    margin-bottom: 3px;
    color: #424956;
}
.float-widget-info::after{
    position: absolute;
    content: "";
    bottom: 22px;
    right: -6px;
    width: 8px;
    height: 8px;
    background: #fff;
    border-right: 2px solid var(--primary);
    border-bottom: 2px solid var(--primary);
    transform: rotate(-45deg);
}
.btn-widget-close{
    position: absolute;
    top: 4px;
    right: 4px;
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%3E%3Cpath%20fill%3D%22%23525C68%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6.41%205.07l2.867-2.864-1.34-1.34L5.07%203.73%202.207.867l-1.34%201.34L3.73%205.07.867%207.938l1.34%201.34L5.07%206.41l2.867%202.867%201.34-1.34L6.41%205.07z%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    opacity: .2;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    cursor: pointer;
}
@keyframes radial-pulse-btn {
    0% {
        box-shadow: 0 0 0 0 rgba(6, 164, 75, 0.3);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(66, 169, 219, 0);
    }
}