@charset "UTF-8";

.block {
	display: block;
}
/* ----- Заголовок баннеров ----- */
.banner-main__title {
    font-family: 'Gotham', sans-serif;
	font-weight: 700;
	font-size: 21px;
	line-height: 129%;
	text-transform: uppercase;
	margin-bottom: 25px;
}
/* ----- Заголовок баннеров ----- */

/* -------- Автор статьи -------- */
.banner-main__post {
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    background: rgba(255, 255, 255, 0.4);
    margin-bottom: 30px;
    color: #000;	
}
.banner-main__post--info {
    display: flex;
    justify-content: space-between;	
	border-bottom: 1px solid rgb(0 0 0 / 10%);
    padding-bottom: 15px;	
}
.banner-main__post--info .info {
	display: flex;
    align-items: center;
    gap: 6px;	
}
.banner-main__post--info .info svg {
	width: 18px;
    height: 18px;
    flex-shrink: 0;	
}
.banner-main__post--info .info p {
	line-height: 1;
}
.banner-main__post--info .info p > span:not([class]) {
	display: none;
}
.banner-main__post--info .info-data {
	
}
.banner-main__post--info .info-update {
	
}
.banner-main__post--info .info-time {
	
}
.banner-main__post--author {
    display: flex;
    gap: 10px;
    align-items: center;	
	padding-top: 15px;
}
.banner-main__post--author .author-img {
    width: 50px;
    height: 50px;
    flex-shrink: 0;	
}
.banner-main__post--author .author-img img {
    border-radius: 50%;
}
.banner-main__post--author .author-name {
	
}
.banner-main__post--author .author-name span {
	display: block;
    line-height: 130%;
}
.banner-main__post--author .author-name span:not([class]) {
	font-size: 14px;
    margin-bottom: 4px;	
}
/* -------- Автор статьи -------- */

/* ----- Кнопка получить точный рассчет и сравнить цены ----- */
.banner-main__btn {
	background-color: #F26421;
	color: #ffffff;
	display: flex;
	gap: 10px;
	align-items: center;
    border-radius: 6px;
    width: 261px;
    height: 57px;
	font-weight: 900;
	font-size: 14px;
	line-height: 120%;
	text-transform: uppercase;	
    padding: 10px 15px;	
	cursor: pointer;
}

.banner-main__btn:before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 371.39 443.06'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7Bfill:%23fdf7f4;%7D.cls-2%7Bfill:%23fefbfa;%7D.cls-3%7Bfill:%23fdf6f3;%7D.cls-4%7Bfill:%23fef9f6;%7D.cls-5%7Bfill:%23fdf8f5;%7D.cls-6%7Bfill:%23fef8f6;%7D.cls-7%7Bfill:%23fefaf8;%7D.cls-8%7Bfill:%23fefbf9;%7D %3C/style%3E%3C/defs%3E%3Cg id='Слой_2' data-name='Слой 2'%3E%3Cg id='Слой_1-2' data-name='Слой 1'%3E%3Cpath class='cls-1' d='M0,250.08v-177c0-1.83,0-3.67,0-5.5.2-8.08,2.45-10.31,10.53-10.31,48.5,0,97-.27,145.51.21,9.29.09,15-1.89,20.26-10.34C190,25.28,210.25,10.85,234.92,4.31,277.76-7,314.78,4.16,344.84,36.82a97.13,97.13,0,0,1,24.5,49.46c7.39,41.47-5.25,75.94-36.85,103.48-3.11,2.71-3.73,5.41-3.73,9.05q.08,115.77,0,231.54a39.81,39.81,0,0,1-.19,6c-.63,4.08-2.84,6.65-7.27,6.7-1.5,0-3,0-4.5,0h-305C1.74,443.06,0,441.39,0,431.11Q0,340.6,0,250.08Zm314.19-47a8.14,8.14,0,0,0-1.9,0c-20.09,9.55-40.83,13.67-63.22,10.12-16.91-2.68-32.57-8.12-45.84-18.55-8.5-6.68-16.9-9.16-27.57-9-45.66.51-91.32.23-137,.21-7.46,0-10.24-2.38-10.25-9q-.09-41,0-82c0-5.77,2.31-8.18,8-8.76a56.91,56.91,0,0,1,6-.16h109a26.31,26.31,0,0,0,5.48-.25c1.1-.23,2.6-1.11,2.92-2,1.29-3.7,2.19-7.53,3.45-12.12H21.13c-6.52,0-6.53,0-6.53,6.6v344c0,6.75,0,6.75,6.78,6.75h286c6.83,0,6.84,0,6.84-6.7V203.07Zm42.92-95.53c.07-50.24-39.3-92.78-92.56-93a92.83,92.83,0,0,0-.12,185.65C316.82,200.14,356.94,158.15,357.12,107.54ZM43.46,100.81c-.1,2.21-.24,3.86-.24,5.52,0,19.81.11,39.63-.1,59.45,0,4.59,1.38,5.87,6,5.85,41-.18,81.93-.1,122.89-.12,1.75,0,3.5-.16,6.38-.3-15-21.65-22.54-44.57-20.61-70.4Z' /%3E%3Cpath class='cls-2' d='M300,350.63q0,27.24,0,54.5c0,7.37-1.7,9.1-9.18,9.13q-19.49.09-39,0c-6.92,0-8.89-2.09-8.9-9q0-55,0-110c0-6.78,2.53-9.34,9.29-9.36q19.5-.08,39,0c6.16,0,8.78,2.67,8.79,8.76Q300.08,322.62,300,350.63ZM285.72,300c-7.9,0-15.2.25-22.49-.09-4.77-.22-6.27,1.33-6.24,6.2.21,29.5.1,59,.12,88.5,0,1.61.16,3.22.26,5h28.35Z' /%3E%3Cpath class='cls-3' d='M128.7,414.32c-6.83,0-13.66.1-20.49,0-5.72-.11-7.72-1.7-7.83-7.34-.26-14-.24-28,0-42,.08-5.13,2.78-7.6,7.92-7.65q20.51-.23,41,0c5.26.07,8,2.87,8.11,8.2.18,13.66.2,27.33,0,41-.09,5.54-2.54,7.65-8.16,7.76C142.37,414.42,135.54,414.32,128.7,414.32ZM115,399.66h27.88c0-8.56.07-16.84-.1-25.11a3.45,3.45,0,0,0-2.26-2.47c-8.42-.19-16.85-.12-25.52-.12Z' /%3E%3Cpath class='cls-3' d='M85.74,386.16c0,6.5.07,13,0,19.5s-2,8.57-8.26,8.63q-20.23.16-40.49,0c-5.85-.05-8.49-2.71-8.53-8.57q-.15-19.74,0-39.49c0-5.89,3-8.9,9-9q20-.18,40,0c5.59.06,8.22,2.82,8.31,8.38C85.82,372.5,85.74,379.33,85.74,386.16Zm-14.16,13.6c0-8.69.1-17-.15-25.23,0-.91-2.07-2.48-3.22-2.52q-10.71-.36-21.43,0c-1.23,0-3.44,1.49-3.47,2.35-.26,8.39-.16,16.8-.16,25.41Z' /%3E%3Cpath class='cls-4' d='M128.87,214.65c6.65,0,13.3,0,20,0,5.52,0,8.36,2.2,8.46,7.51q.38,21,0,41.91c-.09,5-3.4,7.67-8.48,7.69-13.47.05-26.95,0-40.42,0-4.77,0-7.82-2.33-7.89-7-.22-14.46-.19-28.93,0-43.39.06-4.48,2.7-6.82,7.42-6.74C114.89,214.74,121.88,214.66,128.87,214.65ZM114.7,229c0,8.8-.12,17.09.15,25.37,0,1.11,2,3,3.13,3.07,7.13.29,14.29.26,21.42,0,1.18,0,3.27-1.58,3.29-2.48.26-8.58.15-17.16.15-26Z' /%3E%3Cpath class='cls-5' d='M128.34,342.91c-6.83,0-13.66-.06-20.5,0-4.67.05-7.32-2.27-7.38-6.79-.17-14.33-.26-28.67,0-43,.09-5.17,2.79-7.25,8.16-7.28q20.25-.11,40.5,0c5,0,8.08,2.53,8.17,7.46q.36,21.24,0,42.49c-.08,4.66-3.1,7.11-7.91,7.09C142.34,342.89,135.34,342.91,128.34,342.91Zm14.56-14.27c0-8.73.15-16.85-.16-24.95,0-1.24-2.15-3.39-3.38-3.44-7.12-.34-14.27-.26-21.41-.06-1.08,0-3,1.38-3,2.17-.22,8.71-.14,17.44-.14,26.28Z' /%3E%3Cpath class='cls-4' d='M57.37,214.65c6.83,0,13.66-.05,20.48,0,5.06.05,7.76,2.52,7.8,7.56q.19,20.75,0,41.47c0,5.34-3,8.06-8.48,8.08q-20,.08-40,0c-5.63,0-8.68-2.85-8.74-8.52q-.23-20.24,0-40.47c.06-5.48,2.92-8.07,8.41-8.11C43.72,214.6,50.54,214.65,57.37,214.65Zm14.19,14.1c-8.91,0-17.21-.13-25.5.16-1.07,0-2.92,2.18-3,3.4-.28,7.16-.19,14.33-.1,21.5,0,2.47,1.13,3.92,4,3.85,7-.15,14,.07,21-.16,1.21,0,3.37-1.51,3.4-2.37C71.66,246.51,71.56,237.89,71.56,228.75Z' /%3E%3Cpath class='cls-5' d='M57,342.91c-6.66,0-13.32.06-20,0-5.53-.06-8.44-2.62-8.49-8q-.21-20.47,0-41c.06-5.14,3.07-8,8.17-8.05q20.72-.15,41.45,0c4.72,0,7.49,2.69,7.54,7.42q.21,21.22,0,42.46c0,4.54-3,7.07-7.71,7.12C70.94,343,63.94,342.91,57,342.91ZM71.6,328.86c0-9,.15-17.43-.18-25.87,0-1-2.59-2.74-4-2.81-6.66-.3-13.33,0-20-.17C44.49,300,43,301,43,304c0,7.16-.1,14.33.14,21.49,0,1.16,1.63,3.23,2.56,3.25C54.09,329,62.55,328.86,71.6,328.86Z' /%3E%3Cpath class='cls-6' d='M199.64,414.29c-6.65,0-13.31.09-20,0-6.19-.12-7.8-1.7-7.83-7.67q-.12-20.71,0-41.43c0-5,2.41-7.73,7.58-7.8q20.7-.3,41.42,0c5.2.08,8,3.43,8,8.75q.09,19.72,0,39.43c0,6.16-2.53,8.65-8.79,8.74C213.29,414.37,206.46,414.29,199.64,414.29Zm14.83-14.65c0-8.59.08-16.85-.11-25.12a3.52,3.52,0,0,0-2.39-2.47c-8.56-.19-17.13-.11-25.65-.11v27.7Z' /%3E%3Cpath class='cls-7' d='M171.83,314.48c0-6.82-.05-13.65,0-20.47.06-5.44,2.42-8.07,7.7-8.11q20.7-.16,41.43,0c4.74,0,7.83,3.09,7.87,7.82q.19,20.72,0,41.43c0,4.83-3,7.68-7.85,7.71q-21,.12-41.93,0c-5,0-7.14-2.26-7.21-7.41C171.77,328.46,171.84,321.47,171.83,314.48Zm14.38,14h28.32c0-8.71.11-17-.14-25.3,0-1.06-2-2.92-3.07-3-8.27-.25-16.55-.14-25.11-.14Z' /%3E%3Cpath class='cls-8' d='M200.47,214.66c6.82,0,13.64-.06,20.46,0,4.86.07,7.85,2.79,7.9,7.64q.22,20.72,0,41.44c0,4.81-3.41,8-8.27,8q-20.47.12-40.94,0c-5,0-7.75-2.74-7.77-7.61q-.12-21,0-41.93c0-5.38,2.2-7.46,7.63-7.53C186.49,214.6,193.48,214.66,200.47,214.66Zm-14.2,42.94c8.64,0,16.94.13,25.21-.16,1.07,0,2.89-2.28,2.94-3.56.28-7.32.23-14.65,0-22,0-1.06-1.49-3-2.33-3-8.58-.23-17.18-.14-25.84-.14Z' /%3E%3Cpath class='cls-3' d='M292.23,71.35a7.85,7.85,0,0,1,.53,1.18c1.76,13.67,1.76,13.67-11.67,13.67-7.66,0-15.32.07-23,0-4.5,0-7.38,2-7.92,6.49-.47,3.88,3.34,7.45,8.07,7.65s9.66,0,14.48.15c10.31.36,19.28,8.68,20.19,18.58,1,10.9-5.67,20.51-16.14,23-3.53.83-5.31,2.3-5.21,6.38.22,9.05-3.31,11.54-12.27,9-1-.27-2-2-2.11-3.16-.28-3.28-.1-6.61-.1-10.48H236a129.21,129.21,0,0,1,.2-13.19c.08-.82,2.75-1.92,4.25-1.95,10.32-.22,20.64-.14,31-.26,4.36,0,6.81-2.57,7.2-6.75.35-3.69-3.12-6.83-7.46-7.06-2.32-.13-4.67.11-7-.08-4.6-.38-9.38-.25-13.71-1.57-10-3-15.15-11.67-14.45-22.68.53-8.26,7.59-16,16.64-17.79,3.39-.69,4.82-2.27,4.48-5.78-.27-2.79-.06-5.63-.06-9.36,4.38,0,8.46-.21,12.49.18.81.08,1.94,2.37,2,3.7.68,10.11.61,10.12,10.61,10.12Z' /%3E%3Cpath class='cls-1' d='M264.3,171.79c15-.83,28.15-4.76,39.4-13.75s19.11-19.91,22.45-33.92c1-4.31,1.34-8.8,2.38-13.11.32-1.36,1.82-3.27,3-3.42,3.57-.44,7.23-.16,12.46-.16-1.73,8.66-2.52,16.76-5,24.29-7.85,23.55-23.54,40.21-46.84,48.9-7.47,2.79-15.73,3.48-23.65,5-2.88.55-4.34-.78-4.19-3.9S264.3,175.44,264.3,171.79Z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	width: 28px;
	height: 33px;
	flex-shrink: 0;
}
/* ----- Кнопка получить точный рассчет и сравнить цены ----- */

.banner-category .banner-main__info {
	display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 25px;	
}
.banner-category .banner-main__text {
	font-size: 16px;
	line-height: 119%;
	color: #000;
    width: 310px;
}
.banner-category .banner-main__list {
	line-height: 119%;
	color: #000;	
}
.banner-category .banner-main__item.icon {
    display: flex;
    gap: 10px;
    align-items: start;		
}
.banner-category .banner-main__item.icon svg {
    flex-shrink: 0;
    width: 30px;

}
@media (min-width: 768px) {
/* ----- Заголовок баннеров ----- */
	.banner-main__title {
        font-size: 25px;
        margin-bottom: 20px;
	}
/* ----- Заголовок баннеров ----- */

/* -------- Автор статьи -------- */
	.banner-main__post {
		display: flex;
		align-items: center;
		width: 506px;
		margin-bottom: 40px;
	}
	.banner-main__post--info {
		flex-direction: column;
		gap: 18px;
		padding-right: 15px;
		border-bottom: 0;
		padding-bottom: 0;
	}
	.banner-main__post--info .info p > span:not([class]) {
		display: inline-block;
	}
	.banner-main__post--author {
		flex-direction: column;
		align-items: unset;
		padding-left: 15px;
		padding-top: 0;
		border-left: 1px solid rgb(0 0 0 / 10%);
	}
/* -------- Автор статьи -------- */

/* ----- Кнопка получить точный рассчет и сравнить цены ----- */
    .banner-main__btn {

    }

    .banner-main__btn:before {

    }
/* ----- Кнопка получить точный рассчет и сравнить цены ----- */
	.banner-category .banner-main__info {
		gap: 40px;	
		margin-bottom: 40px;
	}
	.banner-category .banner-main__text {
		font-size: 18px;
		line-height: 122%;
		color: #3a3a3a;
		width: 480px;
	}
	.banner-category .banner-main__list {
		font-size: 18px;
		line-height: 122%;
		color: #000;
		width: 480px;
	}
	.banner-category .banner-main__item.icon {
		gap: 15px;
	}
	.banner-category .banner-main__item.icon svg {
		width: 47px;
	}	
}
@media (min-width: 1200px) {
/* ----- Заголовок баннеров ----- */
	.banner-main__title {
		font-size: 35px;
		line-height: 123%;
		color: #333333;
		margin-bottom: 40px;
	}
/* ----- Заголовок баннеров ----- */

/* -------- Автор статьи -------- */
	.banner-main__post {
		font-size: 18px;
		padding: 20px;
		width: 602px;
		margin-bottom: 60px;
	}
	.banner-main__post--info {
		gap: 22px;
		padding-right: 30px;
	}
	.banner-main__post--info .info svg {
		width: 22px;
		height: 22px;
	}	
	.banner-main__post--author {
        padding-left: 30px;
    }
	.banner-main__post--author .author-img {
		width: 60px;
		height: 60px;
	}
	.banner-main__post--author .author-name span:not([class]) {
		font-size: 16px;
	}
/* -------- Автор статьи -------- */
	
/* ----- Кнопка получить точный рассчет и сравнить цены ----- */
    .banner-main__btn {
        width: 330px;
        height: 74px;
		font-size: 18px;
        padding: 15px 20px;
    }

    .banner-main__btn:before {
        width: 33px;
        height: 39px;
    }
/* ----- Кнопка получить точный рассчет и сравнить цены ----- */
	.banner-category .banner-main__info {
		gap: 41px;
		margin-bottom: 61px;
	}
	.banner-category .banner-main__text {
		width: 650px;
	}
}



/* ----- Обшие стили баннеров ----- */
.banner-main__wrapper {
    opacity: 0;
    transition: 0.9s opacity ease-in-out;
	position: relative;
}

.banner-main__wrapper.is-visible {
    opacity: 1;
}

.banner-main__background {
    margin-bottom: 30px;
}

.banner-main__images {
    position: relative;
    min-height: 20.3rem;
    background-repeat: no-repeat;
    background-size: 100% 20.3rem;
    background-size: cover;
}

.banner-main__images:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6.2rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

@media (min-width: 768px) {
	.banner-main__inner {
		padding-top: 60px;
        margin-left: 30px;
        width: 506px;
	}	
    .banner-main__background {
        display: flex;
		min-height: 450px;
        position: relative;
		flex-direction: row-reverse;
		margin-bottom: 0;
    }

    .banner-main__background:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, #fff 46%, rgba(255, 255, 255, 0) 100%);
        z-index: 1;
    }

    .banner-main__images {
        width: 100%;
    }

    .banner-main__images::before {
        display: none;
    }

    .banner-main__images--bg {
        position: absolute;
        left: 6rem;
        top: 6rem;
        z-index: 1;
        padding: 2.5rem 0 0 0;
        max-width: 48rem;
        background-repeat: no-repeat;
        background-size: cover; 
    }
	
	.banner-main__content {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
	}
	.banner-main__container {
        display: flex;
        flex-direction: column;
        height: 100%;
	}	
}

@media (min-width: 768px) and (max-width: 1199px) {

    .banner-main__images {
        background-position-x: right;
    }
}

@media (min-width: 1200px) {
	.banner-main__inner {
		width: 877px;
		margin-left: 0;
		padding-top: 100px;
	}	
    .banner-main__background {
        min-height: 631px;
    }

    .banner-main__images--bg {
        position: relative;
        top: 0;
        left: 0;
        max-width: none;
        width: 50%;
        padding: 5.1rem 0 0 0;
        background-image: url("../../../img/banner-bg-big.jpg");
    }

    .banner-main__images--bg:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(179.96deg, rgba(255, 255, 255, 0) -1.08%, rgba(255, 255, 255, 0.63) 16.38%);
    }

    .banner-main__images--bg:after {
        content: '';
        position: absolute;
        top: 0;
        right: -66rem;
        width: 165rem;
        height: 100%;
        background-image: url("../../../img/banner-shadow-big.png");
        background-repeat: no-repeat;
    }
}

@media (min-width: 1500px) {
    .banner-main__images--bg {
        width: 85%;
    }
}

@media (min-width: 1900px) {
    .banner-main__images--bg:after {
        right: -77rem;
    }
}

/* ----- Обшие стили баннеров ----- */


/* ----- На главной странице ----- */
.banner-main .banner-main__images {
    background-image: url('../../../img/banner-img-22-small-1.jpg');
}

@media (min-width: 768px) and (max-width: 1199px) {
    .banner-main .banner-main__images--bg {
        max-width: 60rem;
    }

    .banner-main .banner-main__images {
        background-image: url('../../../img/banner-img-22-middle-2-1.jpg');
    }
}

@media (min-width: 1200px) {
    .banner-main .banner-main__images {
        background-image: url('../../../img/banner-img-22-big-1.jpg');
    }
}

/* ----- На главной странице ----- */