@import "null.css";
@import "_burger.css";
@import "_form.css";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {

	/**/
	--main-color: #a4231d;
	--main-color_alt: #611810;
	--color-0: #4f4f4e;
	--color-1: #f2f4fa;

	--text: calc(14px + 8 * (100vw / 1920));
	--mb-30: calc(15px + 15 * (100vw / 1920));
	--mb-60: calc(15px + 45 * (100vw / 1920));
	--mb-120: calc(30px + 90 * (100vw / 1920));
	/**/
}

/**/
h1 {
	font-size: calc(16px + 30 * (100vw / 1440));
	line-height: calc(20px + 40 * (100vw / 1440));
	font-weight: 500;
	text-transform: uppercase;
}

/**/
h2 {
	font-size: calc(18px + 48 * (100vw / 1440));
	font-weight: 700;
	text-transform: uppercase;
}

/**/
h3 {
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
}

p {
	line-height: 1.5;
}

/* ----------------------------------------------------------*/
html,
body {
	color: #fff;
	height: 100%;
	line-height: 1;
	font-size: var(--text);
	background-color: var(--main-color);
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* ----------------------------------------------------------*/
.wrapper {
	min-height: 100%;
	opacity: 1;
	transition: opacity .8s ease 0s;

}

.wrapper._loaded {
	opacity: 1;
}

.wrapper._loaded .header {
	transition: transform .8s ease .8s;
	transform: translate(0px, 0px);
}

.wrapper._loaded .page__pagination {
	transform: translate(0px, -50%);
	opacity: 1;
	visibility: visible;
	transition: transform .6s ease .8s;
}

.wrapper._free .page__pagination {
	transition: all .3s ease 0s;
	transform: translate(50px, -50%);
	opacity: 0;
}


._container {}

/* PAGE------------------------------------------------------*/
.header {
	z-index: 999;
	width: 100%;
}

.page {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.page__wrapper {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.page__pagination {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translate(50px, -50%);
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-direction: column;
}

.page__bullet {
	width: 15px;
	height: 15px;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .5);
	margin: 10px 0;
	border-radius: 50%;
	transition: background-color .3s ease 0s;
	transform: scale(.8);
}

.page__bullet_active {
	background-color: #fff;
	transform: scale(1.1);
}

.page__scroll {
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);
}

.page__drag-scroll {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--main-color_alt);
	opacity: 0.8;
	cursor: pointer;
}

.page__screen {}

/* SCREEN---------------------------------------------------*/

.screen {
	flex: 1 0 100%;
	position: relative;
}

.screen__content {
	position: relative;
	z-index: 2;
	height: 100%;
}

.screen__body {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.screen__image {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.screen__image img {
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/* My------------------------------------------------------*/

.screen__row {
	display: flex;
	width: 100%;
	height: 100%;
}

.screen__row._alt {
	flex-direction: column;
}

.screen__column {
	flex: 0 1 50%;
	height: 100%;
}

.screen__column._alt {

	color: var(--color-0);
	background-color: var(--color-1);
}

.screen__img {
	max-width: 78%;
	height: 100%;
}

.screen__img img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.screen__img_sec5 {
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

/* MAIN------------------------------------------------------*/

.section__title {
	padding-top: 60px;
	padding-left: 60px;
	margin-bottom: 30px;
}

.section__sub-title {
	width: 70%;
	padding-left: 60px;
	padding-right: 15px;
	margin-bottom: 30px;
}

.section__sub-title._alt {
	background-color: rgba(0, 0, 0, 0.6);
	padding: 15px;
	width: 100%;
}

/* SECTION 1------------------------------------------------------*/
.home__content {
	display: flex;
	flex-direction: column;
	height: 100vh;
	width: 100%;
	justify-content: space-around;
	align-items: center;
}

.home__logo {
	padding: 0 var(--mb-120);
	margin-top: var(--mb-30);
	margin-bottom: var(--mb-60);
	object-position: center;
	width: 80%;
}

.home__logo img {
	max-width: 100%;
	object-fit: contain;
}

.home__title {
	display: inline-flex;
	margin: var(--mb-30);
	margin-bottom: var(--mb-60);
	margin-top: 0;
	text-align: center;


	color: #4f4f4e;
	background-color: #f2f4fa;
	padding: 15px 60px;
	-webkit-transform: skew(-10deg);
	-moz-transform: skew(-10deg);
	-o-transform: skew(-10deg);

	align-self: center;
}

.home__title h1 {
	font-weight: 700;
	text-align: center;
}

.home__social {}

.sec1__img-bg {
	width: 60%;
	height: 100%;
	margin: 0 auto;
	padding: var(--mb-120);
	padding-top: var(--mb-30);
}

.sec1__img-bg img {
	width: 100%;
	height: 100%;
}



/* SECTION 2------------------------------------------------------*/


.sec2__list {
	padding: 60px 15px 0 60px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	width: 100%;
	height: 100%;

}

.sec2_item {
	display: flex;
	align-items: center;
	margin-bottom: var(--mb-60);
}

/*
.sec2_item:last-child {
	margin-bottom: 0px;
}
*/

.sec2_img {
	max-width: 100px;
	align-self: flex-start;
	margin-bottom: 30px;
}

.sec2__text {
	display: flex;
	flex-direction: column;
	margin-left: 60px;
}

.sec2__title {
	font-size: 24px;
	color: var(--main-color);
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.sec2__sub-title {
	font-weight: 300;
}



/* -SECTION 3 -------------------------------------------------------*/


.sec3__body {
	position: relative;
	z-index: 2;
	color: #fff;
}

.screen__img_sec3 {
	position: absolute;
	top: 0;
	left: 0;
	height: 50%;
	width: 100%;
	z-index: 1;
}

.screen__img_sec3 img {
	object-position: bottom;
	width: 100%;
	height: 50vh;
	object-fit: cover;
}

.sec3__title {
	padding-top: var(--mb-60);
	margin-left: var(--mb-60);
	text-transform: uppercase;
	font-size: 48px;
	margin-bottom: var(--mb-60);
	font-size: calc(24px + 24 * (100vw / 1440));
	line-height: 48px;
	font-weight: 700;
}

.sec3__text {
	margin-left: var(--mb-60);
	margin-right: var(--mb-120);
	display: flex;
	justify-content: space-between;
}

.sec3__item {}


.sec3__item span {
	font-weight: 700;
	font-size: 24px;
	margin-bottom: 15px;
	line-height: 1.5;
	display: inline-block;
	text-transform: uppercase;
}

.sec3__line {
	height: 3px;
	width: 100%;
	background-color: #fff;
	margin-bottom: 15px;
	opacity: 0.5;
}

.sec3__item p {
	width: 100%;
}

/* -SECTION 4 -------------------------------------------------------*/
.sec4__body {
	display: flex;
	justify-content: space-between;
	align-items: flex-end
}

.sec4__form {
	margin-top: var(--mb-60);
	margin-right: var(--mb-120);
}

.sec4__img-bottom {
	overflow: hidden;
	height: 49.5vh;
	width: 100%;
	margin-top: 0px;
}

.sec4__img-bottom img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.sec4__list {
	margin-left: var(--mb-60);
	width: 90%;
}

.sec4__list-bottom {
	margin-left: var(--mb-60);
	margin-top: var(--mb-60);
}

.sec4__list p {
	position: relative;
	margin-bottom: 15px;
}

.sec4__list p:before {
	position: absolute;
	content: '';
	top: 28px;
	left: -18px;
	width: 2px;
	height: 80%;
	background-color: #fff;
	opacity: 0.4;
}

.sec4__list p:last-child:before {
	opacity: 0;
	height: 00%;
}

.sec4__list span {
	position: relative;
}

.sec4__list span:before {
	position: absolute;
	content: '';
	top: 8px;
	left: -22px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
}

.sec4__list p {}



.sec4__list_alt p:before,
.sec4__list_alt span:before {

	background-color: var(--color-0);
}

/* -SECTION 5 -------------------------------------------------------*/

.sec5__list {
	display: flex;
	flex-direction: column;
	padding-left: 60px;
	margin-top: 60px;
}

.sec5__item {
	margin-bottom: 30px;
	width: 70%;
	display: flex;
	padding-left: 20px;
}

.sec5__item {
	position: relative;
}

.sec5__item:before {
	position: absolute;
	content: '';
	top: 32px;
	left: 1px;
	width: 2px;
	height: 90%;
	background-color: #fff;
	opacity: 0.4;
}

.sec5__item span {
	position: relative;
}

.sec5__item span:before {
	position: absolute;
	content: '';
	top: 8px;
	left: -22px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #fff;
}

/* SECTION 6 -----------------------------------------------------*/
.sec6__imgs {
	display: flex;
}

.sec6__img {
	height: 49.5vh;
	width: 100%;
}

.sec6__img img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}


.img1 {
	object-fit: contain;
	width: 30%;
}

.sec6__list {
	display: flex;
	justify-content: space-between;
	width: 95%;
}



.sec6__list>div {
	margin-right: 30px;
}



/* SECTION 7 -----------------------------------------------------*/
.sec7__body {
	margin-top: var(--mb-60);
	margin-left: var(--mb-60);
	margin-right: var(--mb-120);
}

.sec7__logo {
	width: 30%;
	margin-bottom: var(--mb-30);
}

.sec7__table {
	display: flex;
	flex-direction: column;
}

.sec7__table-row {
	align-items: center;
	padding: 10px;
	justify-content: space-between;
	display: flex;
	border-bottom: dotted 2px #fff;
}

.sec7__title p {
	margin-bottom: 5px;
	margin: 15px 0;
	font-weight: 700;
}

.sec7__sub-title {
	text-align: center;
}

.sec7__sub-title span {
	font-weight: 700;
}


.sec7__price {
	text-align: center;
	font-weight: 700;
}

.sec7__price p {
	margin-bottom: 15px;
}

.sec7__price p:last-child {
	margin-bottom: 0px;
}

.sec7__text {
	text-align: right;
	font-size: 14px;
	font-weight: 300;
	padding: 15px;
	padding-right: 0;
}

.sec7__img-bg {
	opacity: .4;
}

/* SECTION 8 -----------------------------------------------------*/

.sec8__body {
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	padding: 15px;
	margin: 30px;
	margin-left: 60px;
	margin-top: 60px;
	height: 100%;
	justify-content: center;
}

.sec8__img {
	padding: 15px;
	text-align: center;
}

.sec8__img img {
	max-width: 200px;
}

/**/
.sec8__img_01 {
	flex: 0 1 20%;

}

.sec8__img_01 img {
	max-width: 100px;
}

.sec8__img_02 {
	flex: 0 1 40%;
}

.sec8__img_02 img {
	max-width: 160px;
}

.sec8__img_03 {
	flex: 0 1 40%;
}

.sec8__img_03 img {
	max-width: 300px;
}

/**/

.sec8__img_04 {
	flex: 0 1 40%;
}

.sec8__img_04 img {
	max-width: 200px;
}

.sec8__img_05 {
	flex: 0 1 30%;
}

.sec8__img_05 img {
	max-width: 100px;
}

.sec8__img_06 {
	flex: 0 1 30%;
}

.sec8__img_06 img {
	max-width: 100px;
}

/**/

.sec8__img_07 {
	flex: 0 1 50%;
}

.sec8__img_07 img {
	max-width: 200px;
}

.sec8__img_08 {
	flex: 0 1 50%;
}

.sec8__img_08 img {
	max-width: 200px;
}

/**/
.sec8__img_09 {
	flex: 0 1 33%;
}

.sec8__img_09 img {
	max-width: 100px;
}

.sec8__img_10 {
	flex: 0 1 33%;
}

.sec8__img_10 img {
	max-width: 200px;
}

.sec8__img_11 {
	flex: 0 1 33%;
}

.sec8__img_11 img {
	max-width: 200px;
}

.sec5__list {
	position: relative;
}

.sec8__social {
	padding-top: 30px;
	margin-top: var(--mb-60);
	justify-content: space-between;
	padding-right: var(--mb-120);
}

.sec8__social {}

.sec8__social-item {
	margin-bottom: var(--mb-30);
	margin-left: var(--mb-60);

}

.sec8__social .link__delimiter {
	margin: 0 15px;
	width: 50%;
	height: 4px;
	margin-bottom: var(--mb-60);
	margin-left: -5px;

	background-color: #f2f4fa;
}

.sec8__qrcode {
	max-width: 150px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: var(--mb-60);
}

.sec8__year {}

.sec8__year {
	padding-bottom: 15px;
	font-size: 12px;
	font-weight: 300;
	margin-left: var(--mb-60);

}

/* ----------------------------------------------------------*/
.home__social {
	margin: 0 auto;
	justify-content: center;
	flex-wrap: wrap;
}

.social {
	display: flex;
	width: 100%;
}

.link {
	display: flex;
	color: #f2f4fa;
	align-items: center;
	font-weight: 700;
	margin-bottom: 15px;
}

.link__img {
	width: 32px;
	margin-right: 15px;
}

.link__img_1 {
	margin-right: 62px;
}

.link__delimiter {
	margin: 0 15px;
	width: 4px;
	height: 32px;
	background-color: #f2f4fa;
}



/*---------------------------------------------------*/





/*---------------------------------------------------*/



/*  @MEDIA- 1280px ---------------------------------------------------------*/
@media screen and (max-width:1280px) {


	.sec8__qrcode {
		display: none;
	}

	.sec8__social {
		flex-direction: column;
	}

	.sec8__social-item {
		margin-bottom: 30px;
	}

	.sec4__body .form__item_btn {
		flex-direction: row;
		flex: 1 1 auto;
		flex-wrap: wrap;

	}

	.sec4__body .form__button {
		margin-bottom: 15px;
	}

	.sec4__form {
		margin-right: 15px;
	}
}

/*  @MEDIA- 768px ---------------------------------------------------------*/
@media screen and (max-width: 991.98px) {
	._container {}

	.sec4__body {
		flex-direction: column;
		align-items: flex-start
	}



	.sec4__form {
		margin-top: 15px;
		margin-right: 0;
	}

	.sec1__img-bg {
		width: 100%;
	}

	.section__title {
		padding-top: 55px;
		padding-left: 30px;
		margin-bottom: 20px;
	}

	.section__sub-title {
		width: 90%;
		padding-left: 30px;
		margin-bottom: 20px;
	}

	.sec2__list {
		padding: 30px 15px 0 30px;
	}

	.sec2_item {}

	.sec2__text {}

	.screen__row {
		display: flex;
		width: 100%;
		height: 100%;
		flex-direction: column;
	}

	.screen__column {
		flex: 1 1 100%;
		height: 100%;
	}

	.sec3__text {

		flex-direction: column;
	}

	.sec8__body {
		padding: 10px;
		margin: 30px;
	}



}

/*  @MEDIA- 640px ---------------------------------------------------------*/
@media screen and (max-width:767.98px) {
	.section__sub-title_03 {
		background-color: rgba(0, 0, 0, .6);
		padding: 30px 15px;
	}

	.sec4__img-bottom {
		overflow: hidden;
		height: 100%;
		width: 100%;
	}

	.sec4__img-bottom img {
		object-fit: contain;
		height: 100%;
		width: 100%;
	}

	.sec6__img_1 {
		display: none;
	}

	.sec6__img {
		flex: 1 1 100%;
		height: 49.5vh;
	}

	.sec6__list {
		flex-direction: column;
	}
}

/*  @MEDIA- 479px ---------------------------------------------------------*/
@media screen and (max-width:560px) {


	.home__content {
		display: flex;
		flex-direction: column;
		height: 100vh;
		width: 100%;
		justify-content: space-between
	}

	.home__logo {
		margin-top: 100px;
		width: 100%;
	}

	.home__title {
		margin-bottom: 30px;
		padding: 15px 30px;
	}


	.home__social {
		margin-bottom: 60px;
		justify-content: flex-start;
		padding-left: 15px;
	}

	.link:last-child {
		margin-bottom: 0px;
	}

	.link__delimiter {
		display: none;
		align-content: start;
	}

	.sec1__img-bg {
		margin-top: -100px;
	}

	._container {}

	.section__title {
		padding-top: 50px;
		margin-bottom: 15px;
		padding-left: 15px;
	}

	.section__sub-title {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;

		width: 100%;
	}

	.sec2__list {
		padding: 20px 15px 0 15%;
	}

	.sec2_item {
		flex-direction: column;
		align-self: start;
		margin-bottom: 15px;
		margin-top: 30px;
	}

	.sec2__text {
		margin-left: 0;
	}

	.sec2__img {
		margin: 60px 0;
	}

	.page__pagination {
		right: 10px;
		transform: translate(10px, -50%);
	}

	.page__bullet {
		width: 11px;
		height: 11px;
		margin: 20px 0;
	}


	.sec3__title {
		margin-top: 140px;
		line-height: 48px;
	}

	.sec3__text {
		margin-top: 30px;
		flex-direction: column;
	}

	.sec3__item {
		margin-bottom: 60px;
	}

	.sec4__list {
		padding-bottom: 15px;
		width: 88%;
	}

	.screen__img_sec4 img {
		display: none;
	}

	.sec6__img {
		height: 50vh;
	}

	.sec6__img img {
		object-position: 10%;
	}

	.sec7__logo {
		width: 100%;
		margin-bottom: var(--mb-30);
	}

	.sec7__table-row {

		align-items: start;
		flex-wrap: wrap;
	}

	.sec7__title {
		margin-bottom: 15px;
		flex: 1 1 100%;
	}

	.sec7__sub-title {
		margin-bottom: 15px;
		flex: 1 1 50%;
	}

	.sec7__price {
		margin-bottom: 15px;
		flex: 1 1 50%;
	}

	.sec8__body {
		padding: 5px;
		margin: 15px;
	}

	.sec8__img {
		flex: 1 1 50%;
	}

	.sec8__social {
		padding-top: 0;
	}

	.sec8__social .link__delimiter {
		width: 88%;
	}

	.form__button {
		flex: 0 1 48%;
		margin-right: 20px;
		margin-bottom: 30px;
	}

	.form__item_btn {
		flex-direction: column;
	}

}


.checkbox__lable a {
	font-weight: 700;
	color: #fff;
}