/*стили для видео на первом экране мобильная версия*/
.videoBackground > video {
  object-fit: cover;
  background-size: cover;
  width: 100%;
  height: 100%
}

video {
    object-fit: cover;
}

/*ID зеро блока, который будет показываться по клику на кнопку со ссылкой #menu_up*/
#rec916626928 {
    display:none;
}

/*ВИДЖЕТ С КНОПКАМИ*/

/* Убираем тень у виджета с кнопками */
.t898__btn_label,
.t898__btn_label:hover,
.t898__icon_link,
.t898__icon_link:hover {
    box-shadow: none;
}

/* FIX: исправляем пробел у тултипа + меняем фон */
.t898__tooltip:after {
    right: -18px;
    border-left-color: #55514E;
}
.t898__tooltip {
    background: #55514E;
}

/* Цвет фона основной кнопки */
.t898__btn_label,
.t898__btn_input:checked+label {
    background: #1FC778 !important;
}

/* Цвет иконки у основной кнопки */
.t898__icon-write {
    stroke: #FFF4F4;
}

/* Цвет иконки «Close» */
.t898__icon-close g {
    fill: #FFF4F4;
}

/* Подсказка у основной кнопки */
.t898__hint {
    background: #55514E;
    opacity: 1;
}
.t898__hint:after {
    right: -18px;
    border-left-color: #55514E;
}

@media screen and (min-width: 1920px) {
        .t898__btn_label {
            width: 90px;
            height: 90px;
        }
        
        .t898__icon-write {
            width: 50px;
            height: 47px;
}
}

/*ВИДЖЕТ С КНОПКАМИ*/


/*код для фразы "Ваше сообщение получено"*/
  svg { fill: #1FC778; }
  
  .t-descr {
    font-weight: 100;
    color: #0E1915;
  }


/*СТИЛИ ДЛЯ ВИДЕО ВИДЖЕТА*/

 .video-widget { display: none; position: fixed; right: 0; z-index: 9999; bottom: 0; } .video-widget__container { font-family: Capsula; z-index: 9999; overflow: hidden; border-style: solid; background: #eee; -webkit-transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s; transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s; -o-transition: width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -o-transform .2s ease-in-out 0s; -moz-transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -moz-transform .2s ease-in-out 0s; transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s; transition: transform .2s ease-in-out 0s, width .3s ease-in-out 0s, height .3s ease-in-out 0s, bottom .3s ease-in-out 0s, border-color .2s ease-in-out 0s, opacity 1s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s; outline: 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 10px 20px; box-shadow: rgba(0, 0, 0, .2) 0 10px 20px; position: absolute; right: 10px; bottom: 10px; border-radius: 15px; border-width: 2px; width: 130px; height: 180px; border-color: #1FC778; } .video-widget__container:hover { -webkit-transform: scale(1.05) translate(5px, -5px); -moz-transform: scale(1.05) translate(5px, -5px); -ms-transform: scale(1.05) translate(5px, -5px); -o-transform: scale(1.05) translate(5px, -5px); transform: scale(1.05) translate(5px, -5px); border-color: #1FC778; } .video-widget__video { -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; min-width: 100%; min-height: 100%; z-index: 200; -webkit-transition: opacity .4s ease-in-out 0s; -o-transition: opacity .4s ease-in-out 0s; -moz-transition: opacity .4s ease-in-out 0s; transition: opacity .4s ease-in-out 0s; opacity: .9; } .video-widget__close { position: absolute; top: 6px; right: 6px; width: 20px; height: 20px; z-index: 250; opacity: 0; -webkit-transition: opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s; transition: opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s; -o-transition: opacity .2s ease-in-out 0s, -o-transform .3s ease-in-out 0s; -moz-transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s, -moz-transform .3s ease-in-out 0s; transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s; transition: transform .3s ease-in-out 0s, opacity .2s ease-in-out 0s, -webkit-transform .3s ease-in-out 0s, -moz-transform .3s ease-in-out 0s, -o-transform .3s ease-in-out 0s; } .video-widget__close:after, .video-widget__close:before { position: absolute; left: 9px; top: 1px; content: ""; height: 18px; width: 2px; background: #1FC778; -webkit-box-shadow: rgba(0, 0, 0, .5) 1px 1px 10px; box-shadow: rgba(0, 0, 0, .5) 1px 1px 10px; } .video-widget__close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .video-widget__close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .video-widget__container:hover .video-widget__close { opacity: .5; } .video-widget.video-widget[data-state=opened] .video-widget__container { width: 230px; height: 380px; border-radius: 15px; border-color: #1FC778; } .video-widget.video-widget[data-state=opened] .video-widget__close { opacity: .5; } .video-widget.video-widget[data-state=opened] .video-widget__close:before { display: none; } .video-widget.video-widget[data-state=opened] .video-widget__close:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .video-widget.video-widget[data-state=opened] .video-widget__close:hover { opacity: 1; } .video-widget__button { position: absolute; bottom: 20px; right: 20px; left: 20px; height: 50px; border-radius: 15px; z-index: 300; -webkit-box-shadow: rgba(0, 0, 0, .25) 0 4px 15px; box-shadow: rgba(0, 0, 0, .25) 0 4px 15px; text-align: center; -webkit-transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s; transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s; -o-transition: opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s; -moz-transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s; transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s; transition: transform .2s ease-in-out 0s, opacity .3s ease-in-out 0s, background-color .2s ease-in-out 0s, -webkit-transform .2s ease-in-out 0s, -moz-transform .2s ease-in-out 0s, -o-transform .2s ease-in-out 0s; visibility: hidden; background-color: #1FC778; font-size: 14px; font-weight: 500; color: #F3F9F9 !important; text-align: center; vertical-align: middle; line-height: 50px; text-transform: uppercase; opacity: 0 } @media screen and (max-width: 480px) { .video-widget__button { font-size: 14px; } } .video-widget__button:hover { background-color: #1FC778; text-decoration: none; } .video-widget.video-widget[data-state=opened] .video-widget__button { opacity: 1; visibility: visible; } @media only screen and (max-width:1023px) { .video-widget__close { opacity: .5; } } @media only screen and (max-width:480px) { .video-widget__container { right: 15px; bottom: 15px; width: 90px; height: 125px; } }  



/*код для кнопки в мобильной версии*/
    @media screen and (max-width: 640px) {
    .t585__trigger-button {
        padding-top: 25px !important;
    }
    }    
    
/*СВОЯ ТЕМА ДЛЯ ЯНДЕКС КАРТЫ*/

#map { width: 100%; height:370px; padding: 0; margin: 0; }

        @media (max-width: 1199px) {
            #map {
           /*Задаём высоту в мобильной версии*/
            height: 330px;
        }
        }
        
        
        @media (max-width: 639px) {
            #map {
           /*Задаём высоту в мобильной версии*/
            height: 300px;
        }
        }

.ymaps-2-1-79-controls-pane {
    display: none;
    
}

#map > ymaps {
border-radius: 10px;
overflow: hidden;
}

/*окрашивание карты:*/

.ymaps-2-1-79-ground-pane {
	filter: filter: hue-rotate(48deg);
	-ms-filter: hue-rotate(48deg);
	-webkit-filter: hue-rotate(48deg);
	-moz-filter: hue-rotate(48deg);
	-o-filter: hue-rotate(48deg);

}

/*режим наложения на шейп и отключение реакции курсора*/

.tn-elem__9063926261740151543803 { mix-blend-mode: difference; pointer-events: none; }


/*3d - карточки на главаной странице*/
/*Курсор палец*/
.card-flip-wrapper-main-1, .card-flip-wrapper-main-2, .card-flip-wrapper-main-3, .card-flip-wrapper-main-4, .card-flip-wrapper-main-5, .card-flip-wrapper-main-6 {
cursor: pointer !important;
}
/*Содержимое карточек*/
.card-flip-wrapper-face-1, .card-flip-wrapper-back-1,
.card-flip-wrapper-face-2, .card-flip-wrapper-back-2,
.card-flip-wrapper-face-3, .card-flip-wrapper-back-3,
.card-flip-wrapper-face-4, .card-flip-wrapper-back-4,
.card-flip-wrapper-face-5, .card-flip-wrapper-back-5,
.card-flip-wrapper-face-6, .card-flip-wrapper-back-6
{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
backface-visibility: hidden;
}
.card-flip-content-face-1, .card-flip-content-back-1,
.card-flip-content-face-2, .card-flip-content-back-2,
.card-flip-content-face-3, .card-flip-content-back-3,
.card-flip-content-face-4, .card-flip-content-back-4,
.card-flip-content-face-5, .card-flip-content-back-5,
.card-flip-content-face-6, .card-flip-content-back-6
{
zoom: 0 !important;
}
.card-flip-wrapper-back-1, .card-flip-wrapper-back-2, .card-flip-wrapper-back-3, .card-flip-wrapper-back-4, .card-flip-wrapper-back-5, .card-flip-wrapper-back-6 {
transform: perspective(1500px) rotateY(-180deg);
transition: transform 1.2s cubic-bezier(.34,1.56,.64,1);
}
.card-flip-wrapper-face-1, .card-flip-wrapper-face-2, .card-flip-wrapper-face-3, .card-flip-wrapper-face-4, .card-flip-wrapper-face-5, .card-flip-wrapper-face-6 {
transform: perspective(1500px) rotateY(0deg);
transition: transform 1.2s cubic-bezier(.34,1.56,.64,1);
}
.card-flip-wrapper-main-active .card-flip-wrapper-face-1,
.card-flip-wrapper-main-active-2 .card-flip-wrapper-face-2,
.card-flip-wrapper-main-active-3 .card-flip-wrapper-face-3,
.card-flip-wrapper-main-active-4 .card-flip-wrapper-face-4,
.card-flip-wrapper-main-active-5 .card-flip-wrapper-face-5,
.card-flip-wrapper-main-active-6 .card-flip-wrapper-face-6
{
transform: perspective(1500px) rotateY(180deg);
}
.card-flip-wrapper-main-active .card-flip-wrapper-back-1,
.card-flip-wrapper-main-active-2 .card-flip-wrapper-back-2,
.card-flip-wrapper-main-active-3 .card-flip-wrapper-back-3,
.card-flip-wrapper-main-active-4 .card-flip-wrapper-back-4,
.card-flip-wrapper-main-active-5 .card-flip-wrapper-back-5,
.card-flip-wrapper-main-active-6 .card-flip-wrapper-back-6
{
transform: perspective(1500px) rotateY(0deg);
}