body{
    font-family: 'Rubik';
    margin-left: 0px;
    margin-right: 0px;
}
.blue-a a{
    color: #028ecf;
}
.container-1360{
    max-width: 1360px;
    margin: 0 auto;
}

.wpcf7 {
    background: #fff;
    border-radius: 30px;
    padding: 25px;
}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{
    border-radius: 15px;
    padding: 13px 13px;
    width: 100%;
    max-height: 50px;
    font-family: 'Inter';

}
.wpcf7 select {
    padding: 13px 13px;
    border-radius: 15px;
    width: 100%;
    color: #606060;
}
.wpcf7 label{
width:100%;
}
.wpcf7 .title-form{
    color: #2E3138;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 14px;
}
.wpcf7 .desc-form{
    color: #676F7E;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 21px;
}
.wpcf7 select{
    padding: 6px 13px;
    border-radius: 15px;
width:100%;
}
.wpcf7 .wpcf7-submit{
background: #028ECF !important;
    border-radius: 15px;
    padding: 16px 20px;
    margin-bottom: 14px;
}
.wpcf7 .wpcf7-submit:hover{
    background: #006899 !important;
}
.wpcf7 span, .wpcf7 p{
    text-align: center;
    font-size: 12px;
    color: #676F7E;
    font-weight: 400;
}

.wpcf7-spinner{
    position: absolute!important;
}
.redis #header.header-style1 .header-wrap{
    background: #fff;
 }
#mainnav > ul > li > a, .header-modal-menu-left-btn .text, header .flat-information li, header .flat-information li a, #header.header-style1 .btn-header, #mainnav > ul > li.menu-item-has-children > a{
     text-transform: math-auto;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: 400;   
}
.redis #mainnav ul.sub-menu{
        width: 306px;
}
.redis #mainnav ul.sub-menu > li > a{
    text-transform: math-auto;
    font-weight: 400;
    color:#2e2e2e;
}
.redis #mainnav ul.sub-menu > li > a:hover{
    color:#028ECF
}
#header{
    padding: 17px 0;
}
#header.header-sticky {
    background:#fff;
}
.wrap-btn-header a{
    background-color: #028ecf;
    border-radius: 15px;
    padding: 12px 24px 12px 15px!important;
}
.wrap-btn-header a .elementor-button-icon{
    margin-right: 9px;
}
.redis .wrap-btn-header a:hover{
        background-color: #007DB8;
}
.redis .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1360px;
}
.redis #mainnav > ul {
    display: flex;
    gap: 20px;
}
.bottom ul.menu > li a, #mainnav > ul > li > a {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-transform: math-auto;
}
#mainnav > ul > li > a:hover:after {
    width: 0%; 
    opacity: 0!important;
    visibility: visible;
}
.redis #mainnav ul li a, .header-modal-menu-left-btn .text, header .flat-information li {
    font-size: 16px !important;
    text-transform: math-auto;
}
.redis .themesflat-top{
    margin: -8px 0px 0 0px;
    padding: 0;
    background: #444444;
    padding-top: 15px;
    color: #b1b1b1;
    padding-bottom: 16px;
    font-size: 14px;
}
.redis .header-default .themesflat-top .content-left .flat-information i {
    font-size: 12px;
}
.redis .themesflat-top a{
    color:#b1b1b1;
}
.redis .themesflat-top a:hover{
    color:#028ecf;
}
.header-default .themesflat-top .content-left .flat-information i{
    font-size: 12px!important;
}

.redis #mainnav ul li:hover > ul.sub-menu {
    top: 137%;
    left: -30px;
    overflow: visible;
    display: inline-table;
    }
    
 .mob-phone-header{
    display:none;
 } 
 .site-logo-mob{
    display:none;
 } 

 
 #mainnav_canvas ul li a{
    width: 90%;
 }
 .site-logo-menu-mob{
    width: 80%;
    margin: 40px 0 25px 11px;
 } 
.wpcf7 form.sent .wpcf7-response-output {
    display: block !important;
}

@media  (max-width: 991px) {
    #mainnav {
        display: none;
    }
    .btn-menu {
        display: block!important;
        order: 2;
            margin: 14px 15px 20px 20px!important;
    }
     .mob-phone-header{
        display:block;
        max-width: 30px;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 8px;
     }  
     #logo{
            margin-left: 10px;
     }

    .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea {
        border-radius: 15px;
        padding: 13px 13px;
        width: -webkit-fill-available;
        max-height: 50px;
        font-family: 'Inter';
    }
   
}

@media (max-width:768px){
    .themesflat-top{
        display:none;
    }
    #header {
        padding: 0px 0;
    }
    .two-column>.elementor-container{
        gap:10px
    }
     .two-column .elementor-container>div{
        width:48%;
    }  
    .get-header a{
        font-size: 14px;
        line-height: 1;
        padding: 11px 17px;
    }
    .sub-menu {
        background: #fff;
        border-bottom: 0px!important;
        font-style: italic;
    }
    /* базовое оформление */
    .menu,
    .menu li {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .menu > li > a, .sub-menu a {
        display: block;
        padding: 12px 15px;
        border-bottom: 1px solid #e2e2e2;
        text-decoration: none;
        color: #000;
        font-family: 'Inter';
    }
    .menu > li > a,
    .sub-menu a {
      display: block;
      padding: 10px 15px;
      border-bottom: 1px solid #e2e2e2;
      text-decoration: none;
      color: #000;
    }
    
    /* подменю по умолчанию закрыто */
    .menu .sub-menu {
      max-height: 0;
      overflow: hidden;
      transition: max-height .3s ease;
    }
    
    /* можно добавить небольшой отступ/фон для подменю */
    
    
    /* родительский пункт — место под стрелку */
    .menu-item-has-children > a {
      position: relative;
      padding-right: 30px; /* отступ под стрелку */
    }
    
    /* стрелка вниз по умолчанию */
    .menu-item-has-children > a::after {
      content: "▾";
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 12px;
      transition: transform .3s ease;
    }
    
    /* при открытом подменю — поворот стрелки вверх */
    .menu-item-has-children.open > a::after {
      transform: translateY(-50%) rotate(180deg);
    }
    .sub-menu {
        margin-left:10px;
    } 
    .sub-menu a{
        font-size:14px;
         color: #5a5a5a;
    }   
}

@media (max-width:580px){
         .site-logo{
        display: none;
     }
      .site-logo-mob{
            display:block;
                width: 30px;
    }
}