@font-face { 
    font-family: "nevermind";
    src: url("../fonts/nevermind/nevermindcompact-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: "nevermind";
    src: url("../fonts/nevermind/nevermindcompact-bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face { 
    font-family: "nevermind";
    src: url("../fonts/nevermind/nevermindcompact-light-webfont.ttf") format("truetype");
    font-weight: lighter;
    font-style: normal;
}

@font-face { 
    font-family: "unbounded";
    src: url("../fonts/unbounded/unbounded-regular-webfont.woff") format("woff"), 
         url("../fonts/unbounded/unbounded-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: "unbounded";
    src: url("../fonts/unbounded/unbounded-bold-webfont.woff") format("woff"), 
         url("../fonts/unbounded/unbounded-bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face { 
    font-family: "unbounded";
    src: url("../fonts/unbounded/unbounded-medium-webfont.woff") format("woff"), 
         url("../fonts/unbounded/unbounded-medium-webfont.ttf") format("truetype");
    font-weight: medium;
    font-style: normal;
}

@font-face { 
    font-family: "unbounded";
    src: url("../fonts/unbounded/unbounded-light-webfont.woff") format("woff"), 
         url("../fonts/unbounded/unbounded-light-webfont.ttf") format("truetype");
    font-weight: lighter;
    font-style: normal;
}

.uk-logo{
	max-width: 250px;
}

.uk-logo.uk-navbar-item{
	max-width: 160px;
}

.tm-gradient-1{
    background: -webkit-linear-gradient(60deg, #f3e8e3, 75%, #C9E1F6);
    background: linear-gradient(60deg, #f3e8e3, 75%, #C9E1F6);
}

.tm-gradient-2{
	background: -webkit-linear-gradient(60deg, #6386b4, #243256);                       
	background: linear-gradient(60deg, #6386b4, 75%, #243256);                                            
}

.tm-gradient-3{
	background: -webkit-linear-gradient(60deg, #f3e8e3,#ed6d8a);
	background: linear-gradient(60deg, #f3e8e3, 75%, #ed6d8a);     
}

.tm-gradient-4{
	background-color: rgba(250, 225, 231, 0.17);
	background-image: radial-gradient(circle at center center, rgba(242, 231, 225, 0.9), rgba(250, 225, 231, 0.17)), repeating-radial-gradient(circle at center center, rgba(242, 231, 225, 0.9), rgba(242, 231, 225, 0.9), 40px, transparent 80px, transparent 40px);
}

.tm-pattern {
    height: 230px;
    background: url("/images/pattern/pattern.png") 100% 0 repeat-x;
}

@media (max-width: 640px){
	.tm-uslugi .uk-panel .uk-padding-large {
		padding: 40px 10px;	
	}
	.tm-specialist .uk-h3{
		font-size: 16px;
	}
}


/* Виджет */
.messenger-widget {
        position: fixed;
        right: 30px;
        bottom: 30px;
        z-index: 9999;
}
/* Главная кнопка */
.main-button {
        width: 55px;
        height: 55px;
        background: #64c03a;
    /* новый цвет */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative;
}
.main-button svg {
        width: 26px;
        height: 26px;
}
/* Волны */
.main-button::before, .main-button::after {
        content: "";
        position: absolute;
        border: 1px solid #64c03a;
    /* новый цвет */
        border-radius: 50%;
        top: -15px;
        left: -15px;
        right: -15px;
        bottom: -15px;
        animation: pulse 2.5s infinite;
        opacity: 0;
}
.main-button::after {
        animation-delay: 1.3s;
}
    @keyframes pulse {
        0% {
            transform: scale(0.5);
            opacity: 0;
    }
        50% {
            opacity: 1;
    }
        100% {
            transform: scale(1.3);
            opacity: 0;
    }
}
/* Кнопки мессенджеров */
.messenger-btn {
        position: absolute;
        right: 5px;
        width: 45px;
        height: 45px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        pointer-events: none;
        transition: 0.3s;
}
.messenger-btn svg {
        width: 26px;
        height: 26px;
        fill: #fff;
}
/* WhatsApp */
.whatsapp {
        background: #25D366;
        bottom: 125px;
}
/* Telegram */
.telegram {
        background: #2aabee;
        bottom: 180px;
}
.telegram svg{
    width: 40px;
    height: 40px;
}
/* Активное состояние */
.messenger-widget.active .messenger-btn {
        opacity: 1;
        pointer-events: auto;
}
.max svg {
    width: 45px;
    height: 45px;
}
/* MAX */
.max {
    background: transparent;
    bottom: 70px;
    width: 45px;
    height: 45px;
    padding: 0;
}