button {
	cursor: pointer;
}

.container {
	width: 1280px;
}

.mob-hide {
	display: block;
}

.desk-hide {
	display: none;
}

.section {
	padding-top: 190px;
}

.section-text {
	grid-row-gap: 20px;
}

.section-text p {
	font-size: 24px;
	line-height: 29px;
}

.section-text__title {
	font-size: 36px;
	line-height: 44px;
}

/***=======================Header style========================***/

.header {
	padding: 0;
}

.header-container {
	padding: 19px 0;
}

.header-nav {
	position: static;
	width: auto;

	display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex: auto;

	background: none;

	padding: 0;
    padding-left: 100px;
}

.header-nav__list {
	display: flex;
	gap: 60px;
	align-items: center;
}

.header-nav__header-nav__list-item__link {
	font-size: 16px;
	line-height: 20px;
}

.header-line {
	width: calc(100vw - (100vw - 1280px) / 2);
	height: 1px;
	margin-left: auto;
	background: var(--primary-beige);
}

.header-btn button {
	background: none;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: var(--primary-beige);
	display: flex;
	padding: 0;
	font-family: 'Montserrat';
}

.header-btn button img {
	margin-right: 9px;
}

/***===========================================================***/

/***=======================Main-banner style========================***/

.main-banner {
	height: auto;
}

.main-banner__info {
	top: 150px;
}

.main-banner__info-text {
	grid-row-gap: 15px;
}

.main-banner__title {
	font-size: 64px;
	line-height: 78px;
}

.main-banner__info-text__sub {
	font-size: 32px;
	line-height: 39px;
}

.main-banner__info-text__btn {
	padding-top: 40px;
	width: 390px;
}

.main-banner__info-text__btn button {
	font-size: 16px;
	line-height: 20px;

	text-transform: uppercase;
	height: 86px;
}

.main-banner__shadow-right {
	background: linear-gradient(
		236deg,
		rgba(0, 0, 0, 0.7) 27%,
		rgba(0, 0, 0, 0) 87%
	);
}

.banner-swiper .swiper-pagination {
	display: grid;
	left: auto;
	right: 0;
	width: 373px;
	bottom: 370px;
	grid-row-gap: 10px;
}

.banner-swiper .swiper-pagination-bullet {
	display: flex;
	align-items: center;
	gap: 24px;
}

.banner-swiper .swiper-pagination-bullet-active::after {
	width: 100%;
	height: 1px;
}

.main-banner__shadow-bottom {
	height: 475px;
}

.main-banner__action {
	position: absolute;
	bottom: 83px;
	z-index: 2;
	width: 100%;
	margin-bottom: 20px;
}

.main-banner__action-list {
	display: flex;
	align-items: center;
	gap: 96px;
	justify-content: space-between;
}

.main-banner__action-list__item {
	font-weight: 700;
	font-size: 32px;
	line-height: 39px;
	text-transform: uppercase;
	color: var(--primary-blue-white);
	text-align: center;
}

.main-banner-line {
	/*width: 84%;*/
	height: 1px;
	width: calc(100vw - (100vw - 1280px) / 2);
	/*background: var(--primary-beige);*/
	box-shadow: 0 1px 0 var(--primary-beige);
	margin-top: 20px;
}

.intro__inner {
	flex-direction: row;
	gap: 0;
}

.intro__inner .countdown {
	order: 0;
}

.intro__inner > button {
	height: 50px;
}

.intro__inner > p {
	order: 1;
	font-size: 30px;
	line-height: 37px;
}

/***===========================================================***/

/***===================Credit style====================***/

.credit {
	padding-top: 100px;
}

.credit .section-text p {
	width: 58%;
	margin: 0 auto;
	z-index: 1;
}

.credit-info__text.mob-hide {
	display: grid;

	margin-left: -296px;
	position: relative;
	z-index: -1;
}

.credit-info__text-item {
	font-size: 16px;
	line-height: 20px;
}

.credit .container {
	display: grid;
	justify-content: center;
}

.credit-info .container {
	justify-content: flex-end;
}

.credit-info__head {
	margin-top: 120px;
	font-size: 32px;
	line-height: 39px;
	text-align: left;
}

.credit-info__form {
	margin: 80px 0 0;
	width: 553px;
}

.credit-info__img {
	margin-top: -1000px;
}

.credit-info__form-inputs {
	grid-row-gap: 40px;
}

.credit-info__form-inputs__input {
	height: 77px;
}

.credit-info__form-btn {
	height: 77px;
	margin-top: 70px;

	font-size: 24px;
	line-height: 29px;
}

.block-checkbox label {
	font-size: 16px;
	line-height: 20px;
}

.block-checkbox label input[type='checkbox'] + .checkbox-custom {
	width: 17px;
	height: 17px;
	left: -3px;
	top: 14px;
}

.block-checkbox label input[type='checkbox']:checked + .checkbox-custom {
	background-size: 9px;
}

.header-nav__list-item {
	padding: 0;
	border-bottom: none;
	display: flex;
}

.header-btn.desk-hide {
	display: none;
}

/***===========================================================***/

/***=======================Models style========================***/

.models.section {
	padding-top: 180px;
}

.models-ball {
	/* background: url(../img/ball-desk.webp) no-repeat;
    background-position: center;
    background-size: cover; */
	width: 1360px;
	height: 1360px;
	top: 342px;
	left: -41%;
}

.models-ball .ball {
	width: 679px;
	height: 679px;
}

.models-ball .ball-anim,
.models-ball .ball-anim-2,
.models-ball .ball-anim-3 {
	width: 679px;
	height: 679px;
}

@keyframes circle-base {
	from {
		margin-left: 0;
		transform: scale(0);
	}

	to {
		transform: scale(1);
		margin-left: 956px;
	}
}

.models-container__list {
	padding-top: 80px;
	grid-template-columns: repeat(3, minmax(auto, 1fr));
	grid-column-gap: 30px;
	grid-row-gap: 20px;
}

.models-btn__img {
	width: 277px;
}

.models-container__list-item {
	width: 100%;

	padding: 30px 0;
}

.models-container__list-item__text-head {
	font-size: 36px;
	line-height: 44px;
}

.models-container__list-item__text {
	grid-row-gap: 11px;
	margin-bottom: 15px;
}

.models-container__list-item__text-info {
	font-size: 16px;
	line-height: 20px;
}

.models-container__list-item__price {
	font-size: 32px;
	line-height: 39px;
	margin-top: 22px;
}

.models-container__list-item__btns {
	margin: 30px auto 0;
}

.models-container__rate {
	right: 33px;
	top: 94px;
}

/***=========================================================***/

/***===================Complections style====================***/

.complections.section {
	padding-top: 225px;
	overflow: hidden;
}

.complection-selects {
	padding: 30px 0 40px;
	justify-content: center;
	gap: 100px;
}

.selects-block {
	flex-basis: 26%;
}

.complection-list {
	display: grid;
	justify-content: unset;
}

.complection-list__item {
	width: 100%;
	height: 363px;

	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 103px 70px 113px;
}

.complection-list__item-btns {
	width: 273px;
}

.complections-ball__bottom {
	width: 1400px;
	height: 1400px;

	top: 5%;
}

/***=========================================================***/

/***=======================Footer style========================***/

.contacts {
	padding-top: 0;
	position: relative;
}

.contacts-info {
	padding: 150px 0 40px;
}

.contacts-info__item-wrap {
    padding: 40px 0 26px;
    display: flex;
    flex-direction: column;
    row-gap: 35px;
}
.contacts-info__item {
	font-size: 20px;
	line-height: 24px;
}

.contacts-info__line {
	width: 37%;
}

.contacts-map {
	height: 530px;
	width: 53%;
	margin-left: auto;
	margin-top: -353px;
}

.footer-grid {
	display: grid;
	grid-template-areas:
		'text-1 text-5 text-7'
		'text-1 text-6 text-7'
		'text-1 text-6 text-7';
	font-weight: 200;
	align-items: flex-start;
	justify-content: space-between;
	grid-column-gap: 125px;
}

.footer-grid.show {
	grid-template-areas:
		'text-1 text-5 text-7'
		'text-1 text-6 text-7'
		'text-2 text-2 text-2'
		'text-3 text-3 text-3'
		'text-4 text-4 text-4';
}

.text-1 {
	grid-area: text-1;
}

.text-2 {
	grid-area: text-2;
}

.text-3 {
	grid-area: text-3;
}

.text-4 {
	grid-area: text-4;
}

.text-5 {
	grid-area: text-5;
}

.text-6 {
	grid-area: text-6;
}

.text-7 {
	grid-area: text-7;
}

.text-margin__big {
	margin-top: 0;
}

.text-margin__small {
	margin-bottom: 0;
}

.footer-grid.show .text-hidden {
	margin-top: 42px;
}

.footer-grid.show .text-margin__small.text-3 {
	margin-top: 30px;
	margin-bottom: 6px;
}

/***=========================================================***/

/***=======================Pop-up style========================***/

.pop-up {
	/* position: fixed; */
	/* top: 20px; */
	z-index: 10;
	height: 450px;
	width: 840px;
	background-image: url(../img/pop-up-desk.webp);
	padding: 0;
}

.pop-up__form-checkbox {
	padding-top: 16px;
}

.pop-up__form-checkbox button {
	margin-left: 47px;
	width: 241px;
	font-size: 16px;
}

.pop-up__form-checkbox__text {
	justify-content: flex-start;
	margin-left: 15px;
}

.pop-up__form-inputs {
	width: 241px;
	margin-left: 47px;
}

.pop-up__form-inputs__input {
	height: 48px;
	background: #7d9ab84d;
	font-size: 16px;
}

.pop-up__form-inputs__input::placeholder {
	font-size: 16px;
}

.pop-up__text {
	width: 310px;
	margin-left: 32px;
	padding: 40px 0 30px;
}

.pop-up__text-head {
	font-size: 24px;
	line-height: 22px;
	/* margin-left: 20px; */
}

.pop-up__closed {
	right: 15px;
	top: 15px;
	padding: 0;
}

#complecation .filter .select {
	width: 435px;
}

/***=======================Media style========================***/

@media screen and (max-width: 1750px) {
	.credit-info__img img {
		width: 50%;
	}
}

@media screen and (max-width: 1600px) {
	/* .main-banner {
        height: 870px;
    } */
	/* 
    .main-banner__action {
        bottom: 0;
    } */

	.main-banner__info-text__btn {
		padding-top: 17px;
		width: 360px;
	}

	.main-banner__info-text__btn button {
		height: 75px;
	}
}

@media screen and (max-width: 1440px) {
	.banner-swiper .swiper-pagination {
		width: 273px;
	}
}

@media screen and (max-width: 1366px) {
	.container {
		width: 90%;
	}

	.header-line {
		width: calc(100vw - 5%);
	}

	.main-banner__action-list__item {
		font-size: 23px;
		line-height: 25px;
	}

	.models-container__list-item {
		width: 350px;
	}

	.models-container__list {
		grid-column-gap: initial;
	}

	.models-ball {
		top: 285px;
	}

	.credit-info__img {
		margin-top: -900px;
	}

	.credit-info__img img {
		width: 45%;
	}

	.contacts {
		padding-top: 100px;
	}

	.contacts-map {
		height: 400px;
	}

	.credit-info__form {
		width: 480px;
	}

	.main-banner-line {
		width: calc(95% - 20px);
	}
}

@media screen and (max-width: 1250px) {
	.contacts {
		padding-top: 23%;
	}
}

@media screen and (max-width: 1240px) {
	.credit-info__img img {
		width: 39%;
	}
}

@media screen and (max-width: 1190px) {
	.models-container__list {
		grid-template-columns: repeat(2, minmax(auto, 1fr));
	}

	.complection-list__item-info__head {
		font-size: 28px;
		line-height: 30px;
	}
}

@media screen and (max-width: 1150px) {
	.main-banner__info-text {
		grid-row-gap: 7px;
	}

	.main-banner__title {
		font-size: 49px;
		line-height: 52px;
	}

	.main-banner__info-text__btn {
		padding-top: 11px;
		width: 260px;
	}

	.main-banner__info-text__btn button {
		height: 57px;
		font-size: 12px;
		line-height: 15px;
	}

	.banner-swiper .swiper-pagination {
		width: 173px;
	}
}

@media screen and (max-width: 1110px) {
	.header-nav__list {
		gap: 36px;
	}

	.credit-info__img {
		margin-top: -800px;
	}

	.credit-info__img img {
		width: 34%;
	}

	.contacts {
		padding-top: 415px;
	}
}

.filtered-show,
.showmore-show {
	display: flex;
	opacity: 1;
	transition: 0.3s;
}

.filtered-hide,
.showmore-hide {
	display: none;
	opacity: 0;
}