/* Ховеры */

    .menu-item .tn-atom {
        transition: color 100ms ease;      /* переход только цвета */
        display: inline-block;              /* фиксирует box, Safari не расползается */
        width: auto;
    }
    
    .menu-item .tn-atom:hover {
        color: #EF6312 !important;
        transition: color 200ms ease;
    }
    
    .button-contact .tn-molecule:hover .contact-item .tn-atom {
        color: #EF6312 !important;
        transition: color 100ms ease;
    }
    
    .button-contact .tn-molecule:hover .contact-item .tn-atom {
        color: #EF6312 !important;
        transition: color 100ms ease;
    }


/* Уменьшение кнопки при нажатии */
	
	.button, .button-wa-white, .button-tg-white, .button-social, .button-tg-hover, .button-tg-hover-white {
        transition: 200ms;
	}
	
	.button:active, .button-social:active, .button-wa-white:active, .button-tg-white:active, .button-tg-hover:active, .button-tg-hover-white:active {
        transform: scale(0.98) !important;
        transition: 200ms;
	}
	
	.button-social:hover, .arrow-left:hover, .arrow-right:hover {
	    transform: scale(1.1);
	    transition: 200ms;
	}
	
	.uc-only-scale button:active {
        transform: none !important;
        transition: none !important;
    }
    
    
/* Иконка крестика в блоке вопросов на одном расстоянии от верха */

    @media screen and (min-width:1200px) {    
        .t585__icon {
            top: 43px !important;
        }
    }
	

/* Иконка WhatsApp в кнопке (слева при наведении) */
	
	.button-whatsapp .tn-atom:before {
        content: '';
        background-image: url(https://static.tildacdn.com/tild3963-3236-4561-b061-316665323366/whatsapp.svg);
        aspect-ratio: 1;
        height: 25%;
        margin-right: 10px;
    	transition: all 200ms ease;
    	opacity: 1;
    	visibility: visible;
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
        position: relative;
    }
    
    .button-whatsapp .tn-atom:hover:before {
        height: 30%;
	}
	
	.button-tg-white .tn-atom:before {
        content: '';
        background-image: url(https://static.tildacdn.com/tild3961-3539-4330-b066-353261633631/tg-white.svg);
        aspect-ratio: 1;
        height: 25%;
        margin-right: 10px;
    	transition: all 200ms ease;
    	opacity: 1;
    	visibility: visible;
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
        position: relative;
    }
    
    .button-wa-white .tn-atom:before {
        content: '';
        background-image: url(https://static.tildacdn.com/tild6634-6465-4466-a665-346537323836/wa-white.svg);
        aspect-ratio: 1;
        height: 25%;
        margin-right: 10px;
    	transition: all 200ms ease;
    	opacity: 1;
    	visibility: visible;
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
        position: relative;
    }
    
    .button-tg-white .tn-atom:hover:before, .button-wa-white .tn-atom:hover:before {
        height: 30%;
	}
    
	
/* Иконка Telegram в кнопке (слева при наведении) */
	
	.button-telegram .tn-atom:before {
        content: '';
        background-image: url(https://static.tildacdn.com/tild3064-6331-4337-b564-373466653033/telegram.svg);
        aspect-ratio: 1;
        height: 25%;
        margin-right: 10px;
    	transition: all 200ms ease;
    	opacity: 1;
    	visibility: visible;
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
        position: relative;
    }


/* На телефоне иконка TG меняется на белую */

    @media screen and (max-width: 639px) {
        .uc-tgbanner-no-scale .button-telegram .tn-atom:before, .uc-tg-banner .button-telegram .tn-atom:before {
            background-image: url(https://static.tildacdn.com/tild3961-3539-4330-b066-353261633631/tg-white.svg);
        }
    }
    
    .uc-tgbanner-sidebar .button-telegram .tn-atom:before {
        content: '';
        background-image: url(https://static.tildacdn.com/tild3961-3539-4330-b066-353261633631/tg-white.svg);
        aspect-ratio: 1;
        height: 25%;
        margin-right: 10px;
    	transition: all 200ms ease;
    	opacity: 1;
    	visibility: visible;
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
        position: relative;
    }
    
    
    .button-telegram .tn-atom:hover:before {
        height: 30%;
	}
	

/* Иконка стрелочки в кнопке (справа) */

	.mob-button-arrow .tn-atom:after {
        content: '';
        background-image: url(https://static.tildacdn.com/tild3939-3835-4363-b337-656263306237/arrow-btn-1-1.svg);
        aspect-ratio: 1;
        height: 25%;
        margin-left: 10px;
    	transition: all 200ms ease;
    	opacity: 1;
    	visibility: visible;
        display: inline-block;
        background-size: cover;
        background-repeat: no-repeat;
        vertical-align: middle;
        position: relative;
    }
    
    



/* Изменение размера изображений внутри шейпов (SBS → scale) */

    .img-scale {
        border-radius: 50px;
        overflow: hidden !important;
    }
    
    
/* Поворот карточек при наведении */

    @media screen and (min-width: 1199px) {
        .card-hover-small, .card-hover-midle, .card-hover-big, .card-hover-vertical {
            perspective: 1000px;
            transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        }
        
        .card-hover-small .tn-molecule, .card-hover-midle .tn-molecule, .card-hover-big .tn-molecule, .card-hover-vertical .tn-molecule {
            transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        }
        
        .card-hover-small > .tn-molecule:hover {
            transform: rotateY(15deg) scale(0.98) translateX(0rem);
            transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        }
        .card-hover-midle > .tn-molecule:hover {
            transform: rotateY(10deg) scale(0.98) translateX(0rem);
            transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        }
        .card-hover-big > .tn-molecule:hover {
            transform: rotateY(5deg) scale(0.98) translateX(0rem);
            transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        }
        
        .card-hover-vertical > .tn-molecule:hover {
            transform: rotateX(5deg) scale(1) translateX(0rem);
            transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        }
        
        
        /*.card-hover-vertical > .tn-molecule:hover > .tg-banner-img > .tn-atom {
            background-image: url("https://static.tildacdn.com/tild6561-3564-4664-b537-646530356431/_2.png");
        }*/
    }


/* Тень карточек при наведении */
    
    .card-about > .tn-molecule {
        transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1) !important;
    }
    
    .card-about > .tn-molecule:hover {
        transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1) !important;
    }
    
    
    .card-about .card-about-triangle, .card-consult .card-about-triangle, .card-help .card-about-triangle {
        transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
    }
    .card-about:hover .card-about-triangle, .card-consult:hover .card-about-triangle, .card-help:hover .card-about-triangle {
        transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
        transform: translate(-5px, 5px) !important;
    }
    
    
/* Подчёркивание ссылки на телегу при наведении (блок Обо мне) */
    
    .about-tg span {
        transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
    }
    
    .about-tg:hover span {
        transition: 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
        text-decoration: underline;
    }
    
    
/* Форма в отдельном блоке */
    
    label.t-checkbox__control {
        display: flex !important;
    }
    
    .t-input-group.t-input-group_cb {
        margin-bottom: 20px !important;
    }
    
    label.t-checkbox__control.t-checkbox__control_flex {
        align-items: start !important;
    }
    
    .t-checkbox__indicator {
        border: 1px solid !important;
    }
    
    .t-checkbox__indicator:after {
        left: 7px !important;
        top: 3px !important;
    }
    
    
/* Отступ сверху для скруглённых углов в многострочном поле
    textarea.t-input.js-tilda-rule.t-input-inline-styles {
        padding-top: 27px !important;
    }
    */

    
/* Уменьшение кнопки при нажатии */
	
	.button, .button-telegram, .button-whatsapp, .arrow-left, .arrow-right {
        transition: 200ms;
	}
	
	.button:active, .button-telegram:active, .button-whatsapp:active, .arrow-left:active, .arrow-right:active {
        transform: scale(0.98);
        transition: 200ms;
	}
	
	
/* Наведение на карточки услуг */
	
	.service-group .tn-molecule {
	    transition: 100ms;
	}
	
	.service-group .tn-molecule:hover {
	    background: #EBF0F2 !important;
	    transition: 100ms;
	}
	
	
/* Наведение на вопросы (цвет вопроса) */
	
	.t585__trigger-button .t585__title {
	    transition: 100ms !important;
	}
	
	.t585__trigger-button:hover .t585__title {
	    color: #F5630E !important;
	    transition: 100ms !important;
	}
	
	
/* Раскрывающееся меню */
	
	/*
	.t450__logowrapper {
        margin-bottom: 50px !important;
    }
    
    Изменения повлияют на все ненумерованные списки. Нужно уточнить путь.
    .t-records ul {
        margin-top: 25px !important;
        margin-bottom: 50px !important;
    }
    */
    
    
/* Цвет текста при наведении на карточку кейса */
    
    .card-hover-midle .card-title .tn-atom, .card-hover-vertical .card-title .tn-atom {
        transition: 100ms;
    }
    
   .card-hover-midle:hover .card-title .tn-atom, .card-hover-vertical:hover .card-title .tn-atom {
        color: #F5630E !important;
        transition: 100ms;
    }
    
    
/* Замена иконки в раскрывающемся списке TX16N в Tilda mo-ti.ru */

    .t585__opened .t585__lines {
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .t585__lines svg {
        display: none;
    }
    .t585__lines::after {
        content: " ";
        height: 24px;
        width: 24px;
        position: absolute;
        left: 0;
        background-image: url(https://static.tildacdn.com/tild6133-3737-4564-b063-373162333835/triangle-down-24x24.svg);
        background-size: 100%;
    }