.elementor-64 .elementor-element.elementor-element-7b7e3504{--display:flex;--position:fixed;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-64 .elementor-element.elementor-element-7b7e3504:not(.elementor-motion-effects-element-type-background), .elementor-64 .elementor-element.elementor-element-7b7e3504 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F5EE;}body:not(.rtl) .elementor-64 .elementor-element.elementor-element-7b7e3504{left:0px;}body.rtl .elementor-64 .elementor-element.elementor-element-7b7e3504{right:0px;}.elementor-64 .elementor-element.elementor-element-7b7e3504 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-64 .elementor-element.elementor-element-d740d45{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}.elementor-64 .elementor-element.elementor-element-d740d45:not(.elementor-motion-effects-element-type-background), .elementor-64 .elementor-element.elementor-element-d740d45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F5EE;}body:not(.rtl) .elementor-64 .elementor-element.elementor-element-d740d45{left:0px;}body.rtl .elementor-64 .elementor-element.elementor-element-d740d45{right:0px;}.elementor-64 .elementor-element.elementor-element-d740d45 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}.elementor-64 .elementor-element.elementor-element-27d185f8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-64 .elementor-element.elementor-element-27d185f8 .spaciaz-border-shape{width:30px;height:30px;clip-path:path("M0 0 Q0,30 30,30 L 0 30 Z");}:root{--page-title-display:none;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-41 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}body.elementor-page-64{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1366px){.elementor-64 .elementor-element.elementor-element-d740d45{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-64 .elementor-element.elementor-element-d740d45{--content-width:1440px;}}@media(max-width:1024px){.elementor-64 .elementor-element.elementor-element-d740d45{--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-64 .elementor-element.elementor-element-7b7e3504{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-64 .elementor-element.elementor-element-d740d45{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-27d185f8 */.connect {
     margin-right: 0px;
 }
.lang-item {
    list-style: none !important;
    background-image: none !important;
}

.language-switcher a, 
.polylang-langswitcher a {
    text-transform: uppercase;
    font-weight: 900;
    color: #5b5f62;
}

.polylang-langswitcher a:hover {
    color: black;
}

.widget_polylang ul,
.polylang-language-switcher ul {
    list-style-type: none !important;
    padding-left: 0 !important;
}

.polylang-langswitcher {
    margin: 0;

margin-left: 30px;
}

.polylang-langswitcher ul ol {
margin: 0;
}

.header {
    display: grid;
    /* Создает 3 колонки равного размера, заполняющие ширину */
    grid-template-columns: repeat(3, 1fr); 
    gap: 15px; /* Расстояние между блоками */
}

.block {

display: flex;
align-items: center;
justify-content: center;
}


a{
    color:inherit;
    text-decoration:none;
}

img{
    display:block;
    max-width:100%;
}


/* ===== HEADER ===== */

.header{
    /*position: fixed;*/
    inset:0 0 auto;
    /*height: 5rem;*/
    background:#f8f5ee;
    display:flex;
    align-items:center;
    justify-content:space-between;
    z-index:1000;
}

.logo{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
}

.logo img{
    width: 100px;
}

.nav{
    display:flex;
    gap:42px;
    margin-left:40px;
}

.nav a{
    font-size:16px;
    transition:.3s;
    color: #5b5f62;
    font-family: "basisgrotesquepro", Sans-serif;
}

.nav a:hover{
    color: black;
}

.contact{
    font-size:18px;
    line-height:1.3;
    text-align:right;
    transition:.3s;
    color: #5b5f62;

}

.contact:hover{
    color: black;
}


/* ===== MENU BUTTON ===== */

.menu-btn{
    border-radius: 0px!important;
    width:80px;
    height:80px;
    border:0;
    cursor:pointer;
    background:#d8d3cc;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:3px;
}

.menu-btn span{
    width:18px;
    height: 2px;
    background: #5b5f62;
    transition:.35s;
}
.menu-btn:hover {
    background-color: #d4d2cd;
}
/* Крестик */

.menu-btn.active span:nth-child(1){
    transform:translateY(2px) rotate(45deg);
    margin-top: 4px;
}

.menu-btn.active span:nth-child(2){
    opacity:0;
}

.menu-btn.active span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg);
}

.button:hover {
    background-color: #d4d2cd;
}
/* ===== DROPDOWN ===== */

.menu{
    position:fixed;
    top:80px;
    left:0;
    width:100%;
    background:#f8f5ee;

    opacity:0;
    visibility:hidden;

    transform:translateY(-30px);

    transition:.45s;

    z-index:900;
}

.menu.active{
    opacity:1;
    visibility:visible;
    transform:none;
}

.menu-inner{

    max-width:1450px;
    margin:auto;

    display:grid;
    grid-template-columns:
    1fr 5fr
    auto;

    gap:60px;

    padding:70px 30px;
}

.column h3{

    color:#ccb082;
    font-size:18px;
font-family: "druk", Sans-serif;
font-weight: 300;
    margin-bottom:28px;
}

.column a{
    font-family: "basisgrotesquepro", Sans-serif;
    font-size: 16px;
    display:block;
    color: #5A5A5A;
    margin-bottom:18px;

    transition:.25s;
}

.column a:hover{

    color:#ccb082;
}

.all{

    margin-top:70px;
}

.contacts{

    align-self:end;

    text-align:right;
}

.contacts p{

    color:#ccb082;

    font-size:18px;

    font-weight:300;
font-family: "druk", Sans-serif;;
    margin-bottom:24px;
}

.contacts a{

    display:block;
font-family: "druk", Sans-serif;;
    font-size:18px;

    margin-bottom:14px;

    color:#ccb082;

    font-weight:300;
}

.contacts a:hover {
    color: #5b5f62;
}

/* ===== DEMO ===== */

.hero{

    height:100vh;

    margin-top:80px;

    background:url(hero.jpg) center/cover;
}

/*==========================
BACKDROP
==========================*/

.menu::before{
    content:"";
    position:fixed;
    inset:80px 0 0;
    background:rgba(0,0,0,.28);
    opacity:0;
    pointer-events:none;
    transition:.4s;
}

/* .menu.active::before{
    opacity:1;
} */

/*==========================
ПЛАВНОЕ ПОЯВЛЕНИЕ КОЛОНОК
==========================*/

.column,
.contacts{
    opacity:0;
    transform:translateY(25px);
    transition:.45s;
}

.menu.active .column,
.menu.active .contacts{
    opacity:1;
    transform:none;
}

.menu.active .column:nth-child(1){transition-delay:.05s;}
.menu.active .column:nth-child(2){transition-delay:.12s;}
.menu.active .column:nth-child(3){transition-delay:.19s;}
.menu.active .column:nth-child(4){transition-delay:.26s;}
.menu.active .contacts{transition-delay:.33s;}


/*==========================
SCROLL
==========================*/

body.lock{
    overflow:hidden;
}


/*==========================
HOVER
==========================*/

/*.column a{*/
/*    position:relative;*/
/*}*/

/*.column a::after{*/

/*    content:"";*/

/*    position:absolute;*/

/*    left:0;*/
/*    bottom:-3px;*/

/*    width:0;*/

/*    height:1px;*/

/*    background:#c9ab7b;*/

/*    transition:.3s;*/
/*}*/

/*.column a:hover::after{*/

/*    width:100%;*/
/*}*/


/*==========================
MOBILE
==========================*/

@media screen and (max-width: 1440px) {
 .connect {
     margin-right: 30px;
 }
}


@media (max-width:991px){

.header{

    height:64px;
}

.menu-btn{

    width:64px;
    height:64px;
}


.nav{

    display:none;
}

.contact{

    display:none;
}

.menu{

    top:64px;

    height:calc(100vh - 64px);

    overflow:auto;
}

.menu::before{

    display:none;
}

.menu-inner{

display: flex;
flex-direction: column;
flex-wrap: flex-wrap;

    gap:40px;

    padding:30px 18px 50px;
}

.column h3{

    font-size:32px;

    margin-bottom:18px;
}

.column a{

    font-size:19px;

    margin-bottom:14px;
}

.all{

    margin-top:18px;
}

.contacts{

    text-align:left;

    margin-top:20px;
}

.contacts p{

    font-size:26px;
}

.contacts a{

    font-size:24px;
}

}


/*==========================
SMALL MOBILE
==========================*/

@media (max-width:600px){

.column h3{

    font-size:16px;
}

.polylang-langswitcher {
    padding-right: 0;
}

.column a{

    font-size:14px;
}

.contacts {
    text-align: end;
}

.contacts p{

    font-size:16px;
}

.contacts a{

    font-size:16px;
}

.header{

    padding: 0px!important;
}

}/* End custom CSS */
/* Start custom CSS */.site-content {
    margin: 0px!important;
}/* End custom CSS */