/*------------------------------RESET DEFAULT STYLES--------------------------------*/
/*----------------------------------------------------------------------------------*/
html, body {
    width: 100%;
    height: 100%;
    background: #fff;
}
html {
    font-size: 7.320644216691069vw;
}
body {
    padding: 0;
    margin: 0;
    font: 14px 'Neucha';
    line-height: 1.5;
}
div, p, a, span, em, strong, img, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, td, tr, form, fieldset, label, select, input, textarea, header, nav, section, article, aside, footer, blockquote {
    padding: 0;
    margin: 0;
    outline: none;
    list-style: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
header, nav, section, article, aside, footer {
    display: block
}
select, input, textarea {
    font: italic 14px 'Neucha';
    color: #e5e5e5;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea {
    vertical-align: top;
    resize: none;
}
:focus {
    outline: none;
}
input[type=submit], button {
    cursor: pointer;
}
img, fieldset {
    border: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    font: 14px 'Neucha';
    color: #58595b;
    text-decoration: none;
    display: inline-block
}
a:hover {
    text-decoration: none;
}
::-moz-selection {
    background: #FEAD36;
    color: #fafafa;
}
::selection {
    background: #FEAD36;
    color: #fafafa;
}
/* WIDGET */
.yButton.bottom {
    display: none !important;
}
/*----------------------------------------------------------------------------------*/
/*-------------------------------------DEFAULT CLASSES------------------------------*/
/*----------------------------------------------------------------------------------*/
.float-r {
    float: right !important;
}
.float-l {
    float: left !important;
}
.no-float {
    float: none !important;
}
.no-border {
    border: 0 !important;
}
.no-bg {
    background: none !important;
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-display {
    display: none !important;
}
.display {
    display: block !important;
}
.inline {
    display: inline !important;
}
.overflow {
    overflow: hidden !important;
}
.align-r {
    text-align: right !important;
}
.align-l {
    text-align: left !important;
}
.align-c {
    text-align: center !important;
}
.clear {
    clear: both;
}
.middle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
h1, h2, h3, strong, .typ-tile {
    font-family: 'Neucha';
}
.animation-element {
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.animation-element.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.circle {
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.circle.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.title-text {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .84rem;
    line-height: 1.06rem;
    color: #3F3F3F;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
    position: relative;
}
.title-text.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.subtitle-text {
    font-size: .14rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #7A7A7A;
}
.wrap-services-item-left,
.serv-title {
    width: 8.06rem;
    margin-right: .96rem;
}
.primary-text-price {
    font-size: .18rem;
    line-height: .25rem;
    color: #7A7A7A;
}
.primary-text {
    font-size: .2rem;
    line-height: .28rem;
    color: #7A7A7A;
    opacity: 0;
    letter-spacing: 0.07em;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.primary-text.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
/* BUTTONS */
.main-btn {
    padding: .20rem 0.30rem;
    font-family: 'Roboto';
    font-size: .12rem;
}
.btn {
    width: 2.20rem;
    padding: .2rem 0;
    text-align: center;
    color: #5C5C5C;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: .12rem;
    line-height: .14rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    background: #fff;
    margin-top: 0.5rem;
    border-radius: 5px;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
    -webkit-transition: .3s;
    transition: .3s;
}
.btn.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.btn:hover {
    color: #D3B64E;
}
.btn-secondary {
    width: 2.20rem;
    padding: .2rem 0;
    text-align: center;
    color: #5C5C5C;
    font-family: 'Roboto';
    font-weight: 500;
    font-size: .12rem;
    line-height: .12rem;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    margin-top: 0.5rem;
    border-radius: 5px;
    border: 1px solid #D3B64E;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
    -webkit-transition: .3s;
    transition: .3s;
}
.btn-secondary.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.btn-secondary:hover {
    color: #D3B64E;
}
.brow-btn {
    display: inline-block;
    font-family: 'Neucha';
    font-style: normal;
    font-weight: normal;
    font-size: .12rem;
    line-height: .13rem;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #FFFFFF;
    position: relative;
    background: transparent;
    outline: none;
    border: none;
}
.brow-btn-bg {
    display: block;
    width: 2.17rem;
    height: .6rem;
    position: absolute;
    top: calc(50% - .28rem);
    left: -.15rem;
    z-index: -1;
}
.brow-btn-bg path {
    -webkit-transition: fill .5s;
    transition: fill .5s;
}
.brow-btn-small-bg {
    width: 1.6rem;
    height: .4rem;
    top: -.12rem;
}
/* END BUTTONS */
.field.invalid input {
    border: .01rem solid red !important;
}
.d-flex {
    display: -webkit-box !important;
    display: flex !important;
}
.h-auto {
    height: 100% !important;
}
.d-block {
    display: block;
}
/*--------------------------------- ANIMATIONS -------------------------------------*/
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
/*-----------------------------------PRELOADER--------------------------------------*/
.browi-preolader {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    background: #FFF5F5;
}
.browi-preolader-list {
    height: 100%;
}
.browi-preolader-list > li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.browi-preolader-list > li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.pr-desctop {
    display: block;
}
.browi-preolader-list > li.active {
    opacity: 1;
}
.citi-change-container {
    padding: 1.5rem 0 0 0;
    background-color: #FFF5F5;
    background-image: url(../img/elements/preloader-pattern.png);
    background-position: center;
    background-size: contain;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
}
.pr-logo-cont {
    width: 1.9rem;
    height: 1.9rem;
    margin: 0 auto .6rem;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}
.citi-change-title {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .35rem;
    line-height: .44rem;
    color: #7A7A7A;
    margin-bottom: .16rem;
    text-align: center;
}
.citi-change-btn-cont {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
}
.citi-change-btn-cont a {
    display: inline-block;
    padding: .1rem .56rem;
    box-shadow: 0 .04rem .04rem rgba(0, 0, 0, 0.1);
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    text-align: center;
    background: #FFFFFF;
    color: #484848;
    -webkit-transition: background .5s, color .5s, -webkit-transform .5s;
    transition: background .5s, color .5s, -webkit-transform .5s;
    transition: background .5s, transform .5s, color .5s;
    transition: background .5s, transform .5s, color .5s, -webkit-transform .5s;
}
.citi-change-btn-cont a:hover {
    -webkit-transform: translateY(-.05rem);
            transform: translateY(-.05rem);
    background: #FEAD36;
    color: #FFFFFF;
}
.citi-change-btn-cont a.active {
    background: #FEAD36;
    color: #FFFFFF;
}
.citi-change-btn-cont a:first-child {
    margin-right: .16rem;
}
@media screen and (min-width: 1025px) {
    .modal-off .pr-logo-cont {
        -webkit-transform: scale(.39) translate3d(-14.9rem, -7.1rem, 0);
                transform: scale(.39) translate3d(-14.9rem, -7.1rem, 0);
    }
}
/*-------------------------------------HEADER---------------------------------------*/
.fixed-top-container {
    width: calc(100% - 1.18rem);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
            align-items: center;
}
.main-logo {
    position: fixed;
    width: .74rem;
    height: .74rem;
    z-index: 20;
    top: .21rem;
    left: .59rem;
}
.main-logo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.main-burger-menu-btn {
    position: fixed;
    top: .33rem;
    right: .55rem;
    z-index: 5;
    cursor: pointer;
}
.main-burger-menu-btn.store-menu-btn{
    top: 0.75rem;    
}
.main-burger-text {
    display: block;
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: bold;
    font-size: .4rem;
    line-height: .5rem;
    letter-spacing: 0.045em;
    text-transform: uppercase;
    color: #FEAD36;
    -webkit-transition: letter-spacing .5s;
    transition: letter-spacing .5s;
}
.main-burger-text:hover {
    letter-spacing: 0.22em;
}
.main-header-menu-container {
    z-index: 20;
    width: 5.15rem;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    padding: 1.09rem 1.33rem .6rem .9rem;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(87, 195, 131, 0)), color-stop(40.63%, rgba(15, 127, 0, 0.07)), color-stop(98.96%, rgba(39, 190, 127, 0.03))), #FFFFFF;
    background: linear-gradient(180deg, rgba(87, 195, 131, 0) 0%, rgba(15, 127, 0, 0.07) 40.63%, rgba(39, 190, 127, 0.03) 98.96%), #FFFFFF;
    -webkit-transform-origin: -100% 0;
    transform-origin: -100% 0;
    -webkit-transform: translateX(100%) skewX(10deg);
    transform: translateX(100%) skewX(10deg);
    -webkit-transition: -webkit-transform 1.5s ease;
    transition: -webkit-transform 1.5s ease;
    transition: transform 1.5s ease;
    transition: transform 1.5s ease, -webkit-transform 1.5s ease;
    will-change: transform;
    overflow: hidden;
}
.main-header-menu-container::after {
    content: '';
    display: block;
    width: 2.12rem;
    height: 4.16rem;
    position: absolute;
    bottom: 0;
    right: 0;
    background-image: url(../img/elements/lyzhy.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: -1;
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
}
.main-header-menu-container.show-menu::after {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
}
.close-menu-btn {
    display: block;
    width: .2rem;;
    height: .2rem;
    position: absolute;
    top: .5rem;
    right: .6rem;
    background-image: url(../img/elements/close-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: .18rem;
    cursor: pointer;
    z-index: 4;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    will-change: transform;
}
.close-menu-btn:hover {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.show-menu {
    right: 0;
    -webkit-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
}
.main-header-nav {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
            align-items: flex-end;
    position: relative;
}
.main-header-nav .circle {
    position: absolute;
    top: -.25rem;
    left: -.7rem;
}
.main-header-nav .circle .circle-img {
    width: .6rem;
    height: .6rem;
    background: url("../img/Decorate-1.png") no-repeat center/cover;
}
.main-header-nav .circle-right {
    position: absolute;
    bottom: .20rem;
    right: -.60rem;
}
.main-header-nav .circle-right .circle-img {
    width: 1.18rem;
    height: 1.18rem;
    background: url("../img/Decorate-1.png") no-repeat center/cover;
}
.main-header-menu-left-list > li:not(:last-child) {
    margin-bottom: .25rem;
}
.main-header-menu-left-list > li,
.main-header-menu-right-list > li,
.main-header-menu-bottom-container > div {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem);
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
    will-change: transform;
}
.main-header-menu-container.show-menu .main-header-menu-left-list > li,
.main-header-menu-container.show-menu .main-header-menu-right-list > li,
.main-header-menu-container.show-menu .main-header-menu-bottom-container > div {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.main-header-menu-container.show-menu .main-header-menu-left-list > li:nth-of-type(2){
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
}
.main-header-menu-container.show-menu .main-header-menu-left-list > li:nth-of-type(3){
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s;
}
.main-header-menu-container.show-menu .main-header-menu-left-list > li:nth-of-type(4),
.main-header-menu-container.show-menu .main-header-menu-right-list > li:nth-of-type(1){
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s;
}
.main-header-menu-container.show-menu .main-header-menu-left-list > li:nth-of-type(5),
.main-header-menu-container.show-menu .main-header-menu-right-list > li:nth-of-type(2){
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s;
}
.main-header-menu-container.show-menu .main-header-menu-left-list > li:nth-of-type(6),
.main-header-menu-container.show-menu .main-header-menu-right-list > li:nth-of-type(3){
    -webkit-transition-duration: 2s;
    transition-duration: 2s;
}
.main-header-menu-bottom-container .left-col,
.main-header-menu-bottom-container .right-col {
    -webkit-transition-duration: 2.2s;
    transition-duration: 2.2s;
}
.main-header-menu-left-list > li a {
    display: inline-block;
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .3rem;
    line-height: .38rem;
    color: #3F3F3F;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
}
.main-header-menu-left-list > li a::after,
.main-header-menu-right-list li a::after {
    content: '';
    display: block;
    width: 100%;
    height: .06rem;
    background-image: url(../img/elements/menu-hover.svg);
    background-position: center;
    background-repeat: repeat-x;
    position: absolute;
    bottom: -.03rem;
    left: 0;
    -webkit-transform: translateY(.05rem);
            transform: translateY(.05rem);
    opacity: 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    will-change: transform;
}
.main-header-menu-left-list > li a:hover::after,
.main-header-menu-right-list li a:hover::after {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
.main-header-menu-right-list li a {
    display: inline-block;
    font-family: 'Amatic SC';
    font-size: .26rem;
    line-height: .33rem;
    color: #3F3F3F;
    margin-top: .25rem;
    -webkit-transition: .4s;
    transition: .4s;
    position: relative;
}
.main-header-menu-bottom-container {
    margin-top: .7rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.main-header-menu-bottom-container .left-col {
    width: 1.5rem;
}
.main-header-menu-bottom-title {
    font-size: .14rem;
    line-height: .16rem;
    letter-spacing: 0.055em;
    font-weight: normal;
    color: #7A7A7A;
}
.address-text {
    font-size: .14rem;
    line-height: .16rem;
    letter-spacing: 0.055em;
    font-style: normal;
    color: #3F3F3F;
    margin-top: .15rem;
}
.right-col .wrap-social-icon {
    margin-top: .19rem;
}
/*-------------------------------------CONTENT--------------------------------------*/
/* General bg */
.general-bg1 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(33.84%, #F6F3F5), color-stop(64.66%, rgba(247, 236, 244, 0.56)), color-stop(83.69%, rgba(203, 211, 207, 0.08)), to(rgba(165, 196, 181, 0.18)));
    background: linear-gradient(180deg, #F6F3F5 33.84%, rgba(247, 236, 244, 0.56) 64.66%, rgba(203, 211, 207, 0.08) 83.69%, rgba(165, 196, 181, 0.18) 100%);
}
/* City choose */
.city-choose-container {
    position: absolute;
    top: .43rem;
    left: 1.83rem;
    display: -webkit-box;
    display: flex;
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .24rem;
    line-height: .3rem;
    color: #FFFFFF;
    z-index: 10;
}
.city-choose-title {
    margin-right: .18rem;
}
.city-choose-btn {
    display: inline-block;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.city-choose-list > li {
    -webkit-box-ordinal-group: 3;
            order: 2;
    opacity: 0;
    -webkit-transform: translateY(.03rem);
            transform: translateY(.03rem);
    pointer-events: none;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
}
.city-choose-btn:hover,
.city-choose-list > li.active .city-choose-btn {
    color: #FEAD36;
}
.city-choose-list > li.active {
    -webkit-box-ordinal-group: 2;
            order: 1;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: all;
}
@media screen and (min-width: 1024px) {
    .city-choose-list:hover li {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
        pointer-events: all;  
    }
    .city-choose-list:hover::before {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }
}
.city-choose-list {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.city-choose-list::before {
    content: '';
    width: .085rem;
    height: .045rem;
    position: absolute;
    right: -.15rem;
    top: .13rem;
    background-image: url(../img/elements/arrow-down-orng.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
/* Section - Slider */
.section-main-slider {
    height: 100vh;
    background-color: #fafafa;
    position: relative;
}
.fullpage-slider {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.fullpage-slider-list {
    width: 300rem;
    height: 100%;
    -webkit-transition: -webkit-transform 1.5s ease;
    transition: -webkit-transform 1.5s ease;
    transition: transform 1.5s ease;
    transition: transform 1.5s ease, -webkit-transform 1.5s ease;
    will-change: transform;
}
.fullpage-slider-list > li {
    width: 100vw;
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
}
.fullpage-slider-list > li .wrap-img {
    height: 100%;
}
.fullpage-slider-list > li .wrap-img .banner-desc {
    display: none;
    height: 100%;
}
.fullpage-slider-list > li .wrap-img .banner-mob {
    height: 100%;
}
.fullpage-slider-list > li img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: -webkit-transform 1.5s ease;
    transition: -webkit-transform 1.5s ease;
    transition: transform 1.5s ease;
    transition: transform 1.5s ease, -webkit-transform 1.5s ease;
    position: relative;
    z-index: 1;
}
.fullpage-slider-list > li.active img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.fullpage-slider-list > li video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.fullpage-slider-content {
    position: absolute;
    top: 1.95rem;
    left: .60rem;
    max-width: 7.60rem;
    z-index: 6;
    will-change: transform;
}
.fullpage-slider-content.white {
    color: #FFF;
}
.fullpage-slider-content.black {
    color: #3F3F3F;
} 
.fullpage-slider-content > p {
    font-family: 'Amatic SC';
    font-weight: normal;
    font-size: .84rem;
    line-height: 1.06rem;
    margin: 0 0 .27rem 0;
    /*padding: 0 0 0 .30rem;*/
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
    -webkit-transition: opacity 2s ease,
    -webkit-transform 2s ease;
    transition: opacity 2s ease,
    -webkit-transform 2s ease;
    transition: transform 2s ease,
    opacity 2s ease;
    transition: transform 2s ease,
    opacity 2s ease,
    -webkit-transform 2s ease;
}
.fullpage-slider-list > li.active .fullpage-slider-content > p {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.fullpage-slider-content > h2 {
    font-family: 'Neucha';
    font-size: .24rem;
    line-height: .33rem;
    letter-spacing: 0.07em;
    font-style: normal;
    font-weight: normal;
    max-width: 5.17rem;
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
    -webkit-transition: opacity 2s ease,
    -webkit-transform 2s ease;
    transition: opacity 2s ease,
    -webkit-transform 2s ease;
    transition: transform 2s ease,
    opacity 2s ease;
    transition: transform 2s ease,
    opacity 2s ease,
    -webkit-transform 2s ease;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    margin-bottom: .5rem;
}
.fullpage-slider-content > .brow-btn {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
    opacity: 0;
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, -webkit-transform 2s;
    transition: transform 2s, opacity 2s;
    transition: transform 2s, opacity 2s, -webkit-transform 2s;
    -webkit-transition-delay: .3s;
            transition-delay: .3s;
}
.fullpage-slider-list > li.active .brow-btn {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
.fullpage-slider-list > li.active .fullpage-slider-content > h2 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fullpage-slider-content > p,
    .fullpage-slider-content > h2,
    .fullpage-slider-content > .brow-btn {
        transform: translateY(0);
        opacity: 1;
    }
}
.fullpage-slider-content > a > div {
    content: '';
    display: block;
    width: .30rem;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: .30rem;
    top: .18rem;
    -webkit-transition: width .3s ease, -webkit-transform 2s ease;
    transition: width .3s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, width .3s ease;
    transition: transform 2s ease, width .3s ease, -webkit-transform 2s ease;
}
.fullpage-slider-content > a:hover > div {
    width: .40rem;
}
.slider-cta-btn {
    display: block;
    position: absolute;
    right: 0;
    bottom: .80rem;
    padding: .20rem .40rem;
    font-weight: 500;
    font-size: .16rem;
    line-height: .36rem;
    letter-spacing: .1rem;
    color: #404041;
    text-transform: uppercase;
    background-color: #fff;
    cursor: pointer;
    z-index: 3;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: padding .3s ease, -webkit-transform 2.5s ease;
    transition: padding .3s ease, -webkit-transform 2.5s ease;
    transition: transform 2.5s ease, padding .3s ease;
    transition: transform 2.5s ease, padding .3s ease, -webkit-transform 2.5s ease;
}
.slider-cta-btn:hover {
    padding: .20rem .60rem .20rem .40rem;
}
.fullpage-slider-list > li.active .slider-cta-btn {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.fullpage-slider-controls {
    position: absolute;
    bottom: .40rem;
    left: 3.60rem;
    z-index: 4;
}
.fullpage-slider-control {
    width: .40rem;
    height: .20rem;
    cursor: pointer;
    margin: 0 .08rem 0 0;
    float: left;
    padding: .09rem 0 0 0;
}
.fullpage-slider-control:last-of-type {
    margin: 0;
}
.fullpage-slider-control > div {
    height: 3px;
    background-color: rgba(255, 255, 255, .3);
    position: relative;
    -webkit-transition: background-color 1.5s ease;
    transition: background-color 1.5s ease;
}
.fullpage-slider-control > div > span {
    display: block;
    width: 0;
    height: 100%;
    background-color: #fff;
    -webkit-transition: background-color 1.5s ease;
    transition: background-color 1.5s ease;
}
.slider-control-left,
.slider-control-right {
    width: 20%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
}
.slider-control-left {
    left: 0;
    cursor: url(../img/elements/slder-left.svg) 25 15, auto;
}
.slider-control-left.white {
    cursor: url(../img/elements/slder-left-white.svg) 25 15, auto;
}
.slider-control-right {
    right: 0;
    cursor: url(../img/elements/slider-right.svg) 25 15, auto;
}
.slider-control-right.white {
    cursor: url(../img/elements/slider-right-white.svg) 25 15, auto;
}
.section-main-slider .banner-mob img {
    width: 100%;
}
.section-main-slider .banner-mob {
    display: block;
}
.callback-container {
    display: block;
    width: 1.57rem;
    height: 1.5rem;
    position: fixed;
    bottom: .8rem;
    right: -.11rem;
    background-image: url(../img/elements/phone.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    opacity: 0;
    -webkit-transform: translateX(1.5rem);
            transform: translateX(1.5rem);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
}
.callback-container.active {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}
.callback-cloud {
    width: 1.4rem;
    height: .6rem;
    background-image: url(../img/elements/cloud.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: .14rem .11rem .13rem .1rem;
    position: absolute;
    top: -.09rem;
    left: -.8rem;
    opacity: 0;
    transition: opacity .3s;
}
.callback-cloud span {
    display: block;
    max-width: 1.19rem;
    font-size: .14rem;
    line-height: .16rem;
    text-align: center;
    letter-spacing: 0.055em;
    color: #484848;
}
.callback-container:hover .callback-cloud {
    opacity: 1;
}
.callback-container:hover {
    -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
            animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
}
.section-second {
    padding: 1.2rem 0;
    position: relative;
}
.section-second-wrapper {
    width: 10.8rem;
    margin: 0 auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 .8rem 0 0;
}
.section-second .wrap-video {
    width: 4.5rem;
    position: relative;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
    z-index: 1;
}
.section-second .wrap-video.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.section-second .wrap-video .wrap-video-link::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url(../img/elements/img-frame2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.video {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #E5E5E5;;
    display: none;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    z-index: 101;
    padding: 0 .3rem;
}
.wrap-iframe {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.video iframe {
    width: 100%;
    height: 80%;
}
.video .close-video {
    background: url("../img/close.svg") no-repeat center #fff;
    content: '';
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    border: 1px solid rgba(114, 114, 114, 0.75);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 2%;
    right: .2rem;
    cursor: pointer;
    font-size: .40rem;
    -webkit-transition: border .4s;
    transition: border .4s;
}
.video .close-video:hover {
    border: 1px solid rgba(114, 114, 114, 1);
}
.section-second .wrap-video .wrap-video-link {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 50%;
    display: inline-block;
    -webkit-transition: .8s;
    transition: .8s;
    z-index: 1;
}
.section-second .wrap-video img {
    width: 100%;
    height: 80%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
}
.play-btn {
    font-family: 'Northwell';
    font-size: 1.5rem;
    line-height: 1.21rem;
    color: #FEAD36;
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
    position: absolute;
    bottom: 1rem;
    right: 0;
    z-index: 1;
    pointer-events: none;
}
.play-btn::before {
    content: 'play';
    display: block;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.play-btn::after {
    content: '';
    display: block;
    width: .78rem;
    height: .78rem;
    position: absolute;
    top: 0;
    left: 0;
    border: .01rem solid #FFFFFF;
    border-radius: 50%;
    background-image: url(../img/elements/triangle.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: .11rem .225rem;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.wrap-video:hover .play-btn::before {
    opacity: 0;
}
.wrap-video:hover .play-btn::after {
    opacity: 1;
}
.section-second .section-second-about-us {
    max-width: 4.7rem;
}
.section-second .primary-text {
    margin-top: .32rem;
    text-align: left;
    position: relative;
    margin-bottom: .64rem;
}
.section-second .primary-text::after {
    content: 'family';
    display: block;
    font-family: Northwell;
    font-size: .75rem;
    line-height: 1.21rem;
    color: #FEAD36;
    -webkit-transform: rotate(-8.38deg);
            transform: rotate(-8.38deg);
    position: absolute;
    bottom: -.6rem;
    right: -.8rem;
}
.official-partners-title {
    font-size: .22rem;
    line-height: .21rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #7A7A7A;
    margin-bottom: .2rem;
}
.official-partners-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.official-partners-list > li {
    margin-right: .3rem;
}
.official-partners-logo-cont {
    width: 1.33rem;
}
.official-partners-logo-cont img {
    display: block;
    width: 100%;
}
.active-tab {
    display: block !important;
}
.border-turmeric {
    border-bottom: 2px solid #D3B64E !important;
    font-weight: bold;
}
.section-third {
    /*background: #FFFDF6;*/
    padding: 0 .6rem 1.3rem .6rem;
}
.section-third .btn-secondary {
    margin: auto;
    display: block;
}
.section-third .title-text {
    text-align: center;
}
.title-services {
    display: -webkit-box;
    display: flex;
    /*justify-content: space-between;*/
    margin-top: .7rem;
    flex-wrap: wrap;
    /*border-bottom: 1px solid #D2D2D2;*/
}
.section-third .wrap-services {
    -webkit-transition: .4s;
    transition: .4s;
}
.section-third .wrap-services .text-price {
    width: .72rem;
    margin-right: 1.22rem;
}
.wrap-services-item-right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.section-third .services {
    padding: .25rem;
    width: 2.4rem;
    text-align: center;
    display: inline-block;
    color: #141414;
    border-bottom: 1px solid #D2D2D2;
}
.all-servicies {
    margin-top: .23rem;
    margin-left: .15rem;
}
.section-third .services:hover {
    color: #D3B64E;
}
.more {
    display: none !important;
    position: relative;
}
.more:after {
    content: '\203A';
    position: absolute;
    right: .8rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    /*display: flex;*/
    /*align-items: center;*/
}
.section-third .wrap-services .wrap-services-item {
    display: -webkit-box;
    display: flex;
    margin-top: .32rem;
}
.section-third .wrap-services .wrap-services-item.d-none-services{
    display: none;
}
.section-third .wrap-services .wrap-services-item:first-child {
    font-size: .14rem;
    line-height: .15rem;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #484848;
}
.section-third .wrap-services .wrap-services-item .primary-text-price {
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #484848;
}
.section-third .wrap-services .wrap-services-item-right .primary-text-price {
    margin-right: 0;
}
.section-third .wrap-services .wrap-services-item-right .text-sign {
    display: inline-block;
    position: relative;
    width: .45rem;
    height: .6rem;
    background: url(../img/elements/plus-icon.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    outline: none;
    border: none;
}
.text-sign-alert {
    width: 1.4rem;
    height: .6rem;
    background-image: url(../img/elements/sign-alert.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -.6rem;
    right: -1.3rem;
    opacity: 0;
    font-size: .14rem;
    line-height: .16rem;
    text-align: center;
    letter-spacing: 0.055em;
    color: #484848;
    padding: .14rem 0;
    transition: opacity .3s;
}
.text-sign-alert span {
    display: inline-block;
    max-width: 1.13rem;
}
.section-third .wrap-services .wrap-services-item-right .text-sign:hover .text-sign-alert {
    opacity: 1;
}
.section-third .wrap-services .wrap-services-item .subtitle-text {
    margin-top: .05rem;
}
.section-fourth {
    padding: 0 .2rem 1.30rem .2rem;
    position: relative;
    text-align: center;
}
.section-fourth h2 {
    display: inline-block;
}
.section-fourth h2::after {
    content: '';
    display: block;
    width: 1.05rem;
    height: .82rem;
    background-image: url(../img/elements/crown.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -.35rem;
    right: -.3rem;
    z-index: -1;
}
.section-fourth .owl-item {
    cursor: pointer;
}
.section-fourth .wrap-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
}
.section-fourth .master-info {
    margin-top: .13rem;
    text-align: center;
}
.section-fourth .master-info .fio {
    font-size: .22rem;
    line-height: .26rem;
    color: #3F3F3F;
    margin-bottom: .05rem;
    font-weight: bold;
}
.section-fourth .master-info-modal .fio {
    font-size: .24rem;
    line-height: .34rem;
    color: #3F3F3F;
    margin-bottom: .05rem;
}
.section-fourth .master-info-modal .master-info-about {
    font-size: .16rem;
    line-height: .28rem;
    color: #7A7A7A;
}
.section-fourth .master-info .specialty {
    font-style: normal;
    font-weight: normal;
    font-size: .18rem;
    line-height: .21rem;
    color: #7A7A7A;
}
.section-fourth .master-info .experience {
    font-style: normal;
    font-weight: normal;
    font-size: .14rem;
    line-height: .16rem;
    color: #7A7A7A;
    display: block;
    margin-top: .07rem;
}
.invisible-controls > div {
    width: 83%;
    height: 77%;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 1;
}
.invisible-controls-left {
    left: -83%;
}
.invisible-controls-right {
    right: -83%;
}
.section-fourth .title-text {
    text-align: center;
}
.fourth-owl {
    margin-top: .8rem;
}
.fourth-owl .owl-item {
    position: relative;
}
.section-fourth .fourth-owl .owl-nav {
    position: absolute;
    right: 0.3rem;
    top: -1.15rem;
}
.section-fourth .owl-nav .owl-prev, .section-fourth .owl-nav .owl-next {
    -webkit-transition: .4s;
    transition: .4s;
}
.section-fourth .owl-nav .owl-prev:hover {
    background: none;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
}
.section-fourth .owl-nav .owl-next:hover {
    background: none;
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
}
.section-fourth .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 0.14rem;
    line-height: 0.19rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.section-fifth {
    display: -webkit-box;
    display: flex;
    padding: 0 .6rem;
}
.section-fifth .circle {
    position: relative;
    display: -webkit-box;
    display: flex;
    margin-right: .96rem;
}
.section-fifth .circle .circle-img {
    width: 1.38rem;
    height: 2.06rem;
    position: relative;
}
.why-we-alert {
    width: 1.52rem;
    height: .64rem;
    font-size: .14rem;
    line-height: .16rem;
    text-align: center;
    letter-spacing: 0.055em;
    color: #484848;
    background-image: url(../img/elements/sign-alert.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -.4rem;
    right: -.8rem;
    padding: .15rem;
    z-index: 1;
}
.section-fifth .circle .circle-img img {
    display: block;
    width: 100%;
}
.section-fifth .circle .circle-text {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .84rem;
    line-height: 1.06rem;
    color: #3F3F3F;
    position: relative;
    margin-right: .35rem;
}
.section-fifth .circle .circle-text::after {
    content: '';
    width: .14rem;
    height: .16rem;
    background-image: url(../img/elements/star-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: -.3rem;
}
.arrow-advantage {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    width: 100%;
}
.wrap-advantages.original-first {
    max-width: 7.30rem;
    display: none;
}
.advantages {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.advantages.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.advantages:not(:last-child) {
    margin-bottom: .46rem;
}
.advantages li {
    width: 2.8rem;
}
.advantages li .primary-text:first-child {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: bold;
    font-size: .28rem;
    line-height: .35rem;
    letter-spacing: 0.06em;
    color: #3F3F3F;
    margin-bottom: .15rem;
}
/*a*/
.wrap-advantages-mob {
    padding: 0 .2rem;
    display: -webkit-box;
    display: flex;
    margin-top: -1.2rem;
}
.wrap-advantages-mob .owl-nav .owl-next:hover {
    background: transparent;
    color: #000;
}
.wrap-advantages-mob .owl-nav .owl-prev:hover {
    background: transparent;
    color: #000;
}
.wrap-advantages-mob .advantages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.wrap-advantages-mob .advantages li:not(:first-child) {
    margin-top: .4rem;
}
/*a*/
.section-sixth {
    padding: 1.2rem 0;
    position: relative;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(239, 244, 242, 0.9)), color-stop(48.44%, rgba(103, 112, 111, 0.46)), to(#F3F3F0));
    background: linear-gradient(180deg, rgba(239, 244, 242, 0.9) 0%, rgba(103, 112, 111, 0.46) 48.44%, #F3F3F0 100%);
    -webkit-transition: background 1s;
    transition: background 1s;
}
.bg-linear {
}
.section-sixth > h2 {
    position: relative;
    display: inline-block;
}
.section-sixth > h2::after {
    content: 'with love';
    display: block;
    font-family: 'Northwell';
    font-size: .75rem;
    line-height: 1.21rem;
    color: #FEAD36;
    -webkit-transform: rotate(-8.38deg);
            transform: rotate(-8.38deg);
    position: absolute;
    top: .25rem;
    right: -1.45rem;
    text-transform: lowercase;
}
.section-sixth .wrap-img {
    width: 3.9rem;
    height: 4.54rem;
    margin: 0 auto;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    pointer-events: none;
}

.with-video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.with-video::after {
    content: "";
    width: 50px;
    height: 50px;
    background-image: url("../img/icons/play.svg");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
}

.logotypes-img-list li.active .wrap-img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    pointer-events: all;
}
.section-sixth .wrap-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.section-sixth .title-services {
    padding: 0 0.58rem;
}
.section-sixth .title-text {
    text-align: center;
}
.section-sixth .services-foto {
    padding: .25rem;
    width: 2.4rem;
    text-align: center;
    display: inline-block;
    color: #141414;
    border-bottom: 1px solid #D2D2D2;
}
.section-sixth .services-foto:hover {
    color: #D3B64E;
}
.section-sixth .wrap-services-foto {
    margin-top: 1.16rem;
}
.section-sixth .arrow-desc {
    display: none;
}
.section-sixth .owl-prev {
    position: absolute;
    top: 35%;
    left: .30rem;
    display: block;
}
.section-sixth .owl-next {
    position: absolute;
    top: 35%;
    right: .30rem;
}
/*a*/
.section-sixth .owl-dots {
    position: absolute;
    right: 3.4rem;
    counter-reset: slides-num;
    height: .52rem;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: space-between;*/
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}
.section-sixth .owl-nav .owl-prev, .section-sixth .owl-nav .owl-next {
    -webkit-transition: .4s;
    transition: .4s;
}
.section-sixth .owl-nav .owl-prev:hover {
    background: none;
    -webkit-transform: translateX(-5px);
            transform: translateX(-5px);
}
.section-sixth .owl-nav .owl-next:hover {
    background: none;
    -webkit-transform: translateX(5px);
            transform: translateX(5px);
}
.section-sixth .owl-dots:before {
    content: ' ';
    position: absolute;
    width: .20rem;
    border: 1px solid #C6C6C6;
    top: 50%;
    left: -80%;
}
.section-sixth .owl-dots .owl-dot {
    counter-increment: slides-num;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.section-sixth .owl-dots .owl-dot.active:before {
    content: counter(slides-num);
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 0.14rem;
    line-height: 0.19rem;
}
.section-sixth .owl-theme .owl-dot span {
    display: none;
}
.section-sixth .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 0.14rem;
    line-height: 0.19rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
/*a*/
.section-seventh {
    padding: .7rem .6rem 1rem .6rem;
}
.section-seventh .wrap-blog {
    margin-top: .40rem;
    display: -webkit-box;
    display: flex;
    position: relative;
    margin-bottom: .3rem;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}
.move-slider-container {
    position: relative;
}
.section-seventh .team-controls {
    padding: 0;
}
.section-seventh .team-controls > div.left-control {
    background-position: center left;
}
.section-seventh .team-controls > div.right-control {
    background-position: center right;
}
.section-seventh .wrap-blog .wrap-img {
   height: 3.7rem;
}
.section-seventh .wrap-blog .blog-item {
    width: 3.8rem;
    margin-right: .45rem;
    box-sizing: border-box;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.section-seventh .wrap-blog .blog-item.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.section-seventh .brow-btn {
    position: absolute;
    top: -.8rem;
    right: .1rem;
}
.blog-item img {
    -webkit-transition: -webkit-transform 1.5s ease;
    transition: -webkit-transform 1.5s ease;
    transition: transform 1.5s ease;
    transition: transform 1.5s ease, -webkit-transform 1.5s ease
}
.blog-item:hover img {
    -webkit-transform: rotate(-1deg) scale(1.05);
            transform: rotate(-1deg) scale(1.05);
}
.blog-title {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: bold;
    font-size: .44rem;
    line-height: .55rem;
    color: #3F3F3F;
    -webkit-transition: color .5s;
    transition: color .5s;
}
.blog-title:hover {
    color: #D3AD30;
}
.page-template-page-frontpage-template::after {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(167, 140, 17, 0.09)), color-stop(58.85%, rgba(227, 195, 148, 0.09)), color-stop(98.8%, rgba(148, 27, 49, 0.09)));
    background: linear-gradient(180deg, rgba(167, 140, 17, 0.09) 0%, rgba(227, 195, 148, 0.09) 58.85%, rgba(148, 27, 49, 0.09) 98.8%);
}
.section-seventh .wrap-blog .blog-item .wrap-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.section-seventh .wrap-blog .blog-item .wrap-blog-desc {
    padding: .12rem 0 0 0;
}
.create-blog {
    font-family: 'Roboto';
    font-size: .12rem;
    line-height: .14rem;
    color: #9A9A9A;
}
/* section career */
.career {
    padding: 1.2rem 0 1.2rem .6rem;
    display: -webkit-box;
    display: flex;
    background-image: url(../img/partners/career-collage.png);
    background-position: center right;
    background-repeat: no-repeat;
    position: relative;
}
.career.career-ky {
    background-image: url(../img/carer-ky.svg);
}
.career.career-ky::before {
    content: '';
    width: 2rem;
    height: 2.35rem;
    position: absolute;
    top: 0;
    left: 3.6rem;
    background-image: url(../img/dog-ky.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}
.career-title {
    position: relative;
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .75rem;
    line-height: .95rem;
    color: #3F3F3F;
}
.career-title::after {
    content: 'with us';
    font-family: 'Northwell';
    font-size: .75rem;
    line-height: 1.21rem;
    color: #FEAD36;
    text-transform: lowercase;
    -webkit-transform: rotate(-8.38deg);
            transform: rotate(-8.38deg);
    position: absolute;
    right: -.8rem;
    bottom: -.65rem;
}
.career .circle {
    width: 3.8rem;
    margin-right: 1rem;
}
.career-vacancies-cont {
    width: 5.6rem;
}
.career-vacancies-descr {
    margin-bottom: .36rem;
}
.career-vacancies-descr p {
    font-style: normal;
    font-weight: normal;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #7A7A7A;
}
.vacancies-list > li {
    width: 3.3rem;
    border-bottom: .02rem solid #D2D2D2;
    position: relative;
}
.vacancies-list > li:not(:last-child) {
    margin-bottom: .28rem;
}
.vacancies-list > li a {
    display: block;
    position: relative;
}
.vacancies-list > li a::after {
    content: '';
    display: block;
    width: .45rem;
    height: .45rem;
    position: absolute;
    right: 0;
    top: -.15rem;
    background-image: url(../img/elements/plus-icon.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
.vacancies-name {
    font-size: .18rem;
    line-height: .2rem;
    letter-spacing: 0.095em;
    text-transform: uppercase;
    color: #808080;
    padding: 0 0 .15rem 0;
}
.vacancies-link:hover .text-sign-alert {
    opacity: 1;
}
.section-ninth {
    padding: 0 .58rem 1rem .58rem;
}
.section-ninth h2 {
    font-size: .56rem;
    line-height: .71rem;
    text-align: center;
    color: #3F3F3F;
    margin-bottom: .33rem;
}
.section-ninth .instagram-list {
    margin-top: .29rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.section-ninth .instagram-list li {
    max-width: 2.00rem;
    margin-right: .15rem;
}
.instagram-block {
    position: relative;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
}
.instagram-block::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #FEAD36;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.instagram-block::after {
    content: 'Why not?';
    font-family: 'Northwell';
    font-size: .54rem;
    line-height: .88rem;
    color: #FFFFFF;
    -webkit-transform: rotate(-8.38deg);
            transform: rotate(-8.38deg);
    position: absolute;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.instagram-block:hover::after,
.instagram-block:hover::before {
    opacity: 1;
}
.section-ninth img {
    width: 100%;
    height: auto;
    -webkit-transition: .4s;
    transition: .4s;
}
.section-ninth .wrap-subscribe .wrap-subscribe-desc .subscribe-icon {
    margin-right: .15rem;
}
.section-ninth .wrap-subscribe .wrap-subscribe-desc {
    padding: .15rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
}
.section-ninth .wrap-subscribe .wrap-subscribe-desc .wrap-text-like .subtitle-text {
    font-size: .14rem;
    line-height: .16rem;
    color: #000;
    font-weight: bold;
}
.section-ninth .wrap-subscribe .wrap-subscribe-desc .wrap-text-like .likes span:last-child {
    font-family: 'Roboto';
    font-size: .10rem;
    line-height: .12rem;
    color: #B0B0B0;
}
/*-------------------------------------BLOG---------------------------------------*/
.main-page.blog {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.02%, rgba(255, 255, 255, 0.47)), color-stop(44.48%, rgba(255, 226, 213, 0.35)), color-stop(75.76%, rgba(255, 218, 202, 0.19)), color-stop(95.62%, rgba(255, 255, 255, 0.22))), #FFFFFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.47) 14.02%, rgba(255, 226, 213, 0.35) 44.48%, rgba(255, 218, 202, 0.19) 75.76%, rgba(255, 255, 255, 0.22) 95.62%), #FFFFFF;
}
.blog-template-default .main-footer {
    background: #fff;
}
.main-page.blog .section-first {
    position: relative;
}
.main-page.blog .section-first .banner-desc {
    display: none;
    height: 100vh;
}
.main-page.blog .section-first .banner-desc img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.main-page.blog .section-first .banner-mob {
    display: block;
    width: 100%;
}
.main-page.blog .section-first .banner-mob img {
    width: 100%;
    height: auto;
}
.main-page.blog .section-first-title {
    color: #000;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: normal;
    font-size: .44rem;
    line-height: .52rem;
}
.main-page.blog .title-text {
    margin-top: .38rem;
}
.main-page.blog .subtitle-text {
    margin-top: .30rem;
}
.single-blog-intro {
    display: -webkit-box;
    display: flex;
}
.single-blog-intro-content {
    width: 46%;
    position: relative;
}
.single-blog-title {
    position: absolute;
    max-width: 6.86rem;
    left: .58rem;
    bottom: 1.71rem;
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .72rem;
    line-height: .91rem;
    color: #3F3F3F;
}
.single-blog-intro-img-cont {
    width: 54%;
    padding: 0 .59rem 0 0;
}
.back-btn {
    width: .84rem;
    height: .19rem;
    position: absolute;
    top: 1.76rem;
    left: .59rem;
    background-image: url(../img/elements/slider-left.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}
.back-btn:hover {
    -webkit-transform: translateX(-.05rem);
            transform: translateX(-.05rem);
}
.main-page.blog .single-article-content {
   padding: 1rem 0 0 0; 
}
.article-date-publicate {
    display: block;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #484848;
    margin-bottom: .16rem;
}
.article-content-title {
    font-family: Amatic SC;
    font-style: normal;
    font-weight: normal;
    font-size: .45rem;
    line-height: .57rem;
    color: #3F3F3F;
    margin-bottom: .18rem;
}
.main-page.blog .section-second .wrap {
    max-width: 8.45rem;
    margin: auto;
}
.article-text p {
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #7A7A7A;
}
.article-text a {
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #FEAD36;
}
.article-text p {
    margin: 0.2rem 0;
    overflow: hidden;
}
.article-text p:first-of-type {
    margin: 0 0 0.2rem;
}
.article-text p:only-of-type {
    margin: 0;
}
.main-page.blog .section-second .wrap-img {
    width: calc(100% - 1.2rem);
    margin: .5rem auto .7rem;
}
.main-page.blog .section-second .wrap-img img {
    display: block;
    width: auto;
    height: auto;
    max-height: 100vh;
    max-width: 100%;
    margin: auto;
    object-fit: contain;
}
.main-page.blog .section-second .blog-list {
    max-width: 8.45rem;
    margin: auto;
}
.main-page.blog .section-second .primary-text p {
    margin-top: .20rem;
}
.article-text ul > li {
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #7A7A7A;
    margin-bottom: .2rem;
}
.article-text ol {
    counter-reset: my-awesome-counter;
}
.article-text ol > li {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #7A7A7A;
    margin-bottom: .2rem;
    counter-increment: my-awesome-counter;
}
.article-text ol > li::before {
    content: counter(my-awesome-counter) ". ";
    font-size: .5rem;
    line-height: .81rem;
    color: #FEAD36;
    margin-right: .27rem;
}
/*-------------------------------------NEWS-PAGE---------------------------------------*/
.news-page {
    background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), color-stop(53.65%, rgba(226, 251, 251, 0)), color-stop(90.63%, rgba(153, 188, 255, 0.04))), #FFFFFF;
    background: linear-gradient(180deg, #FCFCFC 0%, rgba(226, 251, 251, 0) 53.65%, rgba(153, 188, 255, 0.04) 90.63%), #FFFFFF;
}
.post-type-archive-blog .main-footer {
    background: #FBFCFF;
}
.main-page.news-page .wrap-blog {
    flex-wrap: wrap;
    margin-top: 0;
}
.category-news {
    padding: 1.44rem 0 0 0;
}
.category-news > h2 {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .54rem;
    line-height: .68rem;
    color: #3F3F3F;
    text-align: center;
    margin-bottom: .18rem;
}
.main-page.news-page .wrap-blog {
    width: 12.6rem;
    margin: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.main-page.news-page .wrap-blog > a {
    display: block;
    width: 31%;
    margin: 0 0 .7rem 0;
    padding: 0 .1rem;
    position: relative;
}
.main-page.news-page .wrap-blog > a .wrap-img {
    width: 100%;
    height: 3.17rem;
    margin: 0 auto .12rem;
}
.main-page.news-page .wrap-blog > a .wrap-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.category-news-title {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: bold;
    font-size: .44rem;
    line-height: .55rem;
    color: #3F3F3F;
}
.blog-item-alert {
    top: 0;
    right: 0;
    padding: .14rem .12rem;
}
.blog-item-alert span {
    max-width: 100%;
}
.blog-item:hover .blog-item-alert {
    opacity: 1;
}
.other-news-container {
    padding: .66rem .6rem 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.other-news-container a {
    font-family: 'Northwell';
    font-size: .35rem;
    line-height: .57rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #FEAD36;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.other-news-container a:hover {
    color: #353535;
}
/*-------------------------------------VACANCY-PAGE---------------------------------------*/
.single-vacancies .main-footer {
    display: none;
}
.main-page.vacansy {
    overflow: auto;
}
.main-page.vacansy .section-vacancy {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    min-height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 249, 216, 0.61)), to(rgba(253, 252, 245, 0.31))), #FFFFFF;
    background: linear-gradient(180deg, rgba(254, 249, 216, 0.61) 0%, rgba(253, 252, 245, 0.31) 100%), #FFFFFF;
}
.section-vacancy .wrap-img {
    width: 36%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.main-page.vacansy .section-vacancy .wrap-require {
    width: 64%;
    padding: 1rem 1.6rem 1rem 1.5rem;
}
.wrap-require .circle {
    position: absolute;
    right: 0;
    bottom: 0;
}
.section-vacancy .wrap-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.vacancy-title {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .48rem;
    line-height: .61rem;
    color: #3F3F3F;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.vacancy-title.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.vacancy-desc {
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #7A7A7A;
    margin-top: .15rem;
    margin-bottom: .33rem;
    padding-left: .30rem;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.vacancy-desc.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.vacancy-require {
    padding-left: .39rem;
    margin-bottom: .71rem;
    list-style-type: disc;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.vacancy-require.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.vacancies-requirements-title {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .28rem;
    line-height: .35rem;
    letter-spacing: 0.06em;
    color: #3F3F3F;
    margin-bottom: .15rem;
    margin-left: 0;
}
.vacancy-require li {
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #7A7A7A;
    position: relative;
}
.vacancy-require li::before {
    content: ' ';
    width: .04rem;
    height: .04rem;
    border-radius: 50%;
    position: absolute;
    top: calc(50% - .02rem);
    left: -.22rem;
    background: #FEAD36;
}
.action-vacancy {
    margin-left: .2rem;
}
.action-vacancy span {
    position: relative;
    z-index: 2;
} 
.action-vacancy .brow-btn-bg {
    z-index: 1;
}
/*-------------------------------------FORM-VACANCY---------------------------------------*/
.wrap-pop-up-form-vacancy, .wrap-pop-up-sended {
    display: none;
    background: rgba(0, 0, 0, 0.35);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    z-index: 4;
}
.form-vacancies-title {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .48rem;
    line-height: .61rem;
    color: #3F3F3F;
    margin-bottom: .35rem;
    text-align: center;
}
#client-phone::-webkit-outer-spin-button, #client-phone::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.window-sent {
    display: none;
    z-index: 2;
    width: 7.44rem;
    /*padding: .80rem 1.40rem .35rem  1.40rem;*/
    background-color: #FFFDF6;
    position: relative;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    height: 3.5rem;
}
.text-sent {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: normal;
    font-size: .28rem;
    line-height: .38rem;
}
.wrap-ok {
    width: .77rem;
    height: .77rem;
    border-radius: 50%;
    border: 1px solid #D2D2D2;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    margin-top: .30rem;
}
.wrap-ok svg {
    width: .42rem;
    height: .35rem;
}
.wrap-form {
    z-index: 2;
    width: 7.44rem;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 249, 216, 0.61)), to(rgba(253, 252, 245, 0.31))), #FFFFFF;
    background: linear-gradient(180deg, rgba(254, 249, 216, 0.61) 0%, rgba(253, 252, 245, 0.31) 100%), #FFFFFF;
    -webkit-transition: .4s;
    transition: .4s;
    position: relative;
    overflow: hidden;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
}
.wrap-form .circle {
    position: absolute;
    top: 50%;
    right: -.5rem;
}
.wrap-form .circle .circle-img {
    width: 1.34rem;
    height: 1.34rem;
    background: url(../img/Decorate-1.png) no-repeat center/cover;
}
.close-vacancy-btn {
    display: block;
    width: .2rem;
    height: .2rem;
    position: absolute;
    top: .40rem;
    right: .40rem;
    background-image: url(../img/elements/close-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: .18rem;
    cursor: pointer;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}
.close-vacancy-btn:hover {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.window-sent .close-vacancy-btn {
    top: .4rem;
}
/*.vacancies-template-default .main-header, .main-footer {*/
/*    display: none;*/
/*}*/
.form-vacancy input, textarea, .chose-vacancy {
    width: 4.5rem;
    padding: .15rem .24rem;
    border: .01rem solid #D2D2D2;
    box-sizing: border-box;
    font-style: normal;
    border-radius: .05rem;
    outline: none;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #484848;
    background: transparent;
}
::-webkit-input-placeholder {
    color: #484848;
}
input[type='number']::-webkit-input-placeholder {
    -webkit-transform: translate3d(0, .05rem, 0);
            transform: translate3d(0, .05rem, 0);
}
.form-vacancy .send-form {
    -webkit-appearance: none;
    width: 2.20rem;
    border: 1px solid #D3B64E;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    font-size: .12rem;
    line-height: .12rem;
    /* identical to box height */
    letter-spacing: 0.07em;
    text-transform: uppercase;
}
.wrap-button-send {
    text-align: center;
}
.send-form {
    background: transparent;
    -webkit-transition: .4s;
    transition: .4s;
}
.send-form:hover {
    color: #D3B64E;
}
.chose-vacancy {
    cursor: pointer;
    position: relative;
}
.chose-vacancy.invalid {
    border: .01rem solid red !important;
}
.chose-vacancy:after {
    content: '\25BE';
    position: absolute;
    right: .25rem;
    top: .17rem;
}
.list-vacancy {
    position: absolute;
    display: none;
    border-left: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 4.5rem;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #484848;
    z-index: 1;
}
.list-vacancy li {
    padding: .15rem .24rem;
    border-bottom: .01rem solid #D2D2D2;
    cursor: pointer;
    background: #FEFCED;
}
.list-vacancy input {
    display: none;
}
.list-vacancy li:hover {
    background: #F7F7F7;
}
.wrap-phone-form {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.wrap-phone-form input {
    margin-top: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 3.6rem;
}
.wrap-phone-form.invalid input {
   border: .01rem solid red !important;
}
.field textarea {
    height: 1.02rem;
}
.code-phone {
    padding: .15rem .24rem;
    border-left: .01rem solid #D2D2D2;
    border-top: .01rem solid #D2D2D2;
    border-bottom: .01rem solid #D2D2D2;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #484848;
    border-bottom-left-radius: .05rem;
    border-top-left-radius: .05rem;
}
.custom-file-upload {
    margin-top: .15rem;
    margin-left: .30rem;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: .3rem;
}
.form-attachment {
    display: none;
}
.attachment-file-text {
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #7A7A7A;
}
.custom-file-upload svg {
    margin-right: .06rem;
}
.brow-btn-form {
    height: .6rem;
    background: transparent;
    outline: none;
    border: 0;
}
.window-sent-deco-cont {
    width: 1rem;
    height: 1.09rem;
    background-image: url(../img/elements/kisspng.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -.6rem;
    left: -.8rem;
    position: absolute;
    left: calc(50% - .5rem);
    top: 27%;
}
.window-sent-deco-cont .why-we-alert {
    top: -.45rem;
    right: -1.4rem;
    padding: .12rem .2rem;
}
.invalid-error-cont {
    position: absolute;
    right: .25rem;
    top: .175rem;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.invalid-error-icon {
    width: .21rem;
    height: .21rem;
    background-image: url(../img/elements/info-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.invalid-error-alert {
    width: 1.8rem;
    height: .55rem;
    background-image: url(../img/elements/error-alert.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -.55rem;
    left: -.68rem;
    padding: .09rem .06rem .135rem .15rem;
    font-size: .14rem;
    line-height: .16rem;
    letter-spacing: 0.055em;
    color: #fff;
}
.invalid-error-alert span {
    display: block;
    max-width: 1rem;
}
.field.invalid .invalid-error-cont {
    opacity: 1;
}
/*-------------------------------------FOOTER---------------------------------------*/
.main-footer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: .30rem .60rem 0;
    -webkit-box-align: center;
            align-items: center;
    background: #F6EBED;
}
.footer-collage-cont {
   position: relative;
}
.footer-collage-cont .text-sign-alert {
    bottom: 0;
}
.footer-collage-cont:hover .text-sign-alert {
    opacity: 1;
}
.footer-collage-cont .text-sign-alert {
    bottom: .8rem;
    top: auto;
    right: -.5rem;
}
.footer-collage-cont-ky .text-sign-alert {
    background-image: url(../img/elements/alert-footer-ky.svg);
    bottom: 1rem;
    top: auto;
    right: 1.6rem;
}
.footer-collage-cont img {
    display: block;
    -o-object-fit: contain;
       object-fit: contain;
}
.main-footer .primary-text-footer {
    font-size: .14rem;
    line-height: .16rem;
    letter-spacing: 0.055em;
    color: #7A7A7A;
}
.main-footer .work-by {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
}
.main-footer .work-by svg {
    width: .6rem;
    height: .09rem;
}
.main-footer .work-by .subtitle-text-footer {
    font-size: .14rem;
    line-height: .16rem;
    letter-spacing: 0.055em;
    color: #7A7A7A;
    margin-right: .1rem;
}
.footer-right-col {
    padding: .8rem 0 0 0;
}
.wrap-social-icon {
    display: -webkit-box;
    display: flex;
}
.wrap-social-icon li a {
    width: .29rem;
    height: .29rem;
    border: 1px solid #D2D2D2;
    border-radius: 50%;
    margin: 0 .03rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-transition: background .3s, border .3s;
    transition: background .3s, border .3s;
}
.wrap-social-icon li a:hover {
    background: #FEAD36;
    border: 1px solid #FEAD36;
}
.wrap-social-icon li a:hover svg path {
    fill: #fff;
}
.wrap-social-icon li:first-child a:hover svg path {
    fill: #fff;
    stroke: #fff;
}
.footer-left-col .wrap-social-icon {
    margin-bottom: .5rem;
}
.preloader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #FFFDF6;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    z-index: 6;
}
.master-info-pop-up {
    position: fixed;
    background-color: #1a1a1a;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    -webkit-transition: .8s;
    transition: .8s;
    display: -webkit-box;
    display: flex;
    padding-top: 0;
}
.master-info-pop-up .wrap-img {
    margin-left: .5rem;
    position: relative;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
}
.master-info-pop-up .master-info {
    padding-top: 1.5rem;
    margin-left: -.8rem;
    z-index: 2;
    width: 4.2rem;
}
.master-info-pop-up .wrap-img:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
}
.master-info-pop-up .fio {
    font-size: .24rem;
    font-weight: bold;
    color: #fff;
}
.master-info-pop-up .specialty, .master-info-pop-up .experience, .master-info-about {
    font-size: .16rem;
    color: #fff;
    margin-top: .25rem;
}
.btn-close-white {
    background: url("../img/close-white.svg") center no-repeat;
    position: absolute;
    width: .25rem;
    height: .25rem;
    top: .30rem;
    right: .43rem;
    cursor: pointer;
}
.visible {
    top: 0%;
    padding-top: 2rem;
}
.main-page {
    overflow: hidden;
}
.video-pop-up {
    background: #FFFDF6;
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 45%;
    right: 0;
    z-index: 2;
    width: 0;
    height: 0;
    -webkit-transition: .8s;
    transition: .8s;
    border-radius: 50%;
}
.video-visible {
    z-index: 1;
    -webkit-transform: scale(5);
            transform: scale(5);
    width: 100%;
    height: 100%;
}
/*SERVICES*/
.courses-tabs-controls2 {
    margin: 0 .6rem;
}
.courses-tabs-controls, .courses-tabs-controls2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    margin-top: .6rem;
    flex-wrap: wrap;
    font-size: .18rem;
    line-height: .2rem;
    letter-spacing: 0.095em;
    text-transform: uppercase;
    color: #3F3F3F;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
    position: relative;
    z-index: 11;
}
.courses-tabs-controls.in-view, .courses-tabs-controls2.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.courses-tabs-controls.animation-element, .courses-tabs-controls2.animation-element {
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    opacity: 0;
    -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 2s ease;
    transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
}
.courses-tabs-controls.animation-element.in-view, .courses-tabs-controls2.animation-element.in-view {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.courses-tabs-controls > span, 
.courses-tabs-controls2 > span {
    padding: .25rem .25rem .25rem 0;
    width: 2rem;
    text-align: left;
    display: inline-block;
    color: #141414;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    -webkit-transition: color 1.4s;
    transition: color 1.4s;
}
.serv-else-cont {
    position: absolute;
    top: .55rem;
    left: 0;
    z-index: 10;
    opacity: 0;
    -webkit-transform: translateY(.1rem);
            transform: translateY(.1rem);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    pointer-events: none;
    background: #F7F3F6;
}
.serv-else-cont2 {
    background: transparent;
}
.courses-tabs-controls > span.serv-else-btn {
    display: none;
}
.serv-else-btn.visible-else .serv-else-cont {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: all;
}
.serv-else-btn::before {
    content: '';
    display: block;
    width: .09rem;
    height: .05rem;
    background-image: url(../img/elements/else-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: calc(50% - .025rem);
    left: .5rem;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
.serv-else-btn.visible-else::before {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.serv-else-cont > span {
    display: block;
    -webkit-transition: color .3s;
    transition: color .3s;
}
.serv-else-cont > span:hover,
.serv-else-cont > span.active {
    color: #7A7A7A;
}
.serv-else-cont > span:not(:last-child) {
    margin-bottom: .1rem;
}
.courses-tabs-controls > span:not(:last-child)::before, 
.courses-tabs-controls2 > span:not(:last-child)::before,
.courses-tabs-controls > span.active:not(:last-child)::before, 
.courses-tabs-controls2 > span.active:not(:last-child)::before {
    content: ' ';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
@media screen and (min-width: 767px) {
    .courses-tabs-controls > span:nth-of-type(1)::before, 
    .courses-tabs-controls2 > span:nth-of-type(1)::before,
    .courses-tabs-controls > span:nth-of-type(1).active::before, 
    .courses-tabs-controls2 > span:nth-of-type(1).active::before {
        background-image: url(../img/elements/serv-brow-hover.svg);
    }
    .courses-tabs-controls > span:nth-of-type(2)::before, 
    .courses-tabs-controls2 > span:nth-of-type(2)::before,
    .courses-tabs-controls > span.active:nth-of-type(2)::before, 
    .courses-tabs-controls2 > span.active:nth-of-type(2)::before {
        background-image: url(../img/elements/serv-lash-hover.svg);
    }
    .courses-tabs-controls > span:nth-of-type(3)::before, 
    .courses-tabs-controls2 > span:nth-of-type(3)::before,
    .courses-tabs-controls > span.active:nth-of-type(3)::before, 
    .courses-tabs-controls2 > span.active:nth-of-type(3)::before {
        background-image: url(../img/elements/serv-make-hover.svg);
    }
    .courses-tabs-controls > span:nth-of-type(4)::before, 
    .courses-tabs-controls2 > span:nth-of-type(4)::before,
    .courses-tabs-controls > span.active:nth-of-type(4)::before, 
    .courses-tabs-controls2 > span.active:nth-of-type(4)::before {
        background-image: url(../img/elements/serv-hair-hover.svg);
    }
    .courses-tabs-controls > span:hover::before, 
    .courses-tabs-controls2 > span:hover::before,
    .courses-tabs-controls > span.active:not(:last-child)::before, 
    .courses-tabs-controls2 > span.active:not(:last-child)::before {
        opacity: 1;
    }
    .courses-tabs-controls > span > span, 
    .courses-tabs-controls2 > span > span {
        display: block;
        position: relative;
        -webkit-transition: opacity .3s, -webkit-transform .3s ease;
        transition: opacity .3s, -webkit-transform .3s ease;
        transition: transform .3s ease, opacity .3s;
        transition: transform .3s ease, opacity .3s, -webkit-transform .3s ease;
    }
    .courses-tabs-controls > span:nth-of-type(1),
    .courses-tabs-controls2 > span:nth-of-type(1),
    .courses-tabs-controls > span:nth-of-type(2),
    .courses-tabs-controls2 > span:nth-of-type(2),
    .courses-tabs-controls > span:nth-of-type(3),
    .courses-tabs-controls2 > span:nth-of-type(3),
    .courses-tabs-controls > span:nth-of-type(4),
    .courses-tabs-controls2 > span:nth-of-type(4) {
        display: block;
    }
    .courses-tabs-controls > span:not(:last-child):hover span, 
    .courses-tabs-controls2 > span:not(:last-child):hover span,
    .courses-tabs-controls > span.active:not(:last-child) span, 
    .courses-tabs-controls2 > span.active:not(:last-child) span {
        opacity: 0;
    }
}
.courses-tabs-controls > span,
.courses-tabs-controls2 > span {
    display: none;
}
.courses-tabs-wrapper {
    width: 4.7rem;
    margin: auto;
    position: relative;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.section-third .courses-tabs-wrapper {
    width: 100%;
}
.courses-tabs-wrapper.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.tabs-list, .tabs-list2 {
    width: 100%;
    padding: 0 0 .30rem 0;
}
.tabs-list.animation-element, .tabs-list2.animation-element {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
    -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 2s ease;
    transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
}
.tabs-list.animation-element.in-view, .tabs-list2.animation-element.in-view {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.tabs-list > li, .tabs-list2 > li {
    display: none;
}
.tabs-list > li.active, .tabs-list2 > li.active {
    display: block;
}
/*MASTERS*/
.team-list-container {
    margin-top: .46rem;
    width: 100%;
    overflow: hidden;
    position: relative;
    opacity: 0;
    -webkit-transform: translate(0, 70px) scale(.95);
    transform: translate(0, 70px) scale(.95);
    -webkit-transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, -webkit-transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease;
    transition: opacity 1.5s ease, transform 1.5s ease, -webkit-transform 1.5s ease;
}
.team-list-container.in-view {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
}
.team-list-container.animation-element {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
    -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 2s ease;
    transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
}
.team-list-container.animation-element.in-view {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.team-list-container {
    width: 100%;
    overflow: hidden;
}
.team-list-container.animation-element {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
    -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 2s ease;
    transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
}
.team-list-container.animation-element.in-view {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.team-list {
    width: 300rem;
    padding: 0 .02rem;
    position: relative;
}
.team-list > li {
    display: block;
    float: left;
    cursor: pointer;
}
.team-list > li:last-of-type {
    padding: 0 .04rem 0 .02rem;
    /*width: 3.79rem;*/
}
.team-list > li > a {
    display: block;
}
.team-list > li > a:hover .wrap-img > span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.team-list > li > a:hover .wrap-img > span::before {
    width: .25rem;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
/* Section - Team */
.section-team {
    padding: .65rem 0 .75rem 0;
    position: relative;
}
.section-team > .content-wrapper h2 {
    font-weight: 500;
    font-size: .16rem;
    line-height: .36rem;
    letter-spacing: .01rem;
    text-align: center;
    margin: 0 0 .80rem 0;
}
.section-team > .content-wrapper h2 span {
    display: block;
    text-transform: uppercase;
}
.section-team > .content-wrapper h2 b {
    display: block;
    font-weight: bold;
    font-size: .54rem;
    line-height: .64rem;
    letter-spacing: .014rem;
}
.section-team > .content-wrapper h2.animation-element span,
.section-team > .content-wrapper h2.animation-element b {
    -webkit-transform: translateY(1rem) scale(.9);
    transform: translateY(1rem) scale(.9);
    opacity: 0;
    -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 2s ease;
    transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
}
.section-team > .content-wrapper h2.animation-element b {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.section-team > .content-wrapper h2.animation-element.in-view span,
.section-team > .content-wrapper h2.animation-element.in-view b {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
}
.team-list-container {
    width: 100%;
    overflow: hidden;
}
.team-list-container.animation-element {
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    opacity: 0;
    -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 2s ease;
    transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
}
.team-list-container.animation-element.in-view {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.team-list {
    width: 300rem;
    padding: 0 .02rem;
    position: relative;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}
.team-list > li {
    width: 3.41rem;
    display: block;
    float: left;
}
.team-list > li:last-of-type {
    padding: 0 .02rem 0 .02rem;
    /*width: 3.79rem;*/
}
.team-list > li > a {
    display: block;
    position: relative;
}
.team-list li a .wrap-img {
    width: 3rem;
    height: 3.08rem;
    position: relative;
    overflow: hidden;
}
.team-list li a .wrap-img img {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}
.team-list li a .wrap-img::before {
    content: '';
    display: block;
    width: 3.15rem;
    height: 1.6rem;
    position: absolute;
    top: .35rem;
    left: 0;
    z-index: 1;
    background-image: url(../img/elements/masters-hover.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.team-list li a .wrap-img.no-bubble::before {
    background: none;
}
.team-list li a .wrap-img:hover img {
    -webkit-transform: rotate(-1deg) scale(1.05);
            transform: rotate(-1deg) scale(1.05);
}
.master-info-cont {
    width: 1.52rem;
    height: .64rem;
    font-size: .14rem;
    line-height: .16rem;
    text-align: center;
    letter-spacing: 0.055em;
    color: #484848;
    background-image: url(../img/elements/sign-alert.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -.28rem;
    right: -.18rem;
    padding: 0 .15rem;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    display: flex;
    align-items: center;
}
@media (min-width: 767px) {
    .team-list > li > a:hover .master-info,
    .team-list > li > a:hover .master-info-cont {
        opacity: 1;
    }
    .team-list li a:hover .wrap-img::before {
        opacity: 1;
    }
}
.team-controls {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    padding: 0 .36rem;
    margin-bottom: .3rem;
}
.team-controls > div {
    width: .84rem;
    height: .19rem;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
.team-controls > div.left-control {
    background-image: url(../img/elements/slider-left.svg);
}
.team-controls > div.right-control {
    background-image: url(../img/elements/slider-right.svg);
}
.team-controls > div.disable {
    opacity: .3;
    pointer-events: none;
}
.team-member-img {
    width: 100%;
    height: 4.50rem;
    position: relative;
    overflow: hidden;
}
.team-member-img > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.team-list .wrap-img > span {
    display: block;
    padding: 0 0 0 .50rem;
    position: absolute;
    bottom: .30rem;
    right: .40rem;
    font-weight: 500;
    font-size: .14rem;
    line-height: .36rem;
    letter-spacing: .01rem;
    text-transform: uppercase;
    color: #fff;
    opacity: 0;
    -webkit-transform: translateX(-.10rem);
    transform: translateX(-.10rem);
    -webkit-transition: opacity .6s ease, -webkit-transform .6s ease;
    transition: opacity .6s ease, -webkit-transform .6s ease;
    transition: transform .6s ease, opacity .6s ease;
    transition: transform .6s ease, opacity .6s ease, -webkit-transform .6s ease;
    z-index: 2;
}
.team-list .wrap-img > span::before {
    content: '';
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 1.4px;
    background-color: #fff;
    position: absolute;
    right: calc(100% - .25rem);
    top: .17rem;
    -webkit-transition: width .6s ease, -webkit-transform .6s ease;
    transition: width .6s ease, -webkit-transform .6s ease;
    transition: width .6s ease, transform .6s ease;
    transition: width .6s ease, transform .6s ease, -webkit-transform .6s ease;
    -webkit-transform: translateX(-2rem);
    transform: translateX(-2rem);
}
.team-list > li > a:hover .team-member-img > span {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.team-list > li > a:hover .team-member-img > span::before {
    width: .25rem;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.team-member-info {
    padding: .25rem .40rem 0 .40rem;
}
.team-member-info h3 {
    font-weight: bold;
    font-size: .20rem;
    line-height: .32rem;
    letter-spacing: .01rem;
    text-transform: uppercase;
    margin: 0;
}
.team-member-info p {
    font-size: .14rem;
    line-height: .26rem;
    color: #7e7e7e;
    margin: 0;
}
/* Team - Modal */
.team-modal {
    width: 100%;
    height: 100%;
    background-color: #F7F3F6;
    overflow: hidden;
    position: fixed;
    z-index: 101;
    top: 100%;
    left: 0;
    will-change: transform;
    padding-top: 2rem;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease;
}
.team-modal.visible {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.team-modal-item-photo {
    width: 480rem;
    height: 580rem;
}
.team-modal .master-info-modal .fio {
    margin-bottom: .3rem;
}
.team-modal-close-btn {
    width: .60rem;
    height: .60rem;
    position: absolute;
    top: .30rem;
    right: .43rem;
    background-image: url('../img/icon-close-white.svg');
    background-size: .192rem .192rem;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
}
.team-modal-close-btn:hover {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.team-modal-list {
    width: 100%;
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
    will-change: transform;
}
.team-modal-list > li {
    width: 100%;
    height: 100vh;
}
.team-modal-item-container {
    width: 100%;
    height: 100%;
    padding: 0 .60rem .80rem .80rem;
    position: relative;
}
.team-modal-item-container img {
    /*height: 100%;*/
    width: 3rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.team-modal-item-container::-webkit-scrollbar {
    width: .04rem;
    background-color: rgba(255, 255, 255, 0);
}
.team-modal-item-container::-webkit-scrollbar-thumb {
    border-radius: .02rem;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color .6s ease;
    transition: background-color .6s ease;
}
.team-modal-item-container:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .3);
}
.team-modal-item-photo {
    width: 4.80rem;
    height: 5.80rem;
    position: relative;
    float: left;
    -webkit-transform: translateY(-80%) scale(.7);
    transform: translateY(-80%) scale(.7);
    -webkit-transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: opacity 2s ease, -webkit-transform 2s ease;
    transition: transform 2s ease, opacity 2s ease;
    transition: transform 2s ease, opacity 2s ease, -webkit-transform 2s ease;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: .7;
    cursor: pointer;
}
.team-modal-list > li:nth-of-type(even) .team-modal-item-photo {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    float: right;
}
.team-modal-list > li.active .team-modal-item-photo {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    opacity: 1;
    cursor: inherit;
}
.team-modal-item-photo > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
.team-modal-item-photo-soc-list {
    position: absolute;
    left: .60rem;
    bottom: .40rem;
}
.team-modal-list > li:nth-of-type(even) .team-modal-item-photo-soc-list {
    right: .60rem;
    text-align: right;
}
.team-modal-item-photo-soc-list > li {
    display: inline-block;
    width: .36rem;
    height: .36rem;
    margin: 0 .30rem 0 0;
}
.team-modal-list > li:nth-of-type(even) .team-modal-item-photo-soc-list > li {
    margin: 0 0 0 .30rem;
}
.team-modal-item-photo-soc-list > li > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: .26rem;
    line-height: .36rem;
    text-align: center;
}
.team-modal-item-info {
    width: 100%;
    max-width: 4.20rem;
    padding: 2.00rem 0 0 0;
    float: left;
    margin: 0 0 0 -.80rem;
    font-size: .16rem;
    line-height: .28rem;
    letter-spacing: .002rem;
    color: #fff;
    position: relative;
}
.team-modal-list > li:nth-of-type(even) .team-modal-item-info {
    float: right;
    margin: 0 -.80rem 0 0;
    text-align: right;
}
.team-modal-item-info > h3 {
    font-weight: bold;
    font-size: .24rem;
    line-height: .34rem;
    letter-spacing: .01rem;
    text-transform: uppercase;
    margin: 0 0 .40rem 0;
}
.team-modal-item-info-content p {
    margin: 0 .25rem;
}
.team-modal-item-info-content p:first-of-type {
    margin: 0 0 .25rem 0;
}
.team-modal-item-info-content p:last-of-type,
.team-modal-item-info-content p:only-of-type {
    margin: 0;
}
.slick-prev {
    color: #000;
    background: #000;
    z-index: 2;
    left: 0;
}
.logotypes-img-list {
    display: -webkit-box;
    display: flex;
    position: relative;
    -webkit-transition: 1s;
    transition: 1s;
    will-change: transform;
    margin-bottom: .8rem;
}
.logotypes-img-list:after {
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 0.14rem;
    line-height: 0.19rem;
    position: absolute;
    bottom: 0;
    left: 12rem;
    top: 50%;
}
.logotypes-img-list li {
    position: relative;
    opacity: .5;
    -webkit-transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s;
    pointer-events: none;
    transform: translate3d(8.7%, 0, 0);
    will-change: transform;
}
.logotypes-img-list li.active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
    pointer-events: all;
}
.logotypes-img-list li.active:before {
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 0.14rem;
    line-height: 0.19rem;
    position: absolute;
    left: 12rem;
}
.logotypes-img-list li.active + li {
    transform: translate3d(-8.7%, 0, 0);
}
.album-controls-cont {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
}
.wrap-logo-controls {
    display: none;
    width: 2rem;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.wrap-logo-controls-mobile {
    width: 3rem;
    position: absolute;
    left: calc(50% - 1.5rem);
    top: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
}
.logo-controls-left, .logo-controls-right {
    cursor: pointer;
}
.wrap-logo-controls-mobile .logo-controls-left svg, .wrap-logo-controls-mobile .logo-controls-right svg {
    stroke: #D2D2D2;
    -webkit-transition: .4s;
    transition: .4s;
}
.logo-controls-left svg, .logo-controls-right svg {
    stroke: #000;
    -webkit-transition: .4s;
    transition: .4s;
}
.logo-controls-right:hover svg {
    stroke: #D2D2D2;
}
.logo-controls-left:hover svg {
    stroke: #D2D2D2;
}
.pointer-none {
    pointer-events: none;
}
.counter-slider {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    margin-right: 2.4rem;
    font-style: normal;
    font-weight: normal;
    font-size: .14rem;
    line-height: .15rem;
    color: #484848;
}
.count-sep {
    display: block;
    width: .01rem;
    height: .2rem;
    background: #484848;
    margin: 0 .1rem;
}
.overflow-hidden {
    overflow: hidden;
}
/*CTA  */
.cta-callback-btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    cursor: pointer;
    width: .44rem;
    height: .44rem;
    background-color: #D3B64E;
    border-radius: 50%;
    box-shadow: 0 0.05rem 0.2rem 0 rgba(62, 83, 99, .07);
    transition: box-shadow .5s ease, -webkit-transform .5s ease;
    -webkit-transition: box-shadow .5s ease, -webkit-transform .5s ease;
    transition: transform .5s ease, box-shadow .5s ease;
    transition: transform .5s ease, box-shadow .5s ease, -webkit-transform .5s ease;
    position: fixed;
    z-index: 9;
    bottom: .2rem;
    right: .2rem;
}
.cta-callback-btn > img {
    display: block;
    width: .224rem;
    height: auto;
}
.pulse {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    -webkit-animation: pulsate 2s ease-out;
            animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    opacity: 0.0;
    box-shadow: 0 0 .01rem .02rem #D3B64E;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.9, 0.9);
                transform: scale(0.9, 0.9);
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1.3, 1.3);
                transform: scale(1.3, 1.3);
        opacity: 0;
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.9, 0.9);
                transform: scale(0.9, 0.9);
        opacity: 0.0;
    }
    50% {
        opacity: 1.0;
    }
    100% {
        -webkit-transform: scale(1.3, 1.3);
                transform: scale(1.3, 1.3);
        opacity: 0;
    }
}
.field {
    position: relative;
    margin-bottom: .25rem;
}
.field input, .field textarea {
    margin-top: 0;
}
.field input:focus ~ .floating-label {
    top: -.04rem;
    font-size: .1rem;
}
.field textarea:focus ~ .floating-label {
    top: -.04rem;
    font-size: .1rem;
}
.field input:not(:focus):valid ~ .floating-label {
    top: -.04rem;
    font-size: .1rem;
}
.field textarea:not(:focus):valid ~ .floating-label {
    top: -.04rem;
    font-size: .1rem;
}
.floating-label {
    position: absolute;
    pointer-events: none;
    left: .24rem;
    top: .21rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #484848;
}
.text-sent-resume {
    font-size: .42rem;
    line-height: .52rem;
    color: #484848;
}
/*Modal REGION*/
.modal-region {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 2;
}
.wrap-region {
    padding: .25rem;
    background: #fff;
    width: 5rem;
    margin: .2rem auto;
}
.welcome h2 {
    font-size: .24rem;
    font-family: 'Roboto';
    text-align: center;
    margin-bottom: .3rem;
}
.welcome .primary-text {
    font-size: .14rem;
    font-family: 'Open Sans';
    text-align: center;
}
.choose-region {
    margin-top: .3rem;
    display: block;
}
.current-region {
    margin-top: .3rem;
    border: 1px solid #D3B64E;
    border-radius: 5px;
}
.current-region li {
    padding: .05rem .15rem;
    font-size: .16rem;
    font-family: 'Roboto';
    cursor: pointer;
}
.current-region li:first-child {
    font-weight: bold;
}
.regions {
    margin-top: .2rem;
    border: 1px solid #D3B64E;
    border-radius: 5px;
    height: 0;
    overflow: hidden;
    -webkit-transition: .4s;
    transition: .4s;
}
.regions li {
    padding: .05rem .15rem;
    font-size: .16rem;
    font-family: 'Roboto';
    cursor: pointer;
}
.regions li:nth-child(2) {
    background: #f5f5f5;
}
.btn-choose-region {
    padding: .24rem 0;
    width: 100%;
    text-transform: uppercase;
    font-size: .16rem;
    color: #fff;
    text-align: center;
    background: #D3B64E;
    margin-top: .3rem;
}
.r-show {
  height: .8rem;
}
/* .modal-off {
    display: none;
} */
.mTSWrapper {
    height: auto;
}
.general-bg2 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(167, 140, 17, 0.09)), color-stop(58.85%, rgba(227, 195, 148, 0.09)), color-stop(98.8%, rgba(148, 27, 49, 0.09)));
    background: linear-gradient(180deg, rgba(167, 140, 17, 0.09) 0%, rgba(227, 195, 148, 0.09) 58.85%, rgba(148, 27, 49, 0.09) 98.8%);
}
/* CALLBACK MODAL */
.callback-modal-container {
    width: 7rem;
    height: 4.7rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#ECFEFF), to(rgba(255, 255, 255, 0))), #FFFFFF;
    background: linear-gradient(180deg, #ECFEFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
    position: fixed;
    top: calc(50% - 2.32rem);
    left: calc(50% - 3.5rem);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    -webkit-transform: translateY(25%);
            transform: translateY(25%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    z-index: 11;
}
.callback-modal-container.active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: all;
}
.callback-modal-title {
    font-family: 'Amatic SC';
    font-style: normal;
    font-weight: normal;
    font-size: .48rem;
    line-height: .61rem;
    color: #3F3F3F;
    text-align: center;
    margin-bottom: .35rem;
}
.callback-inputs-wrap input {
    width: 4.5rem;
    padding: .15rem .24rem;
    border: .01rem solid #D2D2D2;
    box-sizing: border-box;
    font-style: normal;
    border-radius: .05rem;
    outline: none;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #484848;
    background: transparent;
}
.wrap-phone-callback-form input {
    margin-top: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 3.6rem;
    padding: .15rem .24rem;
    border: .01rem solid #D2D2D2;
    box-sizing: border-box;
    font-style: normal;
    border-radius: .05rem;
    outline: none;
    font-size: .2rem;
    line-height: .28rem;
    letter-spacing: 0.07em;
    color: #484848;
    background: transparent;
}
.wrap-phone-callback-form.invalid input {
    border: .01rem solid red;
}
.wrap-phone-callback-form {
    margin-bottom: .5rem;
}
.success-callback-container {
    display: none;
    position: relative;
    padding: 1.5rem .95rem 1.04rem .54rem;
    background-image: url(../img/elements/callback.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}
.success-mssg {
    font-size: .42rem;
    line-height: .52rem;
    color: #484848;
}
.success-callback-container .why-we-alert {
    top: 0;
    right: 34%;
}
/* ARROW UP BTN */
.arrow-up-btn {
    display: none;
    width: .39rem;
    height: .39rem;
    border-radius: 50%;
    background-color: #FFF;
    background-image: url(../img/elements/arrow-up.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: .08rem .19rem;
    position: fixed;
    bottom: .9rem;
    right: .6rem;
    z-index: 10;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    opacity: 0;
    pointer-events: none;
}
.arrow-up-btn:hover {
    -webkit-transform: translateY(-.05rem);
            transform: translateY(-.05rem);
}
.arrow-up-btn.active {
    opacity: 1;
    pointer-events: all;
}
/* GALLERY LIGHTBOX */
.gallery-popup-cont {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 101;
    background: #E5E5E5;
    padding: .6rem 0 .2rem;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}
.gallery-popup-cont.active {
    opacity: 1;
    pointer-events: all;
}
.close-gallery {
    background: url(../img/close.svg) no-repeat center #fff;
    content: '';
    width: .38rem;
    height: .38rem;
    border-radius: 50%;
    border: 1px solid rgba(114, 114, 114, 0.75);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 2%;
    right: .2rem;
    cursor: pointer;
    font-size: .40rem;
    -webkit-transition: border .4s;
    transition: border .4s;
    z-index: 1;
}
.close-gallery:hover {
    border: 1px solid rgba(114, 114, 114, 1);
}
.gallery-lightbox-list {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    will-change: transform;
}
.gallery-lightbox-list > li {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
}
.gallery-lightbox-list > li img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.gallery-lightbox-list > li video {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.gallery-popup-controls .left-control {
    width: 25%;
    height: 85%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: url(../img/elements/slder-left.svg), pointer;
}
.gallery-popup-controls .right-control {
    width: 25%;
    height: 75%;
    position: absolute;
    top: .5rem;
    right: 0;
    z-index: 1;
    cursor: url(../img/elements/slider-right.svg), pointer;
}
.gallery-lightbox-wrapper {
    width: 100%;
    height: 100%;
}
/* CATEGORY: MERCHANDISE */
.category-merchandise-wrapper{
    padding: 50px 0 0 0;
    width: 100%;
    max-width: 940px;
    min-height: calc(100vh - 660px);
    margin: 0 auto;
}
.category-merchandise-list.animation-element{
    transform: translate(200px, 0);
}
.category-merchandise-list.animation-element.in-view{
    transform: translate(0, 0);
}
.category-merchandise-list > li{
    width: 450px;
    float: left;
    margin: 0 40px 60px 0;
}
.category-merchandise-list > li:nth-of-type(even){
    margin: 0 0 60px 0;
}
.category-merchandise-list > li > a{
    display: block;
}
.category-merchandise-list > li > a:hover .merch-cover > img{
    transform: scale(1.1);
}
.merch-cover{
    width: 230px;
    height: 240px;
    float: left;
    overflow: hidden;
}
.merch-cover > img{
    display: block;
    margin: 0;
    object-fit: cover;
    transition: transform .3s ease-out;
}
.merch-text{
    width: calc(100% - 230px);
    float: left;
    padding: 40px 0 0 20px;
    transform: translate3d(0, 0, 0);
}
.merch-text > h2{
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin: 0 0 20px 0;
}
.merch-text > h2 > span{
    display: inline-block;
    position: relative;
    z-index: 1;
    transition: color .3s ease-out;
}
.true_loadmore-container{
    width: 100%;
    float: left;  
    margin-bottom: 60px;
    text-align: center;    
}
.true_loadmore-container > a{
    z-index: 0
}
.category-merchandise-list{
    width: 100%;
    float: left;    
}
.category-merchandise-list > li > a:hover .merch-text > h2 > span{
    color: #f0f0f0;
}
.merch-text > h2::after{
    content: '';
    display: block;
    width: 100%;
    height: 0;
    background-color: #0f0f0f;
    position: absolute;
    top: 0;
    left: 0;
    transition: height .3s ease-out;
}
.category-merchandise-list > li > a:hover .merch-text > h2::after{
    height: 100%;
}
.merch-text > p{
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    font-style: normal;
    font-family: 'Neucha';
    color: #8a8a8a;
    margin: 20px 0 20px 0;
}
.merch-text > p b {
font-weight: 500;
}
.merch-price{
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    color: #000;
}
.woocommerce-Price-currencySymbol {
    padding-left: 4px;
}
.main-header-nav:not(.active){
    display: none;
}
.animation-element{
    opacity: 0;
    transform: translate(0, 200px);
    transition: all 1s ease-in-out;
}
.animation-element.in-view{
    opacity: 1;
    transform: translate(0, 0);
}
.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
/* SINGLE: MERCHANDISE */
.single-merchandise-wrapper{
    padding: 135px 0 105px;
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
}
a.single-merch-go-back-link{
    display: block;
    padding: 10px 0;
    float: left;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #0f0f0f;
    margin: 0 0 0 .65rem;
}
a.single-merch-go-back-link > svg{
    margin: 0 20px 0 0;
    transition: margin .3s ease-out;
}
a.single-merch-go-back-link:hover > svg{
    margin: 0 10px 0 0;
}
.merchandise-description{
    width: calc(100% - 880px);
    max-width: 100%;
    float: left;
}
.merchandise-wrapper .merchandise-gallery{
    width: 400px;
    float: left;
    position: relative;
    height: 455px;
    padding-top: 57px
}
.merchandise-naming-price{
    width: 480px;
    float: left;
    padding: 63px 57px 0 70px;
}
.merchandise-description-content{
    float: right;
    width: 392px;
    max-width: 100%;
    padding: 57px 70px 0 0;
}
.merchandise-description-laptop .merchandise-description-content .merchandise-description-list{
    height: 472px;
    overflow: auto;
}
.merchandise-description-laptop .merchandise-description-content .merchandise-description-list::-webkit-scrollbar {
    width: 5px;
}
.merchandise-description-laptop .merchandise-description-content .merchandise-description-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 14%); 
    border-radius: 10px;
}
.merchandise-description-laptop .merchandise-description-content .merchandise-description-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%); 
}
.merchandise-description-list > li > h2{
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
    margin: 0;
    cursor: pointer;
    position: relative;
}
.merchandise-description-list > li > h2::before{
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background-image: url('../img/icons/icon-faq-expand.svg');
    background-size: 10px 10px;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: -30px;
    transform: rotate(90deg);
    opacity: 0;
    transition: all .3s ease-out;
}
.merchandise-description-list > li.active > h2::before{
    transform: rotate(0);
}
.merchandise-description-list > li > h2:hover::before{
    opacity: 1;
}
.merchandise-description-list > li > div.clearfix{
    padding: 3px 0 18px 0;
    font-size: 14px;
    line-height: 22px;
    font-family: 'Neucha';
    font-style: normal;
    display: none;
}
.merchandise-description-list > li > div.clearfix p{
    margin: 20px 0;
}
.merchandise-description-list > li > div.clearfix p:first-of-type{
    margin: 0 0 20px 0;
}
.merchandise-description-list > li > div.clearfix p:last-of-type{
    margin: 20px 0 0 0;
}
.merchandise-description-list > li > div.clearfix p:only-of-type{
    margin: 0;
}
.square-sliders-controls-single-merch{
    position: static;
    height: 55px;
    width: 100%;
    margin: 23px 0 0 0;
}
.square-sliders-controls-single-merch .square-slider-position-indicator{
    color: #0f0f0f;
    line-height: 55px;
    margin-top: 0;
    text-align: center;
}
.single-merch-slider-list{
    height: 400px;
}
.single-merch-slider-list.owl-carousel .owl-nav{
    position: relative;
    margin-top: 40px
}
.single-merch-slider-list.owl-carousel .owl-nav button{
    height: 55px;
    position: absolute;
    width: 27px;
}
.single-merch-slider-list.owl-carousel .owl-nav button.owl-prev{
    left: 0;
    background: url('../img/icons/icon-slider-left-black.svg');
    background-repeat: no-repeat;
}
.single-merch-slider-list.owl-carousel .owl-nav button.owl-next{
    right: 0;
    background: url('../img/icons/icon-slider-right-black.svg');
    background-repeat: no-repeat;
}
.owl-carousel.single-merch-slider-list .owl-item img{
    transform: scale(0.5);
    transition: transform .6s ease-out;
    max-height: 400px;
    object-fit: cover;    
}
.owl-carousel.single-merch-slider-list .owl-item.active img{
    transform: scale(1);
}
.single-merch-slider{
    opacity: 0;
    pointer-events: none;
}
.single-merch-slider.active{
    opacity: 1;
    pointer-events: all;
}
.merch-articul-list{
    height: 22px;
    position: relative;
    overflow: hidden;
    margin: 0 0 10px 0;
}
.merch-articul-list > li{
    display: block;
    width: 100%;
    height: 22px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 14px;
    line-height: 22px;
    max-width: 200px;
    pointer-events: none;
}
.merch-articul-list > li.active{
    opacity: 1;
    pointer-events: all;
}
.merch-brand{
    display: block;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    color: #8a8a8a;
    max-width: 200px;
    margin: 0 0 5px 0;
}
.merch-name{
    font-size: 22px;
    line-height: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 5px 0;
    max-width: 200px;
}
.merch-category{
    display: block;
    max-width: 200px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    font-style: italic;
    color: #8a8a8a;
    margin: 0 0 25px 0;
}
.single-merch-price-list{
    margin: 0 0 40px 0;
    position: relative;
    height: 34px;
    overflow: hidden;
}
.single-merch-price-list > li{
    display: block;
    font-size: 28px;
    line-height: 34px;
    height: 34px;
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}
.single-merch-price-list > li.active{
    pointer-events: all;
    opacity: 1;
}
a.single-merch-where-buy-link{
    display: block;
    float: left;
    padding: 13px 35px 14px 35px;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    color: #0f0f0f;
}
.single-merch-aside-section{
    max-width: 940px;
    width: 100%;
    margin: 0 auto;
}
.single-merch-aside-section > h3{
    font-size: 24px;
    line-height: 29px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding: 80px 0 100px 0;
}
.single-merchs-aside-list > li{
    width: 50%;
    float: left;
    padding: 0 20px 0 0;
}
.single-merchs-aside-list > li:nth-of-type(even){
    padding: 0 0 0 20px;
}
.single-merchs-aside-list > li > a{
    display: block;
}
.merch-aside-img{
    width: 195px;
    height: 195px;
    float: left;
    overflow: hidden;
}
.merch-aside-img > img{
    display: block;
    object-fit: cover;
    transition: transform .3s ease-out;
}
.single-merchs-aside-list > li > a:hover .merch-aside-img > img{
    transform: scale(0.9);
}
.merch-aside-text{
    padding: 22px 0 0 20px;
    width: calc(100% - 195px);
    float: left;
}
.merch-aside-text > h4{
    display: inline-block;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin: 0;
    position: relative;
    transition: color .3s ease-out;
}
.merch-aside-text > h4 > span{
    position: relative;
    z-index: 1;
}
.merch-aside-text > h4::after{
    content: '';
    display: block;
    width: 100%;
    height: 0;
    background-color: #0f0f0f;
    position: absolute;
    top: 0;
    left: 0;
    transition: height .3s ease-out;
}
.single-merchs-aside-list > li > a:hover .merch-aside-text > h4::after{
    height: 100%;
}
.single-merchs-aside-list > li > a:hover .merch-aside-text > h4{
    color: #f0f0f0;
}
.merch-aside-category{
    display: block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    font-style: italic;
    color: #8a8a8a;
    margin: 0 0 20px 0;
}
.merch-aside-price{
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}
.get-examples-overlay{
    position: fixed;
    top: 36px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    pointer-events: none;
    will-change: transform;
    transition: background-color .6s ease-in-out;
}
.get-examples-overlay.visible{
    background-color: rgba(0, 0, 0, 0.25);
    pointer-events: all;
}
.get-examples-form-wrapper{
    will-change: transform;
    width: 336px;
    position: fixed;
    z-index: 201;
    top: 36px;
    right: -336px;
    bottom: 0;
    transform: translateX(0);
    background-color: #fff;
    box-shadow: none;
    transition: transform .6s ease-out, box-shadow .6s ease-out;
}
.get-examples-form-wrapper.visible{
    transform: translateX(-100%);
    box-shadow: -5px 0 13px 0 rgba(0, 0, 0, 0.1);
}
.get-examples-form-wrapper > form{
    padding: 40px 90px 60px 46px;
    position: relative;
    width: 100%;
    height: 100%;
}
.get-examples-form-heading{
    display: block;
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
}
.get-examples-form-inputs > input.roblink{
    display: none;
}
.get-examples-form-inputs{
    width: calc(100% - 46px);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.get-examples-form-inputs > input{
    display: block;
    width: 100%;
    padding: 10px 13px;
    border-bottom: 4px solid #e7e7e7;
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}
.get-examples-form-inputs > input:first-of-type{
    margin: 0 0 10px 0;
}
/* Webkit */
.get-examples-form-inputs > input::-webkit-input-placeholder { color: #e7e7e7; }
/* Firefox 4-18 */
.get-examples-form-inputs > input:-moz-placeholder { color: #e7e7e7; }
/* Firefox 19+ */
.get-examples-form-inputs > input::-moz-placeholder { color: #e7e7e7; }
/* IE10+ */
.get-examples-form-inputs > input:-ms-input-placeholder { color: #e7e7e7; }
.get-examples-submit{
    width: 100%;
    height: 60px;
    padding: 21px 0;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #fafafa;
    font-weight: bold;
    background-color: #cfcfcf;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    transition: background-color .3s ease-in-out;
}
.get-examples-submit.allowed{
    pointer-events: all;
    background-color: #0f0f0f;
}
.get-examples-form-success{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    transform: translateX(100%);
    transition: transform .6s ease-in-out;
}
.get-examples-form-success.visible{
    transform: translateX(0);
}
.form-success-message{
    display: block;
    width: 100%;
    padding: 0 68px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    text-align: center;
}
.merchandise-description-mob{
    display: none;
}
