.af_wrap{
	max-width:1300px;
	margin:30px auto;
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap:10px;
}
.af_wrap div{
	border:1px solid #ddd;
	background-color:#ededed;
	padding:15px;
	font-size:14px;
	position:relative;
}
.af_wrap input[type=text],.af_wrap input[type=date]{
	width:100%;
	padding:10px 15px;
	outline:none;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.af_wrap input[type=text]:focus, .af_wrap input[type=date]:focus{
	border:1px solid #50d6f9;
}
.af_wrap select{
	width:100%;
	padding:10px 15px;
	outline:none;
	border:1px solid #ccc;
}
label{
	margin-bottom:10px;
	display:inline-block
}
.af_wrap button{
	padding:11px 15px;
	background-color: #0f134a;
	color:#fff;
	border:none;
	position:absolute;
	bottom:15px;
	cursor: pointer;
	transition:0.8s;
}
.af_wrap button:hover{
	background-color: #50d6f9;
	color:#0f134a;
}
ul#d_offers, ul#o_offers{
	display:none;
	width:100%;
	box-sizing:border-box;
	position: absolute;
	list-style:none;
	top: 50px;
	left: 0;
	background-color:#fff;
	padding:15px;
	z-index:1;
	-webkit-box-shadow: 0px 17px 30px -2px rgba(0,0,0,0.33);
	-moz-box-shadow: 0px 17px 30px -2px rgba(0,0,0,0.33);
	box-shadow: 0px 17px 30px -2px rgba(0,0,0,0.33);
	height:300px;
	overflow-y:scroll;
}
ul#d_offers li, ul#o_offers li{
	border-bottom:1px solid #ccc;
	padding:8px 0;
	cursor:pointer;
}
ul#d_offers li:last-child, ul#o_offers li:last-child{
	border-bottom:none;
}
ul#d_offers li:hover, ul#o_offers li:hover{
	background-color:#ccc;
}
.o_wrap{
	max-width:1300px;
	margin:30px auto;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:30px;
}
.o_wrap div{
	border:1px solid #ddd;
	background-color:#ededed;
	padding:15px;
	font-size:14px;
	position:relative;
}
.o_wrap .sect{
	background-color:#fff;
	border:1px solid #ccc;
	padding:15px;
	margin:15px 0;
}
.o_wrap img{
	width:30px;
	vertical-align: middle;
}
.cover{
	width:100%;
	height:100vh;
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
	z-index:8;
}
.cntr{
	display:flex!important;
	align-items: center;
	justify-content: center;	
}
#fofer{
	text-align:center;
}
.sect sup{
	font-size:9px;
}
.oh{
	overflow: hidden;
}
/* MEDIA QUERIES */
@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1100px) {

}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 1281px) {

}
@media screen and (max-width: 900px) {

}
@media screen and (max-width: 800px) {

}
@media screen and (max-width: 700px) {

}
@media screen and (max-width: 600px) {

}
@media screen and (max-width: 500px) {

}
@media screen and (max-width: 400px) {

}