*{
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}
body,html{
	margin: 0;
	padding: 0;
	background-color: #f0fbfe;
}
.wrapper{
	max-width: 1200px;
	margin: 0 auto;
}
.red_side{
	background-image: url(..//img/add_back.png);
}
@media(min-width: 767px){
	.red_side{
		background-image: none;
	}
	.red_side p br{
		display: none;
	}
}
header .wrapper{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
header{
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
	background-color: #fff;
}
.red_side p{
	margin: 3px 0;
}
.red_side p:nth-child(1){
	font-size: 20px;
	font-weight: 600;
	color:#333;
}
.card_logo img{
	max-width: 150px;
	max-height: 50px;
	display: block;
	margin: 0 auto;
}
.card_logo{
	margin: 10px 0;
	height: 50px;
	padding-bottom: 10px;
}
.card{
	width: 380px;
	box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	margin: 20px 10px;
	display: block;
	text-decoration: none;
	color:#333;
	background: #fff;
}
.offers{
	margin-top: 40px;
	font-weight: 600;
}
.offer_descr{
	font-size: 13px;
	
}
.descr_wrapper{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 0 15px;
}
.offer_descr_item{
	margin: 5px 8px;
}
.card_text{
	padding: 13px 0;
	background-image: url(..//img/back_green.png);
	background-size: cover;
	font-size: 13px;
	color: #282C31;
	opacity: .6;
	height: 50px;
	text-align: center;
}
.first_three .card_text{
	padding: 13px 0;
	background-image: url(..//img/back.png);
	background-size: cover;
	font-size: 13px;
	color: #282C31;
	opacity: .6;
	text-align: center;
}
.card_button{
	padding: 20px 0;
	font-size: 15px;
	color:#fff;
	font-weight: 600;
	text-align: center;
	background: #ef0a3b;
	border-radius: 0px 0px 5px 5px;
}
.first_three .card_button{
	padding: 20px 0;
	font-size: 11px;
	color:#fff;
	font-weight: 600;
	text-align: center;
	background: #006CE7;
	border-radius: 0px 0px 5px 5px;
}
.card{
	position: relative;
}
.card:nth-child(1):before{
	content: "";
	width: 120px;
	height: 20px;
	position: absolute;
	background-image: url(..//img/stars_5.png);
	background-size: contain;
	background-repeat: no-repeat;
	top:-8px;
	left: 50%;
	transform: translateX(-50%);
}
.card:nth-child(2):before{
	content: "";
	width: 80px;
	height: 20px;
	position: absolute;
	background-image: url(..//img/stars4.png);
	background-size: contain;
	background-repeat: no-repeat;
	top:-8px;
	left: 50%;
	transform: translateX(-50%);
}
.card:nth-child(3):before{
	content: "";
	width: 80px;
	height: 20px;
	position: absolute;
	background-image: url(..//img/stars4.png);
	background-size: contain;
	background-repeat: no-repeat;
	top:-8px;
	left: 50%;
	transform: translateX(-50%);
}
.offers .wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media(max-width: 767px){
	.red_side p{
		font-size: 10px;
		color:#fff;
	}
	.red_side p:nth-child(1){
		font-size: 12px;
		color:#fff;
	}
	.card{
		max-width: 90%;
		width: auto;
		margin: 20px auto;
	}
	header .wrapper{
		padding: 0;
		padding-left: 20px;
	}
	.red_side{
		max-width: 250px;
		background-size: cover;
		padding-left: 20px;
	}
	.offer_descr{
		font-size: 11px;
	}
}
.overlay{
	background-color: rgba(0, 0, 0, 0.35);
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 9999;
}
.text_bottom{
	color:#272727;
}
.text_bottom p{
	line-height: 24px;
}
.text_bottom ul li{
	margin:10px 0;
}
.modal{
	width: 450px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 15px;
	padding: 0 20px;
}
.icon_fire{
	position: relative;
	text-align: center;
}
.icon_fire img{
	margin: 0 auto;
	margin-top: -28px;

	position: relative;
}
.modal_title{
	width: 100%;
	/*height: 70px;*/
	position: relative;
	color:#000;
	font-weight: bold;
	font-size: 20px;
	text-align: center;

	padding: 10px;
}
.offer_modal .logo{
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	padding-left: 40px;
}
.modal .offer_button{
	margin-bottom: 0;
	height: 52px;
	line-height: 52px;
	border-radius: 0;
	background-color: #25c04d !important;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	width: 130px;
}
.modal{
	position: relative;
	padding-bottom: 20px;
}
.modal_text{
	text-align: center;
	padding: 0 10px;
	color: #3D3D3D;
	font-size: 14px;
}
.offer_modal .logo img{
	width: 130px;
}
.offer_modal .text{
	color: #191919;
	font-weight: bold;
	font-size: 17px;
}
.close_modal{
	position: absolute;
	top:10px;
	width: 20px;
	right:10px;
	cursor: pointer;
}
.close_modal img{
	max-width: 15px;
}
.offer_modal{
	display: flex;
	text-decoration: none;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 10px 0;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
}
.offer_modal .button .offer_button{
	margin-top: 0;
}
.offer_modal.border{
	border-top: 1px solid #0099FF;
	border-bottom: 1px solid #0099FF;
}
.modal_bottom{
	padding: 15px 0;
	position: relative;
	background-color: #0099FF;
}
.offer_modal{
	position: relative;
}
.point_block{
	position: absolute;
	left: -10px;
	top:50%;
	transform: translateY(-50%);
}
.modal .offer_button {
    margin-bottom: 0;
    height: 52px;
    line-height: 52px;
    border-radius: 0;
    background-color: #F09917 !important;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    width: 130px;
    transition: .3s;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.offer_button:hover {
    opacity: .7 !important;
}

@media(max-width: 767px){
	.modal_title{
		font-size: 15px;
	}
	.offer_modal{
		padding: 18px 30px;
	}
	.modal_title{
		margin-bottom: 15px;
	}
	.modal_title:before {
		height: 115px;
		    background-position-y: 115px;
	}
	.input_block input{
		width: 166px;
		font-size: 15px;
	}
	.offer_modal .logo img{
		max-width: 100px;
	}
	.offer_modal .button .offer_button{
		margin-top: 10px;
	}
	.modal{
		max-width: 98%;
	}
	.offer_modal{
		padding: 0;
	}
	.offer_modal .logo{
		padding-left: 10px;
	}
	.modal .offer_button{
		width: 100px;
	}
	.offer_modal .logo{
		padding-left: 17px;
	}
	.offer_modal .button .offer_button{
		margin-top: 0;
	}
}
footer{
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.06);
	padding: 15px 0;
	margin-top: 40px;
	text-align: center;
}
footer .footer_title{
	font-size: 20px;
	font-weight: 600;
}
@media(max-width: 767px){
	footer .wrapper{
		padding: 0 10px;
	}
}