@charset "utf-8";
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-Thin.woff');
        font-weight: 100;
        font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-ThinItalic.woff');
        font-weight: 100;
        font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-Light.woff');
        font-weight: 300;
        font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-LightItalic.woff');
        font-weight: 300;
        font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-Regular.woff');
        font-weight: normal;
        font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-RegularItalic.woff');
        font-weight: normal;
        font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-Medium.woff');
        font-weight: 500;
        font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-MediumItalic.woff');
        font-weight: 500;
        font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-Semibold.woff');
        font-weight: 600;
        font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-SemiBoldItalic.woff');
        font-weight: 600;
        font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-Bold.woff');
        font-weight: bold;
        font-style: normal;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-BoldItalic.woff');
        font-weight: bold;
        font-style: italic;
}
@font-face {
    font-family: 'Gilroy';
    src:url('../fonts/Gilroy-Extrabold.woff2');
        font-weight: 800;
        font-style: normal;
}
body{
    font-family: 'Gilroy', sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 1.6;
}

h1,
.title-h1 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 30px;
}

h2,
.title-h2 {
    font-size: 48px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 30px;
}

h3,
.title-h3 {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 30px;
}

h4,
.title-h4 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    margin-bottom: 20px;
}

@media(max-width: 1479px) {
    h1,
    .title-h1 {
        font-size: 36px;
        margin-bottom: 25px;
    }

    h2,
    .title-h2 {
        font-size: 36px;
        margin-bottom: 25px;
    }
}

@media(max-width: 767px) {
    h1,
    .title-h1 {
        font-size: 26px;
    }

    h2,
    .title-h2 {
        font-size: 26px;
    }
}

a {
    color: #8EAC7A;
}

a:hover {
    color: #333;
}

a.invert {
    color: #333;
}

a.invert:hover {
    color: #8EAC7A;
}

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    text-decoration: none;
    cursor: pointer;
    padding: 0 30px;
    border: none;
    border-radius: 43px;
    font-weight: normal;
    font-size: 16px;
    color: #FFFFFF;
    background: #605245;
    text-align: center;
    transition: all 300ms ease-out;
}

.btn:hover {
    -webkit-filter: brightness(115%);
    filter: brightness(115%);
    color: #fff;
}
.green-btn{
    background: #7B9D64;
}
.green-btn:hover{
    background: #94BE79;
    color: #fff !important;
}
.btn-md{
    height: 38px;
    padding-left: 42px;
    padding-right: 42px;
}
.full-width{
    width: 100%;
}
.section{
    padding: 60px 0 50px;
}
@media(max-width: 767px){
    .section {
        padding: 50px 0 40px;
    }
}
.pt0{
    padding-top: 0;
}
.pb0{
    padding-bottom: 0;
}

/** Header **/
.header{
    padding: 25px 0;
    background: url(../images/header-line.svg) 0 5px repeat-x #fff;
}
.header-main-inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.header-main-inner .col{
    width: 30%;
}
.header-address{
    margin-bottom: 10px;
}
.header-address svg{
    margin-right: 2px;
    position: relative;
    bottom: -2px;
}
.social-buttons{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.social-buttons a{
    width: 30px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #8EAC7A;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 0;
}
.social-buttons a:last-of-type{
    margin-right: 0;
}
.social-buttons a:hover{
    background: #7B9D64;
}
.header-main-inner .social-buttons{
    margin-bottom: 20px;
}
.header-slogan{
    font-size: 30px;
    line-height: 1.3;
    font-style: italic;
    font-weight: 300;
}
.header-main-inner .col2{
    text-align: center;
    padding-top: 5px;
}
.logo-title{
    line-height: 1.2;
    font-size: 14px;
    color: #605245;
}
.header-main-inner .col3{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
}
.header-contacts-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
}
.header-phone a{
    color: #000;
    font-size: 20px;
}
.header-phone a:hover{
    color: #8EAC7A;
}
.header-phone + .messengers{
    margin-left: 15px;
}
.messengers{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.messengers a{
    width: 30px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background: #8EAC7A;
    color: #fff;
    border-radius: 50%;
    margin-right: 5px;
    line-height: 0;
}
.messengers a:last-of-type{
    margin-right: 0;
}
.messengers a:hover{
    background: #7B9D64;
}
.messengers a.telegram-btn{
    background: #00BBF0;
}
.messengers a.max-btn{
    background: linear-gradient(135deg, #35a8df, #6a2fd6);
}
.messengers a.telegram-btn:hover{
    background: #00A3E4;
}
.messengers a.whatsapp-btn{
    background: #0DC143;
}
.messengers a.whatsapp-btn:hover{
    background: #00E143;
}
.header-mail{
    margin-bottom: 10px;
}
.header-mail a{
    font-size: 16px;
    color: #000000;
}

/* top-nav */
.top-nav{
    padding-top: 25px;
}
.top-nav a{
    color: #000;
    position: relative;
}
.top-nav li.active > a,
.top-nav li:hover > a{
    color: #8EAC7A;
}
.top-nav li{
    position: relative;
}
.top-nav ul ul{
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: -25px;
    width: 330px;
    background: #fff;
    box-shadow: 0px 4px 40px 0px #0000001A;
    border-radius: 20px;
    padding: 20px 40px 20px 25px;
    line-height: 1.2;
    z-index: 100;
}
.top-nav ul ul:before{
    content:"";
    position: absolute;
    left: 0;
    right: 0;
    top: -11px;
    height: 12px;
}
.top-nav ul ul ul{
    left: calc(100% + 10px);
    top: 0;
}
.top-nav ul ul ul:before{
    height: auto;
    width: 12px;
    left: -11px;
    right: auto;
    top: 0;
    bottom: 0;
}
.top-nav li:hover > ul{
    display: block;
}
.top-nav ul ul a{
    display: inline-block;
    padding: 8px 0;
}
.top-nav > ul{
    display: flex;
    justify-content: center;
}
.top-nav > ul > li{
    margin: 0 40px;
}
.top-nav > ul > li:first-of-type{
    margin-left: 0;
}
.top-nav > ul > li:last-of-type{
    margin-right: 0;
}
.top-nav > ul > li > a{
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    padding-bottom: 4px;
    background: url(../images/wave.svg) left 0 bottom 0 repeat-x;
}
.top-nav > ul > li.down > a{
    padding-right: 15px;
}
.top-nav > ul > li.down > a:after{
    content: "";
    width: 10px;
    height: 6px;
    background: url(../images/down-arrow.svg) 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: calc(50% - 4px);
}
.top-nav ul ul li.down > a:after{
    content: "";
    width: 10px;
    height: 6px;
    background: url(../images/down-arrow.svg) 0 0 no-repeat;
    position: absolute;
    right: -20px;
    top: calc(50% - 1px);
    transform: rotate(270deg);
}
/* /. top-nav */

.mobile-panel,
.mobile-panel-push{
    display: none;
}
.mobile-menu-content{
    padding: 0 25px;
    width: 100%;
}
.mobile-menu-content .item + .item{
    margin-top: 15px;
}
.mobile-menu-mail a{
    color: #000;
}
.mobile-menu-content .header-slogan{
    padding-bottom: 15px;
    padding-top: 35px;
    border-top: 1px solid #eee;
    font-size: 22px;
}

@media(max-width: 1299px){
    .header-slogan{
        font-size: 26px;
    }
    .top-nav > ul > li{
        margin: 0 35px;
    }
}
@media(max-width: 991px){
    .header{
        padding: 0;
        background: transparent;
    }
    .header-main,
    .top-nav-wrapper{
        display: none;
    }
    .mobile-panel-push{
        display: block;
        height: 70px;
    }
    .mobile-panel{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background: url(../images/header-line.svg) left 0 bottom 5px repeat-x #fff;
        padding-bottom: 10px;
        z-index: 900;
    }
    .mobile-panel-inner{
        height: 60px;
        padding: 7px 0 4px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-panel-inner > div{
        height: 100%;
    }
    .mobile-logo a{
        display: block;
        height: 100%;
    }
    .mobile-logo img{
        height: 100%;
    }
    .mobile-panel-right-part{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
    }
    .mobile-panel-contacts{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .mobile-panel-phone{
        margin-right: 20px;
    }
    .mobile-panel-phone a{
        color: #333;
        font-size: 16px;
        font-weight: 500;
    }
    .mobile-panel-phone svg{
        position: relative;
        bottom: -1px;
    }
}
@media(max-width: 549px){
    .mobile-panel-phone{
        margin-right: 15px;
    }
    .mobile-panel-phone a{
        font-size: 14px;
    }
    .mobile-panel-phone svg{
        bottom: -2px;
    }
    .mobile-panel .messengers a,
    .mobile-panel .social-buttons a{
        width: 24px;
        height: 24px;
        padding: 5px;
    }
    .mobile-panel .messengers a svg,
    .mobile-panel .social-buttons a svg{
        max-width: 100%;
        max-height: 100%;
    }
    .menu-button{
        margin-left: 15px;
    }
}
@media(max-width: 459px){
    .mobile-panel-contacts{
        display: block;
    }
    .mobile-panel-phone{
        margin-right: 0;
        margin-bottom: 5px;
        line-height: 1;
        text-align: center;
    }
    .mobile-panel-phone a{
        font-size: 12px;
    }
    .mobile-panel-phone svg{
        display: none;
    }
    .menu-button{
        margin-left: 20px;
    }
    .mobile-panel .messengers a,
    .mobile-panel .social-buttons a{
        width: 22px;
        height: 22px;
    }
}
/** /. Header **/

/* first-section */
.first-title-section{
    padding-top: 40px;
}
.first-title-section h1{
    font-size: 30px;
    font-weight: 300;
}
.first-section{
    padding-top: 60px;
}
.first-section-wrapper{
    background: #F2F2F2;
    position: relative;
}
.first-section-wrapper:before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    background: #fff;
}
.first-section-wrapper:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 0;
    z-index: 10;
    height: 33px;
    background: url(../images/fs-wave.svg) 0 0 / cover;
}
.first-section-inner{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #fff;
    position: relative;
    z-index: 10;
}
.first-section-content{
    width: calc(100% - 521px);
    padding-right: 30px;
    font-size: 24px;
}
.first-section-img{
    height: 624px;
    width: 521px;
    background: url(../images/fs-bg.png) 0 0 no-repeat;
    position: relative;
}
.first-section-img-object{
    position: absolute;
    bottom: 0;
    left: 0;
}
.first-section-title{
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 1.2;
}
.first-section-title span{
    font-size: 48px;
    display: inline-block;
    margin-top: 25px;
}
.fs-content1{
    margin-bottom: 30px;
    padding-left: 40px;
}
.fs-content2 span{
    background: #C7EAAF;
    display: inline-block;
    padding: 0 7px;
    border-radius: 10px;
    line-height: 1.4;
}
@media(max-width: 1479px){
    .first-section-content{
        font-size: 22px;
    }
    .fs-content1{
        padding-left: 0;
    }
}
@media(max-width: 1299px){
    .first-section-content{
        font-size: 20px;
    }
    .fs-content1 br,
    .fs-content2 br{
        display: none;
    }
    .first-section-title span {
        font-size: 42px;
        margin-top: 15px;
    }
    .first-section-wrapper:after{
        left: 0;
    }
}
@media(max-width: 1099px){
    .first-section-img {
        height: 524px;
        width: 421px;
    }
    .first-section-content {
        width: calc(100% - 421px);
        padding-right: 20px;
        font-size: 18px;
    }
    .first-title-section h1{
        margin-bottom: 0;
    }
}
@media(max-width: 991px){
    .first-title-section h1{
        font-size: 26px;
    }
    .first-title-section h1 br{
        display: none;
    }
    .first-section-title span{
        font-size: 36px;
    }
    .first-section-img {
        height: 480px;
        width: 380px;
    }
    .first-section-content {
        width: calc(100% - 380px);
        font-size: 16px;
    }
}
@media(max-width: 767px){
    .first-title-section h1{
        font-size: 21px;
    }
    .first-section-img {
        height: 480px;
        width: 380px;
    }
    .first-section-content {
        width: 100%;
        padding-right: 0;
    }
    .first-section{
        padding-top: 0;
    }
    .first-section-img{
        width: 100%;
        margin-top: 40vw;
    }
    .first-section-img-object{
        left: auto;
        right: 0;
        width: 80%;
    }
    .first-section-wrapper{
        background: transparent;
    }
    .first-section-title{
        text-align: center;
    }
    .first-section-title span{
        margin-top: 0;
    }
    .fs-content1,
    .fs-content2{
        text-align: center;
    }
}
@media(max-width: 649px){
    .first-section-img-object {
        left: auto;
        right: 0;
        width: 90%;
        top: -15vw;
        overflow: hidden;
    }
    .first-section-img{
        margin-top: 20vw;
        height: 100vw;
    }
    .first-section-title{
        font-size: 24px;
    }
    .first-section-title span {
        font-size: 30px;
    }
}
/* /. first-section */

/* section-title */
.section-title{
    min-height: 140px;
    position: relative;
    text-transform: uppercase;
    padding-left: 72px;
    font-weight: 600;
    font-size: 72px;
    line-height: 1;
    margin-bottom: 60px;
    margin-top: -30px;
}
.section-title:before{
    content: "";
    width: 139px;
    height: 139px;
    background: url(../images/ellipse.svg) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 30px;
}
.section-title > span{
    position: relative;
}
.section-title span span{
    text-transform: none;
    font-weight: 300;
    font-size: 36px;
    margin-left: -72px;
    display: inline-block;
    width: 100%;
    color: #848484;
}
.section-introtext{
    font-size: 14px;
    margin-bottom: 40px;
}
@media(max-width: 991px){
    .section-title {
        padding-left: 30px;
        font-size: 60px;
    }
    .section-title span span {
        font-size: 30px;
        margin-left: -30px;
    }
}
@media(max-width: 767px){
    .section-title {
        min-height: 70px;
        padding-left: 22px;
        font-size: 36px;
        margin-bottom: 40px;
        margin-top: -15px;
    }
    .section-title span span {
        font-size: 22px;
        margin-left: -22px;
    }
    .section-title:before {
        width: 70px;
        height: 70px;
        background-size: contain;
        top: 15px;
    }
}
@media(max-width: 429px){
    .section-title {
        padding-left: 20px;
        font-size: 32px;
        margin-top: 0;
    }
    .section-title span span {
        font-size: 18px;
        margin-left: -20px;
    }
}
/* /. section-title */

/* services */
.services{
    margin-left: -15px;
    margin-right: -15px;
    display: flex;
    flex-wrap: wrap;
}
.services .col{
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
}
.services .col1,
.services .col3{
    padding-top: 80px;
}
.services .item{
    background: #fff;
    box-shadow: 0px 4px 40px 0px #0000001A;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 35px;
    width: 436px;
    max-width: 100%;
    display: block;
    color: #333;
}
.services .item-body{
    padding: 30px;
}
.services .item-img{
    position: relative;
}
.services .item-img img{
    width: 100%;
}
.services .item-img:after{
    content: "";
    background: url(../images/s1-wave.png) bottom 0 left 0 / 100% auto no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 64px;
}
.services .item-title{
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
}
.services .item-description{
    font-size: 14px;
    color: #4F4F4F;
    font-weight: 300;
    margin-bottom: 30px;
}
.services .item-more span{
    cursor: pointer;
    transition: all ease-out 300ms;
    color: #738C23;
    font-size: 16px;
}
.services .item-more span:hover{
    color: #000;
}
.services .item:hover{
    transform: translateY(-10px);
    box-shadow: 0px 4px 40px 0px #0000003A;
}

.services .col1 a:nth-of-type(2) .item-inner,
.services .col2 a:nth-of-type(1) .item-inner,
.services .col2 a:nth-of-type(2) .item-inner,
.services .col3 a:nth-of-type(2) .item-inner{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.services .col1 a:nth-of-type(2) .item-img img,
.services .col2 a:nth-of-type(1) .item-img img,
.services .col2 a:nth-of-type(2) .item-img img,
.services .col3 a:nth-of-type(1) .item-img img,
.services .col3 a:nth-of-type(2) .item-img img{
    height: 100%;
    object-fit: cover;
}

.services .col1 a:nth-of-type(2) .item-img{
    width: 102px;
}
.services .col1 a:nth-of-type(2) .item-img img{
    object-position: right top;
}
.services .col1 a:nth-of-type(2) .item-img:after{
    width: 21px;
    height: auto;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/s2-wave.png) bottom 0 left 0 / cover no-repeat;
}
.services .col1 a:nth-of-type(2) .item-body{
    width: calc(100% - 102px);
    padding: 20px;
}

.services .col2 a:nth-of-type(1) .item-img{
    width: 155px;
}
.services .col2 a:nth-of-type(1) .item-img:after{
    width: 56px;
    height: auto;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/s3-wave.png) bottom 0 left 0 / cover no-repeat;
}
.services .col2 a:nth-of-type(1) .item-body{
    width: calc(100% - 155px);
    padding: 20px;
}
.services .item-logo{
    text-align: center;
    margin-bottom: 30px;
    padding: 20px 0;
}
@media(min-width: 1400px){
    .services .col2 a:nth-of-type(2) .item-inner{
        min-height: 290px;
    }
}
.services .col2 a:nth-of-type(2) .item-img{
    width: 137px;
    order: 2;
}
.services .col2 a:nth-of-type(2) .item-img:after{
    width: 43px;
    height: auto;
    top: 0;
    bottom: 0;
    right: auto;
    background: url(../images/s4-wave.png) bottom 0 left 0 / cover no-repeat;
}
.services .col2 a:nth-of-type(2) .item-body{
    width: calc(100% - 137px);
    padding: 40px 20px;
    order: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.services .col3 a:nth-of-type(2) .item-img{
    width: 102px;
}
.services .col3 a:nth-of-type(2) .item-img img{
    object-position: right top;
}
.services .col3 a:nth-of-type(2) .item-img:after{
    width: 21px;
    height: auto;
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../images/s2-wave.png) bottom 0 left 0 / cover no-repeat;
}
.services .col3 a:nth-of-type(2) .item-body{
    width: calc(100% - 102px);
    padding: 20px;
}

@media(max-width: 1299px){
    .services{
        margin-left: -10px;
        margin-right: -10px;
    }
    .services .col{
        padding-left: 10px;
        padding-right: 10px;
    }
    .services .item-body{
        padding: 20px;
    }
    .services .item-title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .services .item-description {
        font-size: 13px;
        margin-bottom: 20px;
    }
}
@media(max-width: 1199px){
    .services .col1,
    .services .col3{
        padding-top: 0;
    }
    .services .col{
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .services .item{
        width: calc(50% - 7px);
        margin-bottom: 15px;
    }
    .services.other-services .col{
        width: 50%;
    }
    .services.other-services .col .item{
        width: 100%;
    }
    .services .item-img:after{
        height: 82px;
    }
    .services .item-logo{
        display: none;
    }

    .services .col1 a:nth-of-type(1) .item-inner,
    .services .col3 a:nth-of-type(1) .item-inner{
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }
    .services .col1 a:nth-of-type(1) .item-img img,
    .services .col3 a:nth-of-type(1) .item-img img{
        height: 100%;
        object-fit: cover;
    }
    .services .col1 a:nth-of-type(1) .item-img,
    .services .col3 a:nth-of-type(1).item-img{
        width: 155px;
    }
    .services .col1 a:nth-of-type(1) .item-img:after,
    .services .col3 a:nth-of-type(1) .item-img:after{
        width: 56px;
        height: auto;
        left: auto;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(../images/s3-wave.png) bottom 0 left 0 / cover no-repeat;
    }
    .services .col1 a:nth-of-type(1) .item-body,
    .services .col3 a:nth-of-type(1) .item-body{
        width: calc(100% - 155px);
        padding: 20px;
    }
    .services .col2 a:nth-of-type(2) .item-body {
        padding: 20px;
        display: block;
        order: 2;
    }
    .services .col2 a:nth-of-type(2) .item-img{
        order: 1;
    }
    .services .col2 a:nth-of-type(2) .item-img img{
        height: 100px;
        min-height: 100%;
    }
    .services .col2 a:nth-of-type(2) .item-img:after{
        width: 56px;
        height: auto;
        left: auto;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(../images/s3-wave.png) bottom 0 left 0 / cover no-repeat;
    }
}

@media(max-width: 991px){
    .services.other-services .col{
        width: 100%;
    }
    .services .item{
        width: 100%;
    }
    .services.other-services .item-inner {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }
    .services.other-services .item-img img {
        height: 100%;
        object-fit: cover;
    }
    .services .item .item-img{
        width: 100px !important;
    }
    .services .item .item-body{
        width: calc(100% - 100px) !important;
    }
    .services .item .item-img:after {
        width: 21px !important;
        height: auto !important;
        left: auto !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        background: url(../images/s2-wave.png) bottom 0 left 0 / cover no-repeat !important;
    }
}
@media(max-width: 499px){
    .services .item .item-body{
        padding: 15px !important;
    }
    .services .item-title {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .services .item-description {
        font-size: 11px;
        margin-bottom: 5px;
        line-height: 1.4;
    }
    .services .item-more span{
        font-size: 11px;
    }
}
@media(max-width: 429px){
    .services .item .item-img:after{
        display: none;
    }
}
/* /. services */

/* features */
.features-container{
    width: 1650px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 100%;
    margin: auto;
}
.features{
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
    flex-wrap: wrap;
}
.features-actions.features{
    justify-content: space-evenly;
}
.features .col{
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
    width: 25%;
}
.features-actions.features .col{
    width: 40%;
}
@media (max-width: 568px) { 
  .features-actions.features .col {
    width: 100%;
  }
}

.features .item{
    height: 100%;
    background: #fff;
    box-shadow: 0px 4px 40px 0px #0000001A;
    border-radius: 20px;
    padding: 40px 30px;
    text-align: center;
    position: relative;
}
.features .item:after{
    content: "";
    position: absolute;
    bottom: 40px;
    left: 30px;
    right: 30px;
    height: 4px;
    background: url(../images/features-wave.svg) 0 0 repeat-x;
}
.features .item-title{
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 30px;
}
.features-actions.features .item-text {
    margin-bottom: 20px;
    font-size: 20px;
}
@media(max-width: 1680px){
    .features .item{
        padding: 2.38vw 1.785vw;
    }
    .features .item:after{
        bottom: 2.38vw;
        left: 1.785vw;
        right: 1.785vw;
    }
    .features .item-title{
        font-size: 1.48vw;
        margin-bottom: 1.785vw;
    }
}
@media(max-width: 991px){
    .features .col{
        width: 50%;
    }
    .features .item{
        padding: 4vw 3vw;
        border-radius: 2vw;
    }
    .features .item:after{
        bottom: 4vw;
        left: 3vw;
        right: 3vw;
    }
    .features .item-title{
        font-size: 2.5vw;
        margin-bottom: 3vw;
    }
}
@media(max-width: 499px){
    .features .col{
        width: 100%;
    }
    .features .item{
        border-radius: 4vw;
        padding: 8vw 6vw;
    }
    .features .item:after{
        bottom: 8vw;
        left: 6vw;
        right: 6vw;
    }
    .features .item-title{
        font-size: 5vw;
        margin-bottom: 6vw;
    }
}

.features-actions.features .item-title {
    font-size: 28px;
}
/* /. features */

/* actions */
.actions-section{
    width: 100%;
    overflow: hidden;
}
.actions{
    margin-left: -120px;
    margin-right: -120px;
}
.actions .col{
    padding-left: 80px;
    padding-right: 80px;
}
.actions .item{
    height: 100%;
    background: #fff;
    display: flex;
    flex-wrap: wrap;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 4px 40px 0px #0000001A;
}
.slick-list{
    padding: 36px 40px 40px;
    margin-top: -36px;
}
.actions-carousel .slick-track {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.actions-carousel .slick-slide {
    height: inherit;
}
.actions-carousel > div:not(:first-of-type){
    display: none;
}
.actions .item-img{
    width: 50%;
}
.actions .item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.actions .fancyboxvideo{
    display: block;
    position: relative;
    height: 100%;
}
.actions .fancyboxvideo:before{
    content: "";
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.actions .fancyboxvideo:after{
    content: "";
    width: 64px;
    height: 64px;
    background: url(../images/play.svg) 0 0 no-repeat;
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    z-index: 5;
    transition: all ease-out 300ms;
}
.actions .fancyboxvideo:hover:after{
    transform: scale(1.05);
}
.actions .item-body{
    width: 50%;
    padding: 30px 30px 80px;
}
.actions .item-title{
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 30px;
}
.action-slick-prev,
.action-slick-next{
    text-transform: lowercase;
    color: #32463D;
    font-weight: 300;
    font-size: 16px;
    position: absolute;
    bottom: 60px;
    z-index: 10;
}
.action-slick-next{
    right: 160px;
    padding-right: 38px;
}
.action-slick-prev{
    padding-left: 38px;
    right: 290px;
}

.action-slick-prev:after,
.action-slick-next:after{
    content:"";
    background: url(../images/action-slick-next.svg);
    width: 28px;
    height: 28px;
    position: absolute;
    top: calc(50% - 14px);
}
.action-slick-prev:after{
    left: 0;
    transform: rotate(180deg);
}
.action-slick-next:after{
    right: 0;
}
.action-slick-prev:hover,
.action-slick-next:hover{
    color: #000;
}
@media(max-width: 1479px){
    .actions{
        margin-left: -60px;
        margin-right: -60px;
    }
    .actions .col{
        padding-left: 40px;
        padding-right: 40px;
    }
    .actions .item{
        box-shadow: 0px 2px 20px 0px #0000001A;
    }
    .slick-list{
        padding: 18px 20px 20px;
        margin-top: -18px;
    }
    .action-slick-prev{
        bottom: 40px;
        right: 220px;
    }
    .action-slick-next{
        bottom: 40px;
        right: 90px;
    }
}
@media(max-width: 991px){
    .actions .item-img{
        width: 35%;
    }
    .actions .item-body{
        width: 65%;
        padding: 20px 20px 70px;
    }
    .actions .item-title {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .actions .item-text{
        font-size: 13px;
    }
}
@media(max-width: 599px){
    .actions .item-img{
        width: 100%;
    }
    .actions .item-body{
        width: 100%;
    }
    .action-slick-prev{
        right: auto;
        left: 90px;
    }
}
/* /. actions */

/* brands */
.brands{
    display: flex;
    flex-wrap: wrap;
}
.brands.slick-slider{
    display: block;
}


.brands-carousel > div{
    opacity: 0;
}
.brands-carousel > div:not(:first-of-type){
    display: none;
}
.brands-carousel.slick-slider > div{
    opacity: 1;
}
.brands .col{
    width: 300px;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.brands .item{
    display: block;
    transition: all ease-out 300ms;
}
.brands .item:hover{
    transform: translateY(-10px);
}

.brands img{
    transition: all 200ms ease-out;
    filter: grayscale(100%);
    opacity: 0.5;
}
.brands .item:hover img{
    filter: none;
    opacity: 1;
}

.brands-base{
    margin-left: -15px;
    margin-right: -15px;
}
.brands-base .col{
    width: 20%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
@media(max-width: 767px){
    .brands-base{
        margin-left: -10px;
        margin-right: -10px;
    }
    .brands-base .col{
        width: 25%;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media(max-width: 499px){
    .brands-base .col{
        width: 33.3333%;
    }
}
/* /. brands */

/* about */
.about-section-inner{
    display: flex;
    flex-wrap: wrap;
}
.about-section-inner .col1{
    width: calc(100% - 500px);
    padding-right: 50px;
}
.about-section-inner .col2{
    width: 500px;
}
.about-section-inner .content{
    font-size: 18px;
}
.about-section-inner .content > div{
    padding-left: 100px;
}
.about-section-form{
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 4px 40px 0px #0000001A;
    padding: 40px 60px;
}
.form-title{
    font-size: 25px;
    line-height: 1.2;
    margin-bottom: 30px;
}

@media(max-width: 1299px){
    .about-section-inner .content > div{
        padding-left: 0;
    }
}
@media(max-width: 1099px){
    .about-section-inner .col1{
        width: calc(100% - 400px);
        padding-right: 30px;
    }
    .about-section-inner .col2{
        width: 400px;
    }
    .about-section-form{
        padding: 30px 40px;
    }
    .form-title{
        font-size: 22px;
        margin-bottom: 25px;
    }
}
@media(max-width: 991px){
    .about-section-inner .col1{
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .about-section-inner .col2{
        width: 100%;
    }
    .about-section-form{
        padding: 40px 60px;
    }
    .about-section-form .form-title{
        font-size: 30px;
    }
}
@media(max-width: 499px){
    .about-section-form{
        padding: 30px;
    }
    .about-section-form .form-title{
        font-size: 24px;
    }
}
/* /. about */

/* reviews */
.reviews-section{
    width: 100%;
    overflow: hidden;
}
.reviews{
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.reviews .col{
    width: 33.3333%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.reviews .item {
    background: #ffffff;
    height: 100%;
    width: 470px;
    max-width: 100%;
    margin: auto;
}

.reviews .item-name{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
}
.reviews .item-date{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}
.reviews .item-text{
    font-size: 16px;
}

.reviews.reviews-carousel{
    display: block;
}
.reviews-carousel > div:not(:first-of-type){
    display: none;
}
.reviews-carousel.slick-slider .item{
    width: 100%;
}
.reviews-carousel .col{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 20px;
}
.reviews-carousel .slick-track{
    display: flex;
    flex-wrap: wrap;
}
.reviews-carousel .slick-slide {
    height: inherit;
}
.reviews-carousel .slick-slide > div{
    height: 100%;
}
.reviews-carousel .slick-slide .col{
    height: 100%;
}

@media(max-width: 991px){
    .reviews .col{
        width: 50%;
        margin-bottom: 30px;
    }
    .reviews{
        padding-top: 20px;
    }
}
@media(max-width: 767px){
    .reviews .col{
        width: 100%;
    }
    .reviews .col{
        margin-bottom: 20px;
    }
    .reviews{
        padding-top: 10px;
    }
}
/* /. reviews */

/* news */
.news-section{
    width: 100%;
    overflow: hidden;
}
.news{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.news .col{
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
.news .item{
    height: 100%;
    background: #fff;
    box-shadow: 0px 4px 14px 0px #00000026;
    border-radius: 6px;
    overflow: hidden;
    color: #4F4F4F;
    display: block;
}
.news .item-body{
    padding: 20px 20px 60px;
    background: url(../images/news-item-more.svg) bottom 20px right 20px no-repeat;
}
.news .item-title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.3;
}
.news .item:hover{
    box-shadow: 0px 4px 14px 0px #00000046;
    transform: translateY(-10px);
}
.news-carousel .slick-track {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.news-carousel .slick-slide {
    height: inherit;
}
.news-carousel{
    display: block;
}
.news-carousel > div:not(:first-of-type){
    display: none;
}
.news-carousel > div:first-of-type{
    opacity: 0;
}
.news-carousel.slick-slider > div:first-of-type{
    opacity: 1;
}
.news-carousel .slick-track{
    padding-top: 40px;
}
.news-carousel .item{
    width: 370px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
}
.news-carousel .item-body{
    flex: 1 0 auto;
}
@media(max-width: 1480px){
    .news-carousel .item{
        width: 100%;
    }
    .news .item-text{
        font-size: 14px;
    }
}
@media(max-width: 991px){
    .news-carousel .slick-track{
        padding-top: 20px;
    }
}
@media(max-width: 767px){
    .news-carousel .slick-track{
        padding-top: 10px;
    }
}
/* /. news */

/* footer */
.footer {
    padding: 50px 0;
    background: #252424;
    color: #fff;
}
.footer a{
    color: #fff;
}
.footer a:hover{
    color: #7B9D64;
}
.development{
    display: flex;
    justify-content: flex-end;
    width: 150px;
    position: relative;
}
.development a{
    display: flex;
    align-items: center;
    font-weight: 300;
    font-size: 10px;
    line-height: 140.62%;
    letter-spacing: 0.01em;
}
.development-icon{
    margin-left: 8px;
    display: inline-block;
    position: relative;
}
.development-icon img{
    position: relative;
    z-index: 2;
}

.footer-top{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.footer-top .col1{
    width: 600px;
    padding-right: 40px;
    font-size: 13px;
}
.footer-top .col2{
    width: 470px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}
.footer-top .col1 > div + div{
    margin-top: 15px;
}
.footer-top .col2 .item2 > div + div{
    margin-top: 10px;
}

.footer-top .col2 .item1{
    width: 160px;
    margin-right: 25px;
}
.footer-top .col2 .item2{
    width: calc(100% - 185px);
}
.footer-top .col2 .item-title{
    color: #858585;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 10px;
    position: relative;
}
.footer-top .col2 .item-title:after{
    content: "";
    background: #858585;
    width: 100px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.footer-nav li{
    margin-bottom: 7px;
}
.footer-nav a{
    text-decoration: underline;
}
.footer-nav a:hover{
    text-decoration: none;
}
.footer-bottom{
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}
.footer-policy{
    margin-bottom: 7px;
}
.footer-policy a{
    color: #8EAC7A;
    text-decoration: underline;
}
.footer-policy a:hover{
    text-decoration: none;
}
.footer-schedule-title{
    opacity: 0.7;
    font-weight: 300;
    margin-bottom: 5px;
    margin-top: 15px;
}
.footer-phone a{
    font-weight: 700;
    font-size: 22px;
}
.footer-phone-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.footer-phone-row .footer-phone{
    margin-right: 15px;
}
.footer-feedback{
    padding-top: 10px;
}

@media(max-width: 1099px){
    .footer-top .col1{
        width: 100%;
        padding-right: 0;
        margin-bottom: 40px;
    }
    .footer-top .col2{
        width: 100%;
    }
}
@media(max-width: 499px){
    .footer-top .col2 .item1{
        width: 100%;
        padding-right: 0;
        margin-bottom: 30px;
    }
    .footer-top .col2 .item2{
        width: 100%;
    }
}
/* /. footer */

/* Breadcrumbs */
.breadcrumbs-section{
    font-size: 15px;
    font-weight: normal;
    color: #727272;
    padding-top: 10px;
}
.breadcrumbs-inner{
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
}
.breadcrumbs-inner .item-icon a{
    position: relative;
    top: -3px;
}
.breadcrumbs-inner .item-icon:after{
    content: '';
    background: url(../images/breadcrumbs-arrow.svg) 0 0 no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    margin-left: 7px;
}
.breadcrumb{
    padding-left: 8px;
}
.breadcrumb > li {
    display: inline;
    margin-right: 5px;
}
.breadcrumb > li > a{
    text-decoration: none;
    color: #262626;
}
.breadcrumb > li > a:after{
    content: '';
    background: url(../images/breadcrumbs-arrow.svg) 0 0 no-repeat;
    width: 6px;
    height: 10px;
    display: inline-block;
    margin-left: 10px;
}
.breadcrumb a:hover{
    color: #8EAC7A;
}
@media(max-width: 991px){
    .breadcrumbs-section{
        padding-top: 20px;
    }
}
@media(max-width: 767px){
    .breadcrumbs-inner .item-icon{
        display: none;
    }
    .breadcrumb{
        width: auto;
        overflow: auto;
        padding-left: 0;
        white-space: nowrap;
    }
    .breadcrumb > li {
        white-space: nowrap;
    }
}
/* /. Breadcrumbs */

/* columns */
.columns{
    display: flex;
    flex-wrap: wrap;
}
.columns .aside{
    width: 310px;
}
.columns .main-column{
    width: calc(100% - 310px);
    padding-left: 70px;
}
.page-img{
    margin-bottom: 40px;
}
.page-img img{
    width: 100%;
    border-radius: 12px;
}
.page-date{
    color: #9E9E9E;
}
.page-date svg{
    position: relative;
    bottom: -2px;
    margin-right: 4px;
    fill: #9E9E9E;
}
/* /. columns */

/*  ASIDE MENU */
.aside-menu{
    margin-bottom: 30px;
}
.aside-menu > div > ul > li > a {
    display: block;
    text-decoration: none !important;
    color: #4F4F4F;
    padding: 15px 20px 15px 0;
    font-size: 18px;
    line-height: 1.3;
    border-top: 1px solid #eee;
    font-weight: 500;
    transition: all 200ms ease-out;
}
.aside-menu > div > ul > li:first-of-type > a{
    border-top: none;
}
.aside-menu li > a:hover{
    color: #8EAC7A;
}
.aside-menu li.active > a{
    color: #8EAC7A;
}
.aside-menu > div > ul > li > a span{
    position: absolute;
    right: 0;
}
.aside-menu > div > ul ul{
    display: none;
    padding-bottom: 15px;
}
.aside-menu > div > ul > li.active ul{
    display: block;
}
.aside-menu > div > ul li{
    position: relative;
}
.aside-menu > div > ul li.down > a{
    padding-right: 40px;
}
.aside-menu .dropdown-button {
    width: 40px;
    height: 54px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.aside-menu .dropdown-button:after{
    content:"";
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    border-left: 2px solid #333333;
    border-bottom: 2px solid #333333;
    transform: rotate(-45deg);
    transition: all 200ms ease-out;
}
.aside-menu .open .dropdown-button:after{
    transform: rotate(135deg);
    margin-top: -2px;
}
.aside-menu .active .dropdown-button:after{
    transform: rotate(135deg);
    margin-top: -2px;
}
.aside-menu .active.open .dropdown-button:after{
    margin-top: -5px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-45deg);
}
.aside-menu ul ul a{
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding: 10px 20px;
    display: block;
    color: #4F4F4F;
    position: relative;
}
.aside-menu ul ul .active a{
    color: #8EAC7A;
}
.aside-menu-title {
    padding: 15px 42px 15px 20px;
    background: #f1f1f1;
    position: relative;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}
.aside-menu-title i{
    vertical-align: middle;
}
.aside-menu-title:after {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 50%;
    right: 20px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-top: -8px;
    transform: rotate(45deg);
    transition: all 200ms ease-out;
}
.active .aside-menu-title:after {
    transform: rotate(-135deg);
    margin-top: -3px;
}

@media (max-width: 991px) {
    .columns .aside{
        width: 100%;
    }
    .aside-menu-block{
        display: none;
    }
    .columns .main-column{
        width: 100%;
        padding-left: 0;
    }
}

/* /. ASIDE MENU */

/* gallery */
.gallery{
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
    margin: 40px 0;
}
.gallery .col{
    width: 33.3333%;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}
.gallery .item{
    display: block;
    position: relative;
}
.gallery .item:before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(../images/zoom.svg) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    margin-top: -22px;
    margin-left: -22px;
    transition: all 200ms ease-out;
    opacity: 0;
    transform: scale(0);
}
.gallery .item:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: all 300ms ease-out;
    opacity: 0;
}
.gallery .item:hover:after{
    opacity: 1;
}
.gallery .item:hover:before{
    transform: scale(1);
    opacity: 1;
}
@media (max-width: 767px){
    .gallery .col{
        width: 50%;
    }
}
/* /. gallery */

.about-page-columns{
    display: flex;
    flex-wrap: wrap;
}
.about-page-columns .col1{
    width: calc(100% - 410px);
    padding-right: 40px;
}
.about-page-columns .col2{
    width: 410px;
}
.about-page-columns.revers .col1{
    order: 2;
    padding-right: 0;
    padding-left: 30px;
    width: calc(100% - 310px);
}
.about-page-columns.revers .col2{
    order: 1;
    padding-right: 0;
    width: 310px;
}

@media(max-width: 991px){
    .about-page-columns .col1{
        width: calc(100% - 300px);
        padding-right: 30px;
    }
    .about-page-columns .col2{
        width: 300px;
    }
}

@media(max-width: 767px){
    .about-page-columns .col1{
        width: 100%;
        padding-right: 0;
        order: 2;
    }
    .about-page-columns .col2{
        width: 100%;
        order: 1;
        margin-bottom: 40px;
    }
    
    .about-page-columns.revers .col1{
        padding-left: 0;
        width: 100%;
        margin-bottom: 30px;
    }
    .about-page-columns.revers .col2{
        width: 100%;
    }
    
}

.about-page-form-section .about-section-form{
    width: 490px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}


.box{
    display: none;
}
.box.visible{
    display: block;
}
.tabs{
    display: flex;
    flex-wrap: wrap;
}
.tabs li{
    display: inline-flex;
    margin-bottom: 15px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    color: #fff;
    background: #605245;
    cursor: pointer;
    transition: all ease-out 300ms;
    padding: 0 20px;
    margin-right: 15px;
    line-height: 1.2;
    font-size: 15px;
}
.tabs li:hover,
.tabs li.current{
    background: #D6E99A;
    color: #605245;
}


@media(max-width: 767px){
    .tabs li{
        margin-bottom: 10px;
        padding: 0 15px;
        margin-right: 10px;
        font-size: 14px;
    }
}

/* contacts page */
.contacts-page-section{
    display: flex;
    flex-wrap: wrap;
}
.contacts-page-section .img{
    width: 465px;
    margin-bottom: 30px;
}
.contacts-page-content{
    width: calc(100% - 465px);
    padding-left: 20px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}
.contacts-page-content .col{
    width: 350px;
    padding: 0 20px;
    max-width: 100%;
    margin-bottom: 30px;
}
.contacts-page-content .title{
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 20px;
}
.contacts-page-content .item + .item{
    margin-top: 5px;
}
.contacts-page-content .item-phone a{
    font-weight: 700;
    color: #000;
}
.contacts-page-content .item-phone a:hover{
    color: #8EAC7A;
}
.contacts-page-content .item-phone svg{
    position: relative;
    bottom: -2px;
}
.contacts-page-content .phone-row{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.contacts-page-content .item-phone{
    margin-right: 20px;
}
@media(max-width: 991px){
    .contacts-page-content{
        width: 100%;
        padding-left: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .contacts-page-content .col{
        padding: 0 15px;
    }
}
/* /. contacts page */

/* masterclasses */
.masterclasses-section-row{
    display: flex;
    flex-wrap: wrap;
}
.masterclasses-section-row .col1{
    width: 310px;
}
.masterclasses-section-row .col2{
    width: calc(100% - 310px);
    padding-left: 80px;
}
.masterclasses-list .item{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.masterclasses-list .item-img{
    width: 250px;
}
.masterclasses-list .item-body{
    width: calc(100% - 250px);
    padding-left: 20px;
}
.masterclasses-list .item-body h3{
    margin-bottom: 5px;
}
.masterclasses-list .item-body h3 a{
    color: #333;
}
.masterclasses-list .item-body h3 a:hover{
    color: #8EAC7A;
}
.masterclasses-list .item-info{
    color: #9E9E9E;
    margin-bottom: 15px;
    font-size: 14px;
}
.masterclasses-list .item-date{
    margin-right: 20px;
}
.masterclasses-list .item-date svg{
    fill: #9E9E9E;
    position: relative;
    width: 17px;
    height: 17px;
    margin-right: 3px;
    bottom: -2px;
}
.masterclasses-list .item-category{
    margin-right: 20px;
}
.masterclasses-list .item-category svg{
    position: relative;
    width: 19px;
    height: 19px;
    margin-right: 3px;
    bottom: -3px;
}
.masterclasses-list .item-category svg path{
    fill: #9E9E9E;
}
.masterclasses-list .item-reads svg{
    position: relative;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    bottom: -4px;
    fill: #9E9E9E;
}

@media(max-width: 1479px){
    .masterclasses-section-row .col1{
        width: 300px;
    }
    .masterclasses-section-row .col2{
        width: calc(100% - 300px);
        padding-left: 40px;
    }
}
@media(max-width: 1199px){
    .masterclasses-section-row .col2{
        padding-left: 30px;
    }
    .masterclasses-list .item-img {
        width: 200px;
    }
    .masterclasses-list .item-body{
        width: calc(100% - 200px);
    }
    .masterclasses-list .item-body .text{
        font-size: 14px;
    }
    .masterclasses-list .item-body h3{
        font-size: 24px;
    }
}

@media(max-width: 991px){
    .masterclasses-section-row .col1{
        display: none;
    }
    .masterclasses-section-row .col2{
        width: 100%;
        padding-left: 0;
    }
}
@media(max-width: 699px){
    .masterclasses-list .item-img {
        width: 150px;
    }
    .masterclasses-list .item-body{
        width: calc(100% - 150px);
        padding-left: 15px;
    }
    .masterclasses-list .item-body .text{
        font-size: 13px;
    }
    .masterclasses-list .item-body h3{
        font-size: 22px;
    }
}
@media(max-width: 499px){
    .masterclasses-list .item-img {
        width: 100px;
    }
    .masterclasses-list .item-body{
        width: calc(100% - 100px);
    }
    .masterclasses-list .item-info{
        font-size: 12px;
    }
    .masterclasses-list .item-date,
    .masterclasses-list .item-category{
        margin-right: 15px;
    }
}
@media(max-width: 429px){
    .masterclasses-list .item-img {
        width: 100%;
        margin-bottom: 20px;
    }
    .masterclasses-list .item-img img{
        width: 100%;
    }
    .masterclasses-list .item-body{
        width: 100%;
        padding-left: 0;
    }
    .masterclasses-list .item-body h3{
        font-size: 20px;
    }
}
/* /. masterclasses */


/* content-blocks */
.content-blocks .item{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 40px;
}
.content-blocks .item:last-child{
    margin-bottom: 0;
}
.content-blocks .item-content{
    width: 60%;
    padding-bottom: 30px;
}
.content-blocks .item-img{
    width: 40%;
    padding: 0 0 60px 50px;
    position: relative;
}
.content-blocks .item-img img{
    width: 100%;
    position: relative;
    z-index: 1;
    border-radius: 5px;
}
.content-blocks .item:nth-child(even) .item-content{
    order: 2;
}
.content-blocks .item:nth-child(even) .item-img{
    order: 1;
    padding: 0 50px 60px 0;
}
.content-blocks .item:nth-child(even) .item-img:before{
    left: 0;
    right: 80px;
}

@media(max-width:991px){
    .content-blocks .item-content {
        width: 100%;
        order:2;
    }
    .content-blocks .item-img{
        order:1;
        width: 100%;
        padding: 0 0 60px 0 !important;
    }
}
@media(max-width: 767px){
    .content-blocks .item-img{
        padding: 0 0 30px 0 !important;
        margin-bottom: 30px;
    }
}
/* /. content-blocks */

/* video-list */
.video-list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}
.video-list .col{
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 32px;
    width: 33.3333%;
}
.video-list .item-img{
    margin-bottom: 10px;
}
.video-list .item-img img{
    width: 100%;
}
.video-list .item-img a{
    display: block;
    position: relative;
}
.video-list .item-img a:after{
    content: "";
    width: 53px;
    height: 53px;
    position: absolute;
    top: calc(50% - 26px);
    left: calc(50% - 26px);
    background: url(../images/play2.svg) 0 0 no-repeat;
    z-index: 10;
    transition: all ease-out 300ms;
}
.video-list .item-img a:hover:after{
    transform: scale(1.1);
}
@media(max-width: 1099px){
    .video-list .item-text{
        font-size: 13px;
    }
}
@media(max-width: 767px){
    .video-list .col{
        width: 50%;
    }
}
@media(max-width: 429px){
    .video-list .col{
        width: 100%;
    }
}
/* /. video-list */

/* certificates */
.certificates-section{
    width: 100%;
    overflow: hidden;
}
.certificates{
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
}
.certificates .col{
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
}
.certificates .col.slick-slide{
    margin-bottom: 0;
}
.certificates .item{
    height: 100%;
    background: #F6F6F6;
    padding: 25px;
    text-align: center;
    transition: all ease-out 300ms;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    border-radius: 5px;
}
.certificates .item:hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.certificates .item-img{
    position: relative;
    overflow: hidden;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.certificates .item-img > img{
    width: 100%;
}

.certificates .item-title{
    font-weight: 500;
    font-size: 18px;
}
.certificates-carousel{
    display: block;
}
.certificates-carousel .slick-list{
    margin-left: -5px;
    margin-right: -5px;
}
.certificates-carousel .slick-track{
    display: flex;
    flex-wrap: wrap;
    padding: 5px 5px 15px;
}
.certificates-carousel .slick-slide{
    height: inherit;
}
.certificates-carousel .item{
    cursor: grab;
}
.certificates-carousel > div:not(:first-of-type){
    display: none;
}
.certificates-carousel .slick-dots{
    margin: 0;
    padding-left: 10px;
}
.certificates-carousel .slick-dots li:first-of-type{
    margin-left: 0;
}
@media(max-width: 1399px){
    .certificates .item{
        padding: 20px;
    }
    .certificates .item-img{
        margin-bottom: 15px;
    }
    .certificates .item-title{
        font-size: 16px;
    }
}
@media(max-width: 991px){
    .certificates .col{
        width: 33.3333%;
    }
}
@media(max-width: 767px){
    .certificates .col{
        width: 50%;
    }
}
@media(max-width: 499px){
    .certificates .col{
        width: 100%;
    }
}
/* /. certificates */






/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    z-index: 9999;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #8EAC7A;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: #EE4B5A;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #605245;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: #605245;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #605245;
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: white;
    color: #605245;
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    display:none;
    background: white;
    color: #EE4B5A;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}


/* Таблица */
.table-docs td {
    padding: 8px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0px 1px 1px 0px;
    width: 50%;
}

.table-docs table {
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    border-collapse: separate;
    width: 100%;
    border-spacing: 0px;
    border-width: 1px 0px 0px 1px;
    margin: 0px 0px 1.5em;
}
.docs {
    margin: 40px 0;
}
.docs-info {
    margin-top: 40px;
}
.docs-title {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
}
.docs-info__line {
    margin: 20px 0;
    height:1px;
    width: 40%;
    border-bottom: 1px solid #333;
}
.docs a {
    display: block;
}
.docs-info__item {
    display: flex;
    flex-wrap: wrap;
}
.docs-info__item div {
    padding-right: 5px;
}
.docs-info__item a {
    color: #333;
}
.docs-info__item a:hover {
    color: #8EAC7A;
}
@media(min-width: 991px) {
    .table-docs {
        width: 60%;
    }
}
/* ./Таблица */