/* ------------- 
content start - Style
------------- */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



.custom-banner__close-btn {
	position: absolute;
    top: 0px;
    right: -17px;
    font-size: 30px; /*Размер кнопки закрытия(крестика)*/
    color: #40b69c; /*Цвет кнопки закрытия(крестика)*/
    line-height: 0.5;
    cursor: pointer;
}
.custom-banner {
    position: fixed;
    max-width: 700px;
    bottom: 15px;
    left: 85px;
    z-index: 999;
    background-color: #e1f7f5; /*Цвет фона*/
    padding: 6px 6px;
}
.custom-banner__content {
    position:relative;
    width: 100%;
    padding: 22px 18px 22px 20px; /*Внутренние отступы баннера*/
    display: grid;
    grid-gap: 0 100px;
    grid-template-areas:
        "a a"
        "b c";
    
    font-family: 'Montserrat', sans-serif;
    border: 0.22px solid #40b69c;
}
.custom-banner__header {
    font-family: 'Lato', sans-serif;
    grid-area: a;    
    font-weight: 600; /*Насыщенность текста заголовка*/
	font-size: 11px; /*Размер текста заголовка*/
	line-height: 108.52%;
	text-transform: uppercase;
	color: #000000; /*Цвет заголовка*/
}
.custom-banner__description {
	grid-area: b;
    font-family: 'Oswald'!important;
    font-style: normal;
    font-weight: 600; /*Насыщенность основного текста (нижней части)*/
    font-size: 18px; /*Размер основного текста (нижней части)*/
    line-height: 119%;
    text-transform: uppercase;
    color: #40b69c; /*Цвет основного текста (нижней части)*/
    padding-top: 7px;
}
.custom-banner__action {
	grid-area: c;
    
}
.custom-banner__btn{
    position: relative;
    padding: 11px 19px 11px 19px; /*Внутренние отступы кнопки*/
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#40b69c), to(#86D5C4)); /*Фон-градиент кнопки*/
    background-size: 200% 100%;
    background-position: 0;
    background-size: 200% 100%;
    background-position: 0;
    font-size: 10px; /*Размер текста кнопки*/
    line-height: 108%;
    text-transform: uppercase;
    color: #ffffff; /*Цвет текста кнопки*/
    transition: 0.35s cubic-bezier(0.29, 0.46, 0.32, 0.76);
}
.custom-banner__btn:before {
	content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M6.86937 0.479403L7.92181 6.17309L13.6409 7.09844L7.9592 8.04947L7.13373 13.7474L6.08129 8.0537L0.362163 7.12835L6.04391 6.17732L6.86937 0.479403Z' fill='%23CC7F3B'/%3E%3Cpath d='M9.47763 4.5171L7.77088 7.04637L9.61913 9.47416L7.08986 7.76741L4.66207 9.61566L6.36881 7.08639L4.52057 4.6586L7.04984 6.36534L9.47763 4.5171Z' fill='%23CC7F3B'/%3E%3C/svg%3E");
    display: block;
    position: absolute;
	top: -7px;
    right: -14px;
    width: 15px;
    height: 15px;
}
.custom-banner__btn:after {
	content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' fill='none'%3E%3Cpath d='M3.32761 0.232256L3.83743 2.99036L6.60786 3.43862L3.85554 3.89931L3.45568 6.65946L2.94586 3.90136L0.175428 3.4531L2.92775 2.99241L3.32761 0.232256Z' fill='%23CC7F3B'/%3E%3C/svg%3E");
    display: block;
    position: absolute;
    bottom: -7px;
    left: -10px;
    width: 7px;
    height: 7px;
}
@media screen and (min-width: 768px) {
    .custom-banner__btn:hover,
    .custom-banner__btn:focus {
        color: #fff;
        text-decoration: none;
        background-position: 40% 0!important;
    }
}
@media screen and  (max-width: 850px) {
    .custom-banner {
        left: 5px;
        bottom: 50px;
    }
    .gc-main-content:not(.with-left-menu) .custom-banner {
        bottom: 5px;
        left: 5px;
    }
}
@media (max-width: 600px) {
    .custom-banner__close-btn {
        top: -19px;
        right: 7px;
	}
}
@media (max-width: 450px) {
    .custom-banner__content {
        position:relative;
        padding: 10px 10px 15px 10px;
        grid-template-areas:
            "a a"
            "b b"
            "c c";
    }
    .custom-banner__action {
        grid-area: c;
        text-align: center;
    	margin-top: 5px;
    }
}
@media (min-width: 340px) and (max-width: 390px) {
    .custom-banner__description {
        font-size: 12px;
    }
}

/* ---------- GC ---------------- */

.custom-banner__content {
    grid-template-areas:
        "a a"
        "b d"
        "c c";
}

.custom-banner__description {
    padding: 4px 0;
}

.custom-banner__header.custom-banner__header-bottom {
    grid-area: c;
}

.custom-banner__action {
    grid-area: d;
}

@media (max-width: 450px) {
    .custom-banner {
        width: calc(100% - 15px);
    }
    
    .custom-banner__content {
        grid-template-areas:
        "a a"
        "b b"
        "c c"
        "d d";
    }
    
    .custom-banner__action {
        margin-top: 12px;
    }
}
/* ------------- 
content finish - Style
------------- */