.hidden_mob{
	display: block;
}
.visible_mob{
	display: none;
}
.banner_opt{
	position: relative;
	margin-bottom: 50px;
}
.banner_opt img{
	width: 100%;
}
.bo_wrapper{
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 10;
	padding: 150px 0 0 30px;
	top: 0;
	left: 0;
}
.banner_opt h1{
	font: 34px/46px Roboto;
	color: #ffffff;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 45px;
}
.banner_opt .btn_link{
	height: 50px;
	padding: 0 44px;
	font: 15px/50px Roboto;
	color: #ffffff;
	display: inline-block;
	background: #ff8200;
	text-transform: uppercase;
}
.banner_opt .btn_link:hover{
	color: #ffffff;
	text-decoration: none;
}

.opt_partners{
	margin-bottom: 50px;
}

h2.opt_title{
	font: 36px/36px Roboto;
	padding: 0;
	margin: 0 0 50px 0;
	color: #303030;
	text-transform: uppercase;
	text-align: center;
	font-weight: 500;
}
.op_list{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.op_list .op_item{
	width: 33%;
	text-align: center;
	margin-bottom: 45px;
}

.opt_benefits{
	margin-bottom: 80px;
}

.benefits_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.benefits_item{
	width: calc((100% - 36px)/3);
	height: 140px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	background: #e8e8e8;
	padding: 0 0 0 18px;
	margin-bottom: 18px;
}
.benefits_item img{
	margin-bottom: 14px;
}
.benefits_item .title{
	font: 18px/21px Roboto;
	font-weight: 500;
	color: #303030;
}

.opt_partnership{
	margin-bottom: 80px;
}

.opt_manager{
	
}
.om_title{
	width: 323px;
	height: 57px;
	background: url('/images/opt/ramka.png') no-repeat 0 0;
	padding: 11px 0 0 20px;
	color: #ff8200;
	font: 14px/14px Roboto;
	margin-bottom: 10px;
}
.om_manager{
	display: flex;
	height: 125px;
}
.om_info{
	padding-left: 30px;
	display: flex;
	align-content: space-between;
	width: 220px;
    flex-wrap: wrap;
	color: #000000;
}
.om_info div{
	width: 100%;
}

.om_info .om_name{
	font: 20px/22px Roboto;
	font-weight: 700;
}
.om_info .om_position{
	font: 16px/20px Roboto;
}
.om_info .om_phone{
	font: 16px/16px Roboto;
}

.partnership_row{
	display: flex;
	justify-content: space-between;
}
.partnership_col{
	width: 50%;
}

.custom_form{
	
}
.custom_form .input_box{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 36px;
}
.error_msg{
	display: none;
	color: red;
	position: absolute;
	top: 45px;
	left: 90px;
	
}
.custom_form .input_box.error input{
	border-color: red;
}
.custom_form .input_box.error .error_msg{
	display: block;
}
.custom_form input[type="text"]{
	display: block;
	height: 40px;
	background: #f6f6f6;
	border: 1px solid #e8e8e8;
	padding: 0 20px;
	color: #303030;
	font: 18px/18px Roboto;
	width: calc(100% - 90px);
}
.custom_form .form_label{
	color: #303030;
	font: 18px/18px Roboto;
	margin-bottom: 0;
}
.buttons_block{
	padding-left: 90px;
}
.btn_or_submit{
	display: inline-block;
	vertical-align: top;
	height: 50px;
	border: none;
	width: 200px;
	background: #ff8200;
	text-align: center;
	font: 16px/50px Roboto;
	text-transform: uppercase;
	color: #ffffff;
	cursor: pointer;
	
}
.btn_or_submit[disabled="disabled"]{
	filter: grayscale(100%);
}

.checkb_block{
	display: inline-block;
	vertical-align: top;
	width: 180px;
	margin-left: 30px;
	padding-top: 8px;
}
.checkb_block .checkbox-custom{
	height: 10px;
	width: 10px;
	background: #e8e8e8;
	box-shadow: none;
	border: 1px solid #dddddd;
	position: relative;
	margin-right: 8px;
	margin-top: -4px;
}
.checkb_block  .checkbox:checked + .checkbox-custom{
	background: #e8e8e8;
}
.checkb_block  .checkbox:checked + .checkbox-custom:before{
	content: '';
	height: 4px;
	width: 4px;
	background: #ff8200;
	position: absolute;
	left: 2px;
	top: 2px;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
}
.checkb_block  .check_label{
	font: 14px/16px Roboto;
	color: #303030;
	width: calc(100% - 25px);
	display: inline-block;
	vertical-align: top;
}
.checkb_block  .check_label a{
	color: #303030;
	text-decoration: underline;
}
.checkb_block  .check_label a:hover{
	text-decoration: none;
}

.ol_address{
	background: url('/images/opt/geo.png') no-repeat 30px 37px #00a0ed;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 37px 0 0 85px;
}
.ol_address .top_text{
	font: 18px/22px Roboto;
	color: #ffffff;
	margin-bottom: 15px;
}
.ol_address .bottom_text{
	font: 14px/16px Roboto;
	color: #ffffff;
}
.ol_block{
	padding-top: 55px;
	position: relative;
}
.ol_address{
	width: 485px;
	height: 150px;
	
}
.opt_location .contacts__map{
	width: 100%;
}

#form_opt_success{
	padding: 50px;
    font-size: 16px;
    text-align: center;
}

@media (max-width: 1025px){
	.bo_wrapper{
		padding: 100px 0 0 30px;
	}
	.banner_opt h1 {
		font: 22px/36px Roboto;
		color: #ffffff;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		font-weight: 500;
		margin-bottom: 30px;
	}
	.content__main_opt{
		padding: 15px 15px 0;
	}
	
}
@media (max-width: 900px){
	.benefits_item {
		width: calc((100% - 18px)/2);
	}
}
@media (max-width: 767px){
	.hidden_mob{
		display: none;
	}
	.visible_mob{
		display: block;
	}
	.banner_opt img{
		margin-bottom: 30px;
	}
	.bo_wrapper{
		position: static;
		padding: 0;
	}
	.banner_opt h1 {
		font: 18px/24px Roboto;
		color: #303030;
	}
	.banner_opt .btn_link {
		height: 50px;
		padding: 0;
		font: 14px/50px Roboto;
		color: #ffffff;
		display: inline-block;
		background: #ff8200;
		text-transform: uppercase;
		text-align: center;
		width: 100%;
		margin-bottom: 15px;
	}
	.banner_opt {
		position: relative;
		margin-bottom: 30px;
	}
	h2.opt_title {
		font: 20px/24px Roboto;
		padding: 0;
		margin: 0 0 30px 0;
	}
	.op_list {
		display: block;
	}
	.op_list .op_item {
		width: 100%;
		text-align: center;
		margin-bottom: 35px;
	}
	.benefits_item {
		width: 100%;
		height: auto;
		padding: 15px;
		display: block;
		text-align: center;
	}
	.benefits_item .title{
		padding: 0;
	}
	
	.partnership_row{
		display: block;
	}
	.partnership_col{
		width: 100%;
	}
	.opt_partnership{
		margin-bottom: 30px;
		overflow: hidden;
	}
	.om_info {
		padding-left: 20px;
		display: flex;
		align-content: space-between;
		width: 220px;
		flex-wrap: wrap;
		color: #000000;
	}
	.om_info .om_position {
		font: 14px/16px Roboto;
	}
	.om_info .om_name {
		font: 18px/20px Roboto;
		font-weight: 700;
	}
	.om_info .om_phone {
		font: 13px/15px Roboto;
	}
	.om_manager{
		margin-bottom: 20px;
	}
	.custom_form .input_box{
		display: block;
		margin-bottom: 25px;
	}
	.custom_form .form_label{
		margin-bottom: 10px;
	}
	.custom_form input[type="text"]{
		width: 100%;
	}
	.buttons_block {
		padding-left: 0;
	}	
	.btn_or_submit{
		width: 100%;
	}
	.checkb_block {
		display: inline-block;
		vertical-align: top;
		width: 100%;
		margin-left: 0;
		padding-top: 8px;
	}
	.ol_address {
		width: 100%;
		height: auto;
		position: static;
		margin-bottom: 20px;
	}
	.opt_location .contacts__map{
		margin: 0;
	}
	.ol_address{
		background: url('/images/opt/geo.png') no-repeat 15px 20px #00a0ed;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		padding: 20px 0 20px 60px;
		background-size: 25px auto;
		margin-bottom: 20px;
		position: static;
	}
	.ol_address .top_text {
		font: 16px/20px Roboto;
		color: #ffffff;
		margin-bottom: 15px;
	}
	.ol_address .bottom_text {
		font: 12px/16px Roboto;
		color: #ffffff;
	}
	.ol_block{
		padding: 0;
	}
	.error_msg {
		display: none;
		color: red;
		position: absolute;
		top: 67px;
		left: 0;
	}


}
@media (max-width: 350px){
	.om_title {
		width: 290px;
		height: 57px;
		background: url(/images/opt/ramka.png) no-repeat 0 0;
		padding: 10px 0 0 10px;
		color: #ff8200;
		font: 13px/14px Roboto;
		margin-bottom: 10px;
		background-size: 290px auto;
	}
}