@font-face {
	font-family: 'Montserrat';
	src: url(/fonts/Montserrat-Regular.woff2);
}
@font-face {
	font-family: 'Montserrat bold';
	src: url(/fonts/Montserrat-Bold.woff2);
}
@font-face {
	font-family: 'Montserrat SemiBold';
	src: url(/fonts/Montserrat-SemiBold.ttf);
}
@font-face {
	font-family: 'Montserrat ExtraBold';
	src: url(/fonts/Montserrat-ExtraBold.woff2);
}
@font-face {
	font-family: 'Montserrat Medium';
	src: url(/fonts/Montserrat-Medium.ttf);
}
.medium {
    font-family: 'Montserrat Medium';
}
.ebold {
    font-family: 'Montserrat ExtraBold';
}
.bold {
    font-family: 'Montserrat bold';
}
.semibold {
    font-family: 'Montserrat SemiBold';
}
body {
    font-family: 'Montserrat';
}
h1, h2 {
    margin: 1.5rem 0 1.5rem;
}
a {
	color: #fff;
	transition: all ease 0.2s;
}
a:hover {
	color: #FF5252;
	border-color: #FF5252;
}
.modal-title {
	font-size: 20px;
}
#orderModal textarea {
    min-height: 100px;
}
.slogan {
	margin-top: -10px;
}
.red {
	color: #FF5252;
}
h1 {
	font-size: 75px;
}
.list-plus li {
	display: flex;
	align-items: center;
	font-size: 18px;
	margin-bottom: 15px;
	line-height: 20px;
}
.list-plus li::before {
	content: "";
	display: block;
	min-width: 48px!important;
	width: 48px!important;
	height: 48px!important;
	min-height: 48px!important;
	background: url(/img/disc.png) center center no-repeat;
	background-size: contain;
	margin-right: 10px;
} 
.cont-bg {
	background: url(/img/tbg.png) right top no-repeat;
}
.wrap-plus {
	max-width: 550px;
}
.msg {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 56px;
	height: 56px;
}
.msg.wh {
	background: url(/img/wh.svg) center center no-repeat;
	background-size: contain;
	width: 52px;
	height: 52px;
}
.msg.tg {
	background: url(/img/tg.svg) center center no-repeat;
	background-size: contain;
}
.after-h1 {
	font-size: 18px;
}
.url-sert {
	font-weight: bold;
	border-bottom: 2px dotted #fff;
	text-decoration: none;
}

@media only screen and (max-width: 1350px){
    h1 {
		font-size: 60px;
	}
}

@media only screen and (max-width: 1200px){
    h1 {
		font-size: 45px;
	}
	.wrap-plus {
		max-width: 80%;
		padding-right: 50px;
	}
	.cont-bg {
		background-position: right -400px center;
	}
	.btn-sert {
		margin-left: 35px;
	}
}

@media only screen and (max-width: 990px){
	.wrap-plus {
		padding-right: 100px;
		max-width: 100%;
	}
    .cont-bg {
		background-position: right -500px center;
	}
}

@media screen and (max-width: 767px) {
    .cont-bg {
		background-position: right -550px center;
	}
}

@media screen and (max-width: 574px) {
	h1 {
		font-size: 35px;
	}
    .wrap-plus {
		padding-right: 70px;
	}
	.list-plus li,
	.after-h1 {
		font-size: 14px;
	}
	.cont-bg {
		background-position: right -570px center;
	}
	.modal-title {
		font-size: 16px;
	}
}
