/*
Theme Name: Avikamebel
Theme URI: https://webdeexito.es
Version: 1.0
Tags: clean, development
Description: Clean wordpress theme
Author: khakhalkin
Author URI: khakhalkin@gmail.com
*/

@font-face {
    font-family: Mont;
    src: url(/wp-content/themes/avika/assets/fonts/Montserrat-Light.ttf);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: Mont;
    src: url(/wp-content/themes/avika/assets/fonts/Montserrat-Regular.ttf);
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: Mont;
    src: url(/wp-content/themes/avika/assets/fonts/Montserrat-Medium.ttf);
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: Mont;
    src: url(/wp-content/themes/avika/assets/fonts/Montserrat-Black.ttf);
    font-weight: 900;
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url(/wp-content/themes/avika/assets/fonts/Montserrat-Light.ttf);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url(/wp-content/themes/avika/assets/fonts/Montserrat-Regular.ttf);
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url(/wp-content/themes/avika/assets/fonts/Montserrat-Medium.ttf);
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: Montserrat;
    src: url(/wp-content/themes/avika/assets/fonts/Montserrat-Bold.ttf);
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Tenor Sans';
    src: url(/wp-content/themes/avika/assets/fonts/TenorSans-Regular.ttf);
    font-display: swap;
}
body{
    position: relative;
    margin: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}
html, a{
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    color: #202020;
    font-weight: 400;
    text-decoration: none;
}
*{
    box-sizing: border-box;
    max-width: 100%
}
.header{
    color: #FFFFFF;
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.header a{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 15px;
    transition: .3s
}
.header a:hover {
    color: #ccc;
}
body:not(.home) .header a{
    color: #000;
}
body:not(.home) .header a:hover{
    color: #e3b28a;
}
body:not(.home) .header{
    position: relative;
}
.header__logo_title {
    font-family: 'Mont', sans-serif;
    font-size: 31px;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    line-height: 38px;
}
.header__logo_subtitle{
    font-size: 12px;
    text-transform: uppercase;
}
.first{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), linear-gradient(88.19deg, #BB9B86 8.18%, #9A7660 100.7%);
    padding-top: 68px;
    height: 790px;
    position: relative;
    overflow: hidden;
}
.container {
    width: 1248px;
    max-width: 100%;
    margin: auto;
    padding: 0 15px;
    position: relative;
}
.header__menu .menu{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 5px;
}
header .header__container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
}
.header__menu .menu>li{
    margin-right: 30px;
}
.header__menu .menu>li:last-child{
    margin-right: 0;
}
.first__content{
    width: 520px;
    color: #FFFFFF;
}
.first__h1{
    font-family: 'Mont', sans-serif;
    font-size: 44px;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
}
.animate{
    opacity: 0
}
.first__content_wrap{
    margin-top: 120px;
    z-index: 2
}
.first__text{
    font-size: 20px;
    line-height: 150%;
    margin: 20px 0 0 0;
}
.header__phone_tel{
    font-weight: 500;
    font-size: 17px;
}
.header__phone_wa{
    width: 16px;
    height: 16px;
    background-image: url(/wp-content/themes/avika/assets/img/wa.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
.header__phone{
    display: flex;
    gap: 10px;
}
.first__wa{
    color: #fff;
    text-transform: uppercase;
    display: block;
    padding: 20px 40px;
    text-decoration: none;
    box-shadow: 0px 3px 0px #915A33;
    border-radius: 5px;
    font-weight: 600;
    font-size: 16px;
    background: linear-gradient(120deg, #EDBC94, #AC7C4E, #AC7C4E);
    background-size: 400% 400%;
    -moz-animation: gradient 8s ease-in-out infinite;
    -webkit-animation: gradient 8s ease-in-out infinite;
    animation: gradient 8s ease-in-out infinite;
}
.first__calc {
    color: #E8B78F;
    font-weight: 600;
    font-size: 16px;
}
.first__btns {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-top: 50px;
}
.first__img {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 0;
    width: 950px;
    z-index: 2;
    max-width: 51%;
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.first__img img{
    width: 100%
}
.first__ellipse{
    position: absolute;
    background: rgba(237, 188, 148, 0.5);
    filter: blur(137.5px);
    z-index: 1;
}
.first__ellipse1{
    width: 320px;
    height: 320px;
    left: 170px;
    top: -57px;
}
.first__ellipse2{
    width: 318px;
    height: 318px;
    left: 1697px;
    top: -188px;
}
.first__ellipse3_wrapper{
    position: absolute;
    left: 920px;
    top: 100px;
    width: 100%;
}
.first__ellipse3{
    width: 470px;
    height: 470px;
    left: calc(50% - 470px/2);
    top: calc(50% - 470px/2);
}
.first__ellipse4{
    width: 318px;
    height: 318px;
    left: 321px;
    top: 668px;
}
.first__ellipse3_wrapper>img{
    -moz-animation: earth 28s linear infinite;
    -webkit-animation: earth 28s linear infinite;
    animation: earth 28s linear infinite;
}
/* motion */
@-moz-keyframes gradient {
    0% {
        background-position: 14% 0%;
    }
    50% {
        background-position: 87% 100%;
    }
    100% {
        background-position: 14% 0%;
    }
}
@-webkit-keyframes gradient {
    0% {
        background-position: 14% 0%;
    }
    50% {
        background-position: 87% 100%;
    }
    100% {
        background-position: 14% 0%;
    }
}
@keyframes gradient {
    0% {
        background-position: 14% 0%;
    }
    50% {
        background-position: 87% 100%;
    }
    100% {
        background-position: 14% 0%;
    }
}

@-webkit-keyframes earth {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@-moz-keyframes earth {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
@keyframes earth {
    0% {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
.separator{
    height: 127px;
    width: 100%;
    background-image: url(/wp-content/themes/avika/assets/img/sep.svg);
    background-size: cover;
    z-index: 100;
    position: absolute;
    bottom: -87px;
    background-position: center;
}
.portfolio{
    background: #EBEBEB;
    background-image: url(/wp-content/themes/avika/assets/img/bg-light.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-top:80px
}
section{
    padding: 120px 0;
    position: relative;
    overflow: hidden;
}
.page-content{
    padding-top: 30px;
}
h2{
    margin: 0 0 50px 0;
    font-family: 'Mont', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 130%;
}
.portfolio__item {
    position: relative;
    width: calc(33.3333% - 20px);
    height: 230px;
    background-size: 100%;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: .3s
}
.portfolio__item:hover {
    filter: drop-shadow(0px 0px 8px rgba(18, 10, 4, 0.3)) drop-shadow(0px 7px 10px rgba(4, 10, 4, 0.3));
    background-size: 120%;
}
.portfolio__item>span{
    position: absolute;
    left: 15px;
    color: #fff;
    font-size: 20px;
    bottom: -25px;
    transition: .3s
}
.portfolio__item:hover>span{
    bottom: 15px;
}
.portfolio__projects {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.portfolio__banner {
    width: calc(33.3333% - 20px);
    height: 230px;
    background: #FFFFFF;
    box-shadow: 0px 14px 54px rgba(18, 10, 4, 0.2);
    border-radius: 10px;
    padding: 20px 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 150%;
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    font-weight: 500;
    position: relative;
}
.portfolio__banner_title {
    color: #8C5B4D;
    font-family: 'Mont', sans-serif;
    font-weight: 600;
    line-height: 120%;
    font-size: 24px;
    margin-bottom: 5px;
}
.portfolio__banner::after,
.materials__note::after,
.gild__item::after,
.team__text_style::after,
.call__form::after,
.achievments__items::after,
.footer__invite::after {
    content: '';
    height: 8px;
    width: calc(100% - 30px);
    bottom: -8px;
    left: 15px;
    position: absolute;
    background: #ffffff73;
    border-radius: 0px 0px 10px 10px;
}
.portfolio__show_more{
    margin-top: 50px;
    text-align: center;
    display: none;
}
.portfolio__show_more a{
    color: #8C5B4D;
    font-weight: 600;
    text-transform: uppercase;
}
.portfolio__show_more a::before{
    content: '';
    display: inline-block;
    margin-right: 5px;
    width: 18px;
    height: 15px;
    background: url(/wp-content/themes/avika/assets/img/arrow_circle.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s;
    position: relative;
    top: 2px;
}

.portfolio__show_more a:hover::before{
    transform: rotate(180deg);
}
.portfolio__projects>*:nth-child(n+10){
    display: none;
}
.achievments,
.call{
    padding: 0;
    overflow: visible;
}
.achievments__items{
    position: absolute;
    top: -75px;
    z-index: 500;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 20px;
    background: #fff;
    box-shadow: 0px 14px 54px rgba(18, 10, 4, 0.2);
    border-radius: 10px;
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    width: 100%;
    text-align: center;
    align-items: center;
    left: 0;
}
.achievments__item_title {
    color: #8C5B4D;
    font-weight: 600;
    font-size: 28px;
    font-family: 'Mont', sans-serif;
    margin-bottom: 5px;
}
.achievments__item_text {
    font-weight: 500;
}
.achievments__item::after{
    content: '';
    height: 80%;
    width: 2px;
    background: radial-gradient(transparent, #915A33);
}
.achievments__separator{
    height: 50px;
    width: 1px;
    background: radial-gradient(#915a3247 37%, transparent 58%);
}
.materials{
    background: #4A3630;
    position: relative;
}
.section-dark h2,
.section-dark{
    color: #fff
}
.svg_sep{
    position: absolute;
    bottom: -1px;
    left: 0;
    line-height: 0;
}
.svg_sep-materials path{
    fill:#4A3630
}
.materials h2{
    width: 66.6666%;
    z-index: 2
}
.materials__img {
    width: calc(33.3333% - 30px);
    position: relative;
}
.materials__items {
    width: calc(66.6666% - 30px);
}
.materials__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: start;
    z-index: 2;
    position: relative;
}
.materials__item {
    width: calc(50% - 13px);
}
.materials__items{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    align-items: self-start;
}
.materials__img img{
    border-radius: 10px;
    display: block;
}
.materials__title{
    color: #E8B78F;
    font-weight: 500;
    font-size: 28px;
    font-family: 'Mont', sans-serif;
    display: inline-block;
    margin-bottom: 10px;
    padding: 5px 0;
    transition: .3s
}
.materials__title:not(.active):hover {
    filter: drop-shadow(1px 0px 15px black);
}
.materials__title.active{
    background: linear-gradient(95.4deg, #EDBC94 -4.32%, #AC7C4E 105.39%);
    border-radius: 5px;
    color: #fff;
    padding: 5px 20px;
    cursor: default;
}
.materials__text {
    line-height: 150%;
    margin: 0;
}
.materials__img::after{
    content: '';
    height: 8px;
    width: 90%;
    bottom: -8px;
    left: 5%;
    position: absolute;
    background: #1F0909;
    border-radius: 0px 0px 10px 10px;
}
.materials__note{
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    line-height: 150%;
    padding: 20px 45px;
    box-shadow: 0px 14px 54px rgba(18, 10, 4, 0.2);
    border-radius: 10px;
    background: #fff;
    color: #202020;
    position: relative;
    font-weight: 500
}
.materials__note::before{
    content: '!';
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 31px;
    height: 31px;
    background: linear-gradient(95.4deg, #EDBC94 -4.32%, #AC7C4E 105.39%);
    border: 1px solid #CB9A6F;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    position: absolute;
    left: -16px;
    top: 15px;
}
.materials .first__ellipse1 {
    width: 83px;
    height: 83px;
    left: 255px;
    top: 183px;
    filter: blur(96px);
}
.materials .first__ellipse2 {
    width: 43px;
    height: 45px;
    left: 1697px;
    top: 183px;
    filter: blur(100px);
}
.svg_sep-calc{
    z-index: 2
}
.calc{
    background: #2E2E2E;
    z-index: 2;
}
.calc__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 50px 0;
    flex-wrap: wrap;
}
.calc__head h2{
    margin: 0;
    width: calc(100% - 500px);
}
.calc__banner {
    background: linear-gradient(81.09deg, #242424 23.66%, rgba(36, 36, 36, 0.5) 51.34%, #2E2E2E 105.69%);
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    width: 490px;
    align-items: center;
}
.calc__sale {
    font-weight: 700;
    font-size: 32px;
    color: #E8B78F;
    white-space: nowrap;
    margin-right: 15px;
}
.calc__sale_text {
    line-height: 150%;
}
.calc__wrapper{
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    border-radius: 10px;
    overflow: hidden;
}
.calc__img {
    line-height: 0;
    width: 560px;
}
.site_color{
    color: #8C5B4D
}
.calc__form {
    padding: 0 35px 0 80px;
    color: #202020;
    font-weight: 500;
    width: calc(100% - 580px);
    height: 520px;
    overflow-y: scroll;
    margin: 40px 20px 50px 0;
}
.calc__form::-webkit-scrollbar {
    width: 3px;
    background-color: #fff;
}

.calc__form::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #8C5B4D;
}

.calc__form::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ааа;
}
.calc__step {
    width: 24px;
    height: 24px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: linear-gradient(95.4deg, #EDBC94 -4.32%, #AC7C4E 105.39%);
    border: 1px solid #CB9A6F;
    font-weight: 700;
    position: absolute;
    top: 2px;
    left: -45px;
    color: #fff;
}
.calc__first {
    position: relative;
    margin-bottom: 40px;
}
.calc__text {
    line-height: 140%;
    color: #202020;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 20px;
}
.custom_select__current {
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: #F6F6F6;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.custom_select__items {
    background: #F6F6F6;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    z-index: 22;
    top: 100%;
    left: 0;
    display: none;
}
.custom_select__item {
    padding: 10px 20px;
    cursor: pointer;
    transition: .3s
}
.custom_select__item:hover{
    background: #EFEFEF;
    color: #8C5B4D
}
.calc__select select{
    display: none;
}
.custom_select {
    position: relative;
}
.custom_select svg{
    transition: .3s
}
.custom_select.active svg{
    transform: rotate(180deg);
}
.custom_select.active .custom_select__items {
    display: block;
}
.calc__form input,
.calc__form textarea{
    padding: 10px 20px;
    background: #F6F6F6;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    transition: .3s;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
}
.calc__form input:focus,
.calc__form input:focus-visible,
.calc__form textarea:focus,
.calc__form textarea:focus-visible{
    border: 1px solid #8C5B4D;
    outline: none
}
.calc__form input[type=submit]:focus,
.calc__form input[type=submit]:focus-visible{
    border: none
}
.calc__form textarea{
    height: 80px;
    resize: none;
    width: 100%;
}
.calc__select {
    margin-bottom: 15px;
}
.calc__sizes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.calc__sizes>input {
    width: calc(33.3333% - 20px);
}
.calc__sizes>span {
    color: #AFAFAF;
    font-weight: 600;
}
.calc__input>input {
    width: 100%;
}
.calc__input {
    width: 100%;
    margin-bottom: 15px;
}
.calc__file_note{
    text-align: center;
    font-weight: 300;
    font-size: 14px;
    line-height: 150%;
    margin-top: 5px;
}
.calc__file_area .calc__label{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
}
.calc__file_area{
    padding: 20px;
    border: 1px dashed #AFAFAF;
    border-radius: 5px;
}
.calc__file_area input{
    display: none;
}
.calc__file_item {
    width: 74px;
    height: 74px;
    background-size: cover;
    background-position: center;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: .3s;
}
.calc__item_label{
    display: none;
}
.calc__file_area.added{
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.calc__file_area.added .calc__item_label{
    border: 1px solid #AFAFAF;
    border-radius: 5px;
    width: 74px;
    height: 74px
}
.calc__file_area.added .calc__label{
    display: none;
}
.calc__file_area.added .calc__item_label{
    display: flex;
    align-items: center;
    justify-content: center;
}
.calc__file_items {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    cursor: pointer;
}
.calc__file_item::before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
    opacity: 0.5;
    transform: translate(-100%, 0);
    transition: .3s;
}
.calc__file_item:hover::before{
    transform: translate(0, 0);
}
.calc__file_item::after {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top:calc(50% - 10px);
    left:calc(50% - 10px);
    background-image: url(/wp-content/themes/avika/assets/img/close.svg);
    background-repeat: no-repeat;
    background-size: 8px 8px;
    background-position: center;
    background-color: #EFEFEF;
    border-radius: 50%;
    transform: translate(50px, 0);
    transition: .3s;
}
.calc__file_item:hover::after{
    transform: translate(0, 0);
}
.call__submit {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}
.call__submit a,
.calc__form [type="submit"]{
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #EDBC94 -4.32%, #AC7C4E 105.39%);
    box-shadow: 0px 3px 0px #915A33;
    border-radius: 5px;
    border: none;
    color: #54403A;
    padding: 20px 40px;
    margin-right: 40px;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    transition: .3s
}
.call__submit a {
    margin: 0!important;
}
.call__submit [type="submit"] {
    font-size: 16px;
    background: transparent;
    border: none;
    border-bottom: 1px dashed #8C5B4D;
    color: #8C5B4D;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}
.calc__wa{
    color: #8C5B4D;
    font-weight: 600;
}
.call__submit a:hover,
.calc__form [type="submit"]:hover,
.call [type="submit"]:hover,
.calc__wa:hover{
    filter: contrast(0.8);
}
.calc__btns{
    margin-bottom: 5px;
}
.svg_sep-materials_top{
    bottom: unset;
    top: 0;
    transform: rotate(180deg);
}
.team__h2 {
    text-align: center;
}
.team {
    background: linear-gradient(0deg, #fff8ec, #F2F0ED), #EBEBEB;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.team__bg_layer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: url(/wp-content/themes/avika/assets/img/bg-light.png);
}
.team>*:not(.team__bg_layer){
    z-index: 2;
}
.team__text_bg {
    color: #202020;
    font-family: Mont, sans-serif;
    opacity: 0.05;
    font-weight: 900;
    font-size: 200px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    margin: 0;
    line-height: 90%;
    text-align: center;
    width: 100%;
    left: 0;
    user-select:none;
    z-index: 1
}
.team>.container>*:not(.team__text_bg){
    z-index: 2;
    position: relative;
}
.team__item {
    width: 200px;
    height: 200px;
    background-position: center;
    background-size: 100%;
    border-radius: 50%;
    border: 5px solid #fff;
    position: relative;
}
.team__gal {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    margin-bottom: 55px;
}
.team__item {
    width: 200px;
    height: 200px;
    background-position: center;
    background-size: 100%;
    border-radius: 50%;
    border: 5px solid #fff;
    position: relative;
    margin-left: -26px;
    margin-right: -26px;
    z-index: 1;
    transition: .3s;
    background-blend-mode: color, normal, normal;
}
.team__item:hover {
    background-size: 120%;
    z-index: 2;
    transform: scale(1.2);
}
.team__text {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.team__text_style {
    width: calc(50% - 25px);
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    background: #FFFFFF;
    box-shadow: 0px 14px 54px rgba(18, 10, 4, 0.2);
    border-radius: 10px;
    position: relative;
    padding: 25px 20px;
}
.team__text_normal {
    font-size: 20px;
    line-height: 150%;
    font-weight: 500;
    width: calc(50% - 25px);
}
.team__text_style_title {
    font-family: 'Mont', sans-serif;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    color: #8C5B4D;
}
.team__text_style_text {
    line-height: 150%;
    text-align: center;
    font-weight: 500;
    margin-top: 5px;
}
.gild {
    background: #F2F0ED;
}
.gild__head {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.gild__head h2 {
    width: 70%;
    margin: 0;
    line-height: 100%;
}
.gild__video {
    width: 30%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    margin-top: 20px;position: relative;
}
.gild__video_link{
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(95.4deg, #EDBC94 -4.32%, #AC7C4E 105.39%);
    box-shadow: 0px 1px 0px #915A33;
    border-radius: 50%;
    transition: .3s;
    position: relative;
}
.gild__video_link:hover{
    transform: scale(1.2);
}
.gild__video_link::after,
.gild__video_link::before,
.gild__video_link_circle{
    content: '';
    width: 144px;
    height: 144px;
    position: absolute;
    opacity: 0.3;
    border: 1px solid #FFFFFF;
    background: transparent;
    left: calc(50% - 144px / 2);
    top: calc(50% - 144px / 2);
    border-radius: 50%;
}
.gild__video_link::before{
    left: calc(50% - 244px / 2);
    top: calc(50% - 244px / 2);
    width: 244px;
    height: 244px;
}
.gild__video_link_circle{
    left: calc(50% - 344px / 2);
    top: calc(50% - 344px / 2);
    width: 344px;
    height: 344px;
    max-width: unset;
}
.gild__video_link svg{
    margin-left: 2px;
}
.gild__video_text {
    font-size: 14px;
    font-weight: 500;
}
.gild__ellipse {
    position: absolute;
    background: rgba(205, 156, 113, 0.15);
    filter: blur(80.5px);
    width: 220px;
    height: 220px;
    top: -80px;
}
.gild__content {
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.gild__content {
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: end;
    position: relative;
    flex-wrap: wrap;
}
.gild__achiv {
    width: calc(100% - 658px - 70px);
    margin-bottom: 8px;
    font-weight: 500;
    line-height: 150%;
}
.gild__item {
    padding: 20px 20px 20px 35px;
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    background: #FFFFFF;
    box-shadow: 0px 14px 54px rgba(18, 10, 4, 0.2);
    border-radius: 10px;
    position: relative;
    margin-top: 30px;
}
.gild__img{
    width: 658px;
    filter: drop-shadow(0px 14px 54px rgba(18, 10, 4, 0.2));
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
}
.gild__circle_text {
    left: -100px;
    top: unset;
    bottom: -75px;
    z-index: 1;
    width: 470px;
    height: 470px;
}
.gild__item_icon::before,
.gild__item_icon::after{
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    left: -15px;
    top: 15px;
    border-radius: 50%;
    background: linear-gradient(95.4deg, #EDBC94 -4.32%, #AC7C4E 105.39%);
    border: 1px solid #CB9A6F;
}
.gild__item_icon::after{
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.30769L3.8 6L9 1' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
}
.review {
    background: #4A3630;
    padding-bottom: 260px;
}
.materials .first__ellipse3 {
    width: 270px;
    height: 270px;
    left: calc(50% - 470px/2);
    top: calc(50% - 470px/2);
    filter: blur(100px);
}
.materials .first__ellipse3_wrapper {
    position: absolute;
    left: 797px;
    top: 500px;
    width: 100%;
}
footer{
    padding: 360px 0 30px 0;
    background: #2E2E2E;
    position: relative;
    overflow: hidden;
}
.svg_sep-review_botom{
    transform: rotate(180deg);
    bottom: unset;
    top:0
}
.slick-slider .slick-track{
    max-width: unset;
}
.slick-arrow {
    position: absolute;
    z-index: 12;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 0;
    background: linear-gradient(95.4deg, #EDBC94 -4.32%, #AC7C4E 105.39%);
    box-shadow: 0px 1px 0px #915A33;
    border: none;
    top: calc(50% - 36px/2);
    left: -18px;
    cursor: pointer;
    transition: .3s
}
.slick-arrow:hover {
    filter: brightness(0.78);
}
.slick-arrow::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 1L1 6L6 11' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: block;
}
.slick-next{
    left: unset;
    right: -18px;
    transform: rotate(180deg);
}
.review__item {
    padding: 15px;
}
.review__slider .slick-list{
    width: calc(100% + 30px);
    max-width: unset;
    left: -15px;
}
.review__item>a {
    border: 3px solid #8C5B4D;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    border: none;
    justify-content: center;
}
.review h5{
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 50px 0;
}
.review h2{
    margin-bottom: 20px;
}
footer h2{
    margin-bottom: 30px;
}
.footer__label {
    color: #AFAFAF;
    font-weight: 500;
    margin-bottom: 8px;
}
.footer__item {
    font-size: 24px;
    line-height: 150%;
    color: #FFFFFF;
    font-family: 'Mont', sans-serif;
}
.footer__tel{
    font-family: 'Tenor Sans';
}
.footer__wa{
    display: block;
    color: #8C5B4D;
    font-weight: 500;
}
.footer__block {
    margin-bottom: 40px;
}
.footer__invite {
    padding: 20px;
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    background: #FFFFFF;
    border-radius: 10px;
    position: relative;
    color: #202020;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin-bottom: 50px;
}
.footer__invite p{
    margin: 0 0 5px 0;
}
.footer__block-last{
    margin-bottom: 15px;
}
.footer__invite a {
    color: #8C5B4D;
    font-weight: 600;
    display: inline-block;
    transition: .3s;
}
.footer__invite a:hover {
    transform: scale(1.3);
}
.footer__social>a {
    display: inline-block;
    margin-right: 10px;
    transition: .3s;
}
.footer__social>a:hover {
    transform: scale(1.3);
}
.footer__social_note {
    color: #AFAFAF;
    margin-top: 5px;
}
hr{
    opacity: 0.1;
    border: 1px solid #FFFFFF;
    margin: 35px 0;
}
.footer__bot *{
    color: #AFAFAF;
}
.footer__bot{
    display: flex;
    gap: 100px;
}
.footer__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer__content{
    width: 460px;
}
.footer__map {
    position: relative;
    filter: grayscale(1) brightness(0.8);
    width: calc(100% - 560px);
}
.footer__map iframe{
    position: relative;
    max-width: unset;
    width: 152%;
    height: 100%;
    border-radius: 10px 0px 0px 10px;
    border: none;
}
.call__form {
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 45px;
    text-align: center;
    position: absolute;
    z-index: 125;
    width: 100%;
    top: -160px;
    left: 0;
}
.call__title {
    font-family: 'Mont', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 20px;
}
.call__inputs{
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
.call__inputs>input{
    padding: 10px 20px;
    background: #F6F6F6;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    transition: .3s;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    max-width: 50%;
}
.call__note {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 30px;
}
.call__note-calc{
    margin-top:15px;
    margin-bottom: 0;
}
.mobile_menu{
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    background: #fff;
    padding: 15px 30px;
    width: 360px;
    height: 100vh;
    transition: .3s;
    transform: translate(100%, 0);
}
body.active_menu .mobile_menu{
    transform: translate(0, 0);
}
.mobile_menu__btn{
    display: flex;
    gap:8px;
    background: #8C5B4D;
    box-shadow: 0px 2px 0px #6E3D2F;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 15px;
    padding: 8px 15px 9px;
}
.mobile_menu__btn::before{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='19' viewBox='0 0 22 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.22168 1.4718L18.778 17.0282' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M18.7778 1.4718L3.22148 17.0282' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    width: 22px;
    height: 18px;
    background-size: contain;
}
.mobile_menu__btn[data-target="open"]::before{
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='15' viewBox='0 0 22 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='2.06985' x2='22' y2='2.06985' stroke='white' stroke-width='1.5'/%3E%3Cline y1='8.06985' x2='22' y2='8.06985' stroke='white' stroke-width='1.5'/%3E%3Cline y1='14.0699' x2='22' y2='14.0699' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.mobile_menu__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}
.mobile_menu .menu{
    flex-direction: column;
}
.mobile_menu .header__menu .menu>li {
    margin: 0;
    text-align: center;
}
.mobile_menu .header__menu .menu>li>a {
    font-weight: 500;
    font-size: 20px;
    padding: 15px;
    display: block;
}
.mobile_menu .header__phone {
    justify-content: center;
    margin-top: 15px;
}
.modal_wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    background: rgba(140, 91, 77, 0.5);
    backdrop-filter: blur(2px);
    display: none;
}
body.active_menu .modal_wrapper,
.modal_wrapper.active{
    display: block;
}
.first__ellipse1-review {
    width: 120px;
    height: 120px;
    left: 170px;
    top: 260px;
    filter: blur(100px);
}
.first__ellipse4-review {
    width: 218px;
    height: 218px;
    left: 321px;
    top: 568px;
}
.review__slider{
    z-index: 5;
}
.first__ellipse2-review {
    width: 118px;
    height: 118px;
    left: 1697px;
    top: 364px;
}
#wpadminbar {
    position: fixed;
}
.modal__popup {
    padding: 50px 30px;
    background: #fff;
    border-radius: 10px;
    position:relative
}
.modal {
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    top: 0;
    left: 0;

    transform: translateY(-100%);
}
.modal.active {
    transform: translateY(0);
    transition: .3s;
}
.modal__title {
    text-align: center;
    font-weight: 500;
    font-size: 32px;
    color: #8C5B4D;
    margin-bottom: 20px;
}
.modal__content{
    font-size: 20px;
    text-align: center;
    font-weight: 500;
}
.modal__close{
    position: absolute;
    width: 20px;
    height: 20px;
    background: #8C5B4D;
    border-radius: 50%;
    right: 15px;
    top: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.68257 6.50414C8.00836 6.83007 8.00836 7.35668 7.68257 7.68257C7.60527 7.76007 7.51341 7.82154 7.41228 7.86343C7.31115 7.90533 7.20274 7.92684 7.09328 7.92671C6.88 7.92671 6.66668 7.84507 6.50414 7.68257L4.00003 5.17832L1.49593 7.68261C1.41864 7.7601 1.32681 7.82156 1.2257 7.86346C1.12459 7.90535 1.0162 7.92686 0.906753 7.92675C0.797295 7.92687 0.688892 7.90536 0.58777 7.86346C0.486647 7.82157 0.394798 7.76011 0.317495 7.68261C-0.00828586 7.35667 -0.00828586 6.83007 0.317495 6.50414L2.82175 4.00003L0.317456 1.49593C-0.0083252 1.17 -0.0083252 0.643394 0.317456 0.317495C0.643394 -0.00828586 1.17 -0.00828586 1.49593 0.317495L4.00003 2.82175L6.50414 0.317456C6.83007 -0.0083252 7.35668 -0.0083252 7.68257 0.317456C8.00836 0.643394 8.00836 1.17 7.68257 1.49593L5.17832 4.00003L7.68257 6.50414Z' fill='%23F6F6F6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}
.team__item::after{
    content:'';
    width:100%;
    height:100%;
    background: linear-gradient(0deg, rgba(232, 183, 143, 0.6), rgba(232, 183, 143, 0.6));
}
.single-portfolio:not(.home) .header {
    color: #FFF;
    position: absolute;
    border-bottom: 1px solid #ffffff1a;
    padding-bottom: 16px;
}
.single-portfolio:not(.home) .header a {
    color: #FFF;
}
.single-portfolio .first {
    height: auto;
    padding-top: 84px;
    overflow: visible;
    padding-bottom: 80px;
    min-height: 600px
}
.breadcrumbs {
    color: #fff;
    opacity: 0.4;
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: normal;
    margin: 30px 0 50px 0;
    z-index: 123;
    position: relative;
}
.breadcrumbs a{
    color:#fff
}
.single-portfolio .first__content {
    width: 574px;
}
.portfolio__params {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: flex-end;
    gap: 30px;
    margin-bottom:25px
}
.portfolio__params>li {
    background: #FFF;
    color: #000;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    position: relative;
}
.portfolio__params>li::after{
    content: '';
    height: 5px;
    width: calc(100% - 30px);
    bottom: -5px;
    left: 15px;
    position: absolute;
    background: #ffffffa1;
    border-radius: 0 0 10px 10px;
}
.portfolio_content strong{
    color: #E8B78F;
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.portfolio_content {
    line-height: 150%;
}
.first__content_portfolio_imgs>a {
    width: calc(50% - 15px);
    border-radius: 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.first__content_portfolio_imgs {
    width: calc(100% - 589px);
    display: flex;
    gap: 30px;
    position: absolute;
    right: 0;
    z-index: 123;
    top: 40px;
    align-items: start;
}
.first__content_portfolio_imgs img{
    display: block;
    object-fit: cover;
}
.first__content_wrapper {
    display: flex;
    position: relative;
}
.single-portfolio .separator {
    background-image: url(/wp-content/themes/avika/assets/img/separator_portfolio_page.svg);
    background-position: top;
    height: 40px;
    bottom: 0;
}
.single-portfolio .svg_sep-review_botom{
    display:none
}
.portfolio__projects-page>a {
    width: calc(33.3333% - 20px);
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    max-height: 414px;
}
.portfolio__projects-page img{
    display:block;
    border-radius: 10px;
    transition: .3s;
    object-fit: cover;
    max-width: unset;
    width: 100%;
    height: 100%;
}
.portfolio__projects-page>a:hover img{
    transform: scale(1.2);
}
.first__content_portfolio_imgs>a:first-child{
    top: 30px;
}
.portfolio_page_gal{
    padding-bottom: 200px;
}
.true_portfolio__item_wrap {
    padding: 15px;
}
.true_portfolio__item{
    background:#fff;
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
}
.true_portfolio__img{
    height: 260px;
    background-size: 100%;
    background-position: center;
    margin-bottom: 20px;display: block;transition:.3s
}
.true_portfolio__img:hover{
    background-size: 130%;
}
.true_portfolio {
    background: #F2F0ED;
    padding-bottom: 180px;
}
.true_portfolio__title {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Mont';
}
.true_portfolio__desc {
    line-height: 150%;
}
.true_portfolio__link {
    color: #E8B78F;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
    transition: .3s
}
.true_portfolio__link:hover {
    color: #8C5B4D;
}
.first__content_portfolio_video_ico {
    display: flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    background: linear-gradient(95.4deg, #EDBC94 -4.32%, #AC7C4E 105.39%);
    box-shadow: 0px 1px 0px #915A33;
    border-radius: 50%;
    transition: .3s;
    position: absolute;
    top: calc(50% - 22px);
    left: calc(50% - 22px);
}
.first__content_portfolio_video_ico::after, .first__content_portfolio_video_ico::before {
    content: '';
    width: 144px;
    height: 144px;
    position: absolute;
    opacity: 0.3;
    border: 1px solid #FFFFFF;
    background: transparent;
    left: calc(50% - 144px / 2);
    top: calc(50% - 144px / 2);
    border-radius: 50%;
}
.first__content_portfolio_video_ico::before {
    left: calc(50% - 244px / 2);
    top: calc(50% - 244px / 2);
    width: 244px;
    height: 244px;
}
.first__content_portfolio_video:hover .first__content_portfolio_video_ico{
    transform: scale(1.2);
}

/*resp*/
@media (max-width:1500px) {
    .first {
        height: auto;
    }
    .first__ellipse3_wrapper {
        left: 620px;
    }
    .gild__circle_text {
        left: -100px;
    }
    .single-portfolio .first__ellipse3_wrapper {
        left: 0;
        top: 0;
        display: flex;
        justify-content: flex-end;
    }
    .single-portfolio .first__ellipse3_wrapper>img{
        right: 10%;
        position: relative;
        top: 100px;
    }
    .single-portfolio .first__ellipse2 {
        right: 0;
        left: unset;
    }
}

@media (max-width:1308px) {
    .achievments__items {
        gap: 5px;
        width: calc(100% - 60px);
        left: 30px
    }
    .achievments__item {
        width: calc(33.3333% - 10px);
    }
    .achievments__item_title {
        font-size: 24px;
    }
    .container {
        padding: 0 30px;
    }
    .calc__form input, .calc__form textarea,
    .custom_select__current {
        padding: 10px 10px;
        font-size: 14px;
    }
    .calc__img{
        width: 358px;
    }
    .calc__img img{
        object-fit: cover;
        min-width: 100%;
        min-height: 100%;
    }
    .calc__form {
        width: calc(100% - 358px);
        height: 520px;
    }
    .call__form {
        width: calc(100% - 60px);
        left: 30px;
    }
}

@media (max-width:1100px) {
    .header__menu .menu>li {
        margin-right: 15px;
    }
    .first__content_wrap {
        margin-top: 75px;
    }
    .gild__img {
        width: 532px;
    }
    .gild__achiv {
        width: calc(100% - 532px - 50px);
        margin: 0
    }
    .gild__content {
        align-items: start;
    }
    .gild__item {
        margin: 0 0 30px 0;
    }
    .gild__achiv>*:last-child{
        margin: 0
    }
    .calc__btns {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .calc__form [type="submit"] {
        margin: 0;
    }
}

@media (max-width:1000px) {
    .true_portfolio__item_wrap {
        padding: 0;
        width: 282px;
        margin-right: 30px;
    }
    .first__content_portfolio_imgs>a:nth-child(2) {
        display: none;
    }
    .first__content_portfolio_imgs>a:first-child {
        top: 30px;
        width: 300px;
    }
    .single-portfolio .first .first__ellipse3_wrapper {
        left: 0;
        top: 0;
        width: 100%;
    }
    .single-portfolio .first__content {
        text-align: left;
    }
    header .header__menu{
        display: none;
    }
    .first__h1 {
        font-size: 40px;
    }
    .first__content {
        width: 100%;
        text-align: center;
    }
    .first {
        padding-bottom: 0;
    }
    .first__img {
        max-width: 60%;
        position: relative;
        float: right;
        margin-top: 40px;
    }
    .first__content_wrap {
        margin-top: 35px;
    }
    .first__btns {
        margin-top: 30px;
        justify-content: center;
    }
    .first .first__ellipse3_wrapper {
        position: absolute;
        left: 920px;
        top: 100px;
        width: 100%;
        width: 550px;
        height: 550px;
        left: 15px;
        top: 440px;
    }
    section {
        padding: 120px 0;
    }
    h2 {
        margin-bottom: 30px;
        font-size: 36px;
    }
    .portfolio__item {
        background-size: cover;
    }
    .materials__title {
        font-size: 24px;
    }
    .materials__items {
        gap: 36px;
        width: calc(50% - 15px);
    }
    .materials__img {
        width: calc(50% - 15px);
    }
    .materials__note-mobile{
        position: absolute;
        width: 100%;
        left: 0;
        top: calc(100% + 30px);
    }
    .materials__item {
        width: 100%;
    }
    .calc__banner {
        flex-direction: column;
        width: 280px;
        text-align: center;
    }
    .calc__head h2 {
        width: calc(100% - 320px);
    }
    .team__item {
        width: 145px;
        height: 145px;
        margin-left: -20px;
        margin-right: -20px;
    }
    .team__gal {
        margin-bottom: 35px;
    }
    .team__text_bg {
        line-height: 87%;
    }
    .review__item {
        padding: 0;
        width: 282px;
        margin-right: 30px;
    }
    .call__title {
        font-size: 32px;
    }
    .footer__item {
        font-size: 20px;
    }
    .footer__content {
        width: 355px;
    }
    .footer__map {
        width: calc(100% - 385px);
    }
    .materials h2 {
        width: 100%;
    }
    .calc__sale{
        font-size: 28px;
        margin: 0;
    }
}

@media (max-width:991px) {
    .first__ellipse{
        display:none!important;
    }
    .gild__img {
        width: calc(50% - 25px);
    }
    .gild__achiv {
        width: calc(50% - 25px);
        margin: 0;
    }
    .portfolio__item,
    .portfolio__banner {
        width: calc(50% - 15px);
    }
    .calc__img {
        display: none;
    }
    .calc__form {
        width: 100%;
        margin: 40px 20px 50px 0;
        height: auto;
    }
    .calc__first-2,
    .calc__btns{
        display: none;
    }
    .calc__next{
        color: #8C5B4D;
        font-weight: 600;
        display: block;
        margin: 40px auto 0 auto;
        width: fit-content;
    }
    .calc__form>*:first-child{
        margin: 0
    }
    .calc__btns {
        gap: 40px;
    }
    .footer__bot {
        text-align: center;
        gap: 30px;
    }
}

@media (max-width:767px) {
    .call__title {
        font-size: 21px;
    }
    .true_portfolio__slider{
        width: calc(100% + 60px);
        position: relative;
        left: -30px;
        overflow: visible;
        max-width: unset;
    }
    .true_portfolio__slider .slick-track>*:first-child{
        padding-left: 30px;
        box-sizing: unset;
    }
    .true_portfolio {
        padding-bottom: 80px;
    }
    .portfolio_content {
        width: 58%;
    }
    .first__content_portfolio_imgs {
        width: calc(42% - 30px);
        top:100px;
        justify-content: right;
    }
    .single-portfolio .first__ellipse3_wrapper>img {
        top: 200px;
        width: 300px;
        height: 300px;
    }
    .achievments__separator,
    .single-portfolio .separator{
        display: none;
    }
    .single-portfolio .first {
        padding-bottom: 30px;
        min-height: unset;
    }
    .achievments__item{
        order:2;
        position: relative;
        width: calc(50% - 15px);
    }
    .achievments__items>*:nth-child(3){
        width: 100%;
        order: 1;
        margin-bottom: 30px;
    }
    .achievments__items>*:nth-child(3)::after,
    .achievments__items>*:nth-child(1)::after{
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='668' height='1' viewBox='0 0 668 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='668' y2='0.5' stroke='url(%23paint0_radial_350_683)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_350_683' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(334 1.50006) rotate(180) scale(334 2178)'%3E%3Cstop stop-color='%23915A33' stop-opacity='0.3'/%3E%3Cstop offset='1' stop-color='%23915A33' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 1px;
        background-size: contain;
    }
    .achievments__items>*:nth-child(1)::after {
        bottom: unset;
        right: -20px;
        height: 100%;
        width: 1px;
        background-image: url("data:image/svg+xml,%3Csvg width='1' height='60' viewBox='0 0 1 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.5' y1='60' x2='0.5' stroke='url(%23paint0_radial_350_679)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_350_679' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(1.50006 30) rotate(90) scale(30 2178)'%3E%3Cstop stop-color='%23915A33' stop-opacity='0.3'/%3E%3Cstop offset='1' stop-color='%23915A33' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
        top: 0;
        left: unset;
    }
    .achievments__items {
        top: -40px;
    }
    .portfolio {
        padding-top: 230px;
    }
    .portfolio__banner_title {
        font-size: 20px;
    }
    .materials,.calc {
        padding-top: 80px;
    }
    .team__gal {
        max-width: unset;
        overflow: scroll;
        min-width: min-content;
        width: 705px;
        margin: 0;
        padding: 18px 0;
    }
    .team__item {
        margin-left: -22px;
        margin-right: -22px;
    }
    .team__gal_wrapper {
        overflow-x: scroll;
        max-width: unset;
        width: calc(100% + 60px);
        left: -30px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .team__text_normal {
        width: 100%;
        margin-bottom: 20px
    }
    .team__text_style {
        width: 100%;
    }
    .gild__img {
        width: 100%;
        margin-bottom: 40px;
    }
    .gild__achiv {
        width: 100%;
    }
    .gild__ellipse {
        position: absolute;
        background: rgba(205, 156, 113, 0.15);
        filter: blur(80.5px);
        width: 120px;
        height: 120px;
        top: -80px;
    }
    .review {
        padding-top: 80px;
    }
    .footer__content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .footer__content h2 {
        width: 100%;
        order: 1;
    }
    .footer__block-phone{
        order: 2;
        width: 36%;
    }
    .footer__block-email{
        order: 4;
        width: 36%;
    }
    .footer__block-addr{
        order: 3;
        width: 64%;
    }
    .footer__block-last{
        order: 5;
        width: 37%;
    }
    .footer__invite{
        order: 8;
        width: 100%;
        margin-top: 30px;
    }
    .footer__social{
        order: 6;
        width: 27%;
        margin-top: 10px;
    }
    .footer__social_note{
        order: 7;
        width: 100%;
        text-align: center;
    }
    .footer__block {
        margin-bottom: 30px;
    }
    .footer__map{
        width: 100%;
        height: 450px;
    }
    .footer__map iframe{
        width: 100%;
        border-radius: 10px;
    }
    .footer__bot {
        flex-direction: column;
        gap: 15px;
    }
    .gild {
        padding-top: 80px;
    }
}

@media (max-width:735px) {
    .footer__block{
        width: 50%;
    }
    .footer__social{
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media (max-width:575px) {
    .footer__block {
        width: 100%;
    }
    .footer__social{
        justify-content: flex-start;
    }
    .footer__social_note {
        text-align: left;
    }
    .footer__block {
        margin-bottom: 20px;
    }
    .footer__container {
        display: block;
    }
    .footer__map {
        width: 100%;
        height: 450px;
        max-width: unset;
        width: calc(100% + 60px);
        left: -30px;
    }
    .footer__map iframe {
        border-radius: 0;
    }
    .portfolio__projects {
        gap: 20px;
    }
    .portfolio__item, .portfolio__banner,
    .materials__items {
        width: 100%;
    }
    .materials__items {
        display: block;
    }
    .materials__img{
        display: none;
    }
    .materials__item {
        width: 280px;
        margin-right: 20px;
    }
    .materials__item_wrapper{
        background: #FFFFFF;
        border-radius: 10px;
        outline: 1px solid #8c5b4d75;
        outline-offset: -5px;
        padding: 20px;
        text-align: center;
    }
    .materials__items .slick-track>*:first-child{
        padding-left: 20px;
        box-sizing: unset;
    }
    .materials__wrapper{
        display: block;
        width: calc(100% + 60px);
        max-width: unset;
        left: -30px;
    }
    .materials__item_img{
        height: 240px;
        background-size: cover;
        background-position: center;
        border-radius: 5px;
    }
    .materials__title {
        color: #8C5B4D;
        margin: 0;
    }
    .materials__text {
        color: #202020;
        font-weight: 500;
        margin-bottom: 20px;
    }
    h2{
        font-size: 28px
    }
    .calc__head h2 {
        width: 100%;
        margin-bottom: 20px;
    }
    .calc__banner {
        width: 100%;
    }
    .calc__sizes>input {
        width: 100%;
        margin-bottom: 10px;
    }
    .calc__sizes>span {
        display: none;
    }
    .calc__text {
        padding-left: 34px;
    }
    .calc__step {
        left: 0;
    }
    .calc__form {
        padding: 30px 30px 40px;
        margin: 0;
    }
    .calc__next {
        margin: 30px auto 0 auto;
    }
    .team__text_normal {
        font-size: 16px;
        text-align: center;
    }
    .team__bg_layer {
        background: none;
    }
    .gild__head h2 {
        width: 100%;
        line-height: 119%;
    }
    .gild__video {
        z-index: 2;
        width: 100%;
    }
    .gild__video_link_circle{
        display: none;
    }
    .call__inputs>input {
        max-width: 100%;
        width: 100%;
    }
    .call__inputs {
        gap: 20px;
        margin-bottom: 20px;
    }
    .call__note {
        text-align: left;
    }
    .call__form {
        padding: 25px 25px 50px;
    }
    .call__note {
        margin-bottom: 20px;
    }
}

@media (max-width:500px) {
    .call__submit a, .calc__form [type="submit"] {
        padding: 20px 0;
        width: 100%;
    }
    .portfolio__projects {
        align-items: flex-start;
    }
    .header .header__phone{
        display: none;
    }
    .first__h1 {
        font-size: 28px;
        text-align: left;
    }
    .first__text {
        font-size: 16px;
        text-align: left;
    }
    .first__btns {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }
    .first__img {
        max-width: 100%;
    }
    .first .first__ellipse3_wrapper {
        left: calc(100% - 250px);
        top: 350px;
    }
    .achievments__items>*:nth-child(1)::after{
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='668' height='1' viewBox='0 0 668 1' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='0.5' x2='668' y2='0.5' stroke='url(%23paint0_radial_350_683)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_350_683' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(334 1.50006) rotate(180) scale(334 2178)'%3E%3Cstop stop-color='%23915A33' stop-opacity='0.3'/%3E%3Cstop offset='1' stop-color='%23915A33' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        height: 1px;
        background-size: contain;
        top:unset
    }
    .achievments__item {
        width: 100%;
        margin-bottom: 30px;
    }
    .achievments__items>*:last-child{
        margin: 0
    }
    .achievments__items{
        position: relative;
        width: 100%;
        top: unset;
        left: unset;
    }
    .achievments{
        padding: 40px 0 0 0;
        background: #EBEBEB;
    }
    .portfolio {
        padding-top: 80px;
        background-image: none;
    }
    h2 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .materials, .calc {
        padding-top: 60px;
    }
    .calc__btns {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 20px;
    }
    .portfolio__projects>*:nth-child(n+6) {
        display: none;
    }
    .single-portfolio .first .first__ellipse3_wrapper {
        display:none;
    }
    .portfolio__params>li {
        outline: none;
        background: none;
        padding: 0;
        text-align: center;
    }
    .portfolio__params {
        outline: 1px solid #8c5b4d75;
        outline-offset: -5px;
        background: #FFF;
        border-radius: 10px;
        padding: 10px 20px;
        width: 315px;
        flex-direction: column;
        align-items: center;
        gap: 5px;
        position: relative;
    }
    .portfolio__params::after {
        content: '';
        height: 5px;
        width: calc(100% - 30px);
        bottom: -5px;
        left: 15px;
        position: absolute;
        background: #ffffffa1;
        border-radius: 0 0 10px 10px;
    }
    .portfolio_content {
        font-size: 15px;
        width: 100%;
    }
    .first__content_wrapper {
        flex-wrap: wrap;
    }
    .first__content_portfolio_imgs {
        position: relative;
        width: 100%;
        top: unset;
        height: 50px;
        gap: 20px;
    }
    .first__content_portfolio_imgs>a:first-child,
    .first__content_portfolio_imgs>a:nth-child(2) {
        width: calc(50% - 10px);
        display:flex;
        top: 30px;
        box-shadow: 0px 14px 54px 0px rgba(18, 10, 4, 0.20);
    }
    .portfolio__projects-page>a {
        margin-bottom: 0;
        width: calc(50% - 10px);
    }
}

@media (max-width:420px) {
    .calc__wa {
        display: block;
        text-align: center;
        width: 100%;
    }
    footer {
        padding: 400px 0 30px 0;
    }
}

@media (max-width:360px) {
    .first .first__ellipse3_wrapper {
        left: calc(100% - 197px);
        top: 430px;
        width: 470px;
        height: 470px;
    }
    .calc__step {
        position: relative;
        margin: auto;
        margin-bottom: 5px;
    }
    .calc__text {
        padding: 0;
        text-align: center;
        font-weight: 500;
        font-size: 16px;
    }
    .gild__img {
        margin-bottom: 30px;
    }
    .call__title {
        font-size: 20px;
    }
    .footer__social_note {
        font-size: 12px;
    }
    .footer__bot * {
        font-size: 14px;
    }
    .achievments__item_text {
        font-size: 15px;
    }
    .portfolio__banner {
        padding: 20px;
    }
}
@media (max-width:349px) {
    footer {
        padding: 390px 0 30px 0;
    }
}
.footer__map-img {
    height: unset;
    filter: none;
}
.slick-slide img {
    display: block;
    border-radius: 8px;
}


/*cookie-block*/
.cookie-block {
    display: flex;
    position: fixed;
    max-width: calc(100% - 48px);
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    border: none;
    border-radius: 10px;
    padding: 12px 12px;
    width:550px;
    box-shadow: 0 14px 54px rgba(18, 10, 4, .2);
    background: #fff;
    z-index: 1001;
    outline: 1px solid #8c5b4d75;
    outline-offset: -5px;
}
.cookie-block.is-disable {
    display: none!important;
}
.cookie-block__text {
    font-weight: 400;
    font-size: 12px;
    line-height: 115%;
    color: #000;
}
.cookie-block__text a {
    color: #0087c0;
    text-decoration: underline;
    font-size: 12px;
}
.cookie-block__btns-group {
    min-width: 105px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}
.cookie-block .btn {
    width: 100%;
    flex-shrink: 0;
    min-height: 32px;
    font-weight: 600;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px;
    border: none;
}
.cookie-block__btn-accept {
    background: #AC7C4E;
    color: #fff;
}
.cookie-block__btn-accept:hover {
    background: #cd925a;
}
.cookie-block__btn-reject {
    background: #f2f2f2;
}
.cookie-block__btn-reject:hover {
    background: #d5d5d5;
}
@media (max-width: 620px) {
    .cookie-block {
        flex-direction: column;
        width: 425px;
        padding: 14px 14px 12px;
        bottom: 20px;
    }
    .cookie-block__btns-group {
        min-width: 100%;
    }
}
@media (max-width: 479px) {
    .cookie-block {
        max-width: calc(100% - 32px);
        bottom: 16px;
    }
}