.soc_seti li{ display: inline-block; }



.top_banner { height: 500px; width: 100%; text-align: center;}

.top_banner>div{
	height: 500px;
	background: rgba(255,255,255, .7);
	display: table;
	width: 100%;
	text-align: center;
	padding-top: 50px !important;
}

.top_banner>div>div{
	height: clamp(180px, 13vw, 234px) !important;
	display: table-cell;
	vertical-align: middle; 
	text-align: center;
	background-size: contain !important;
}

.top_banner .slogan {
	text-transform: uppercase;
	padding-top: 8px;
	line-height: 16pt;
	text-align: center;
}

.top_banner .slogan strong { font-size: 42px;}

.banner_bottoms {
	display: table-row !important;
	/*height: 20px !important;*/ 
	background: none !important;
}
.banner_bottoms .btn-group.bron{
	display: none;
}
@media all and (max-width: 767px) {
	.banner_bottoms .btn-group.bron{
		display: block;
	}
}
.banner_bottoms #WidgetId{
	margin: 20px 0 0 0;
}
.banner_bottoms #WidgetId .WidgetApp_container.WidgetApp_inline{
	width: 100%;
	max-width: 890px;
	/*padding: 0 20px;*/
	border: double;
	color: #007ca2;
}

.DatesPeriodControl_placeholder {
	position: absolute;
	color: rgb(9, 8, 8)!important;
	z-index: 10;
	transform: translateY(-50%);
	top: 50%;
	left: 10px;
	cursor: text;
}


.banner_bottoms .btn { padding: 15px 0; border-radius: 5px; text-shadow: 0 0 1px rgba(0,0,0, .4); font-family: 'Ubuntu Bold';}

.banner_bottoms .more{ margin: 30px 10px 30px 0; width: 220px;}
.banner_bottoms .text{ margin: 30px 0; width: 180px;}
.banner_bottoms .arrow{ margin: 30px 0; width: 40px;}


.banner_bottoms a {text-transform: uppercase; color: white; text-decoration: none;}

.banner_bottoms .btn,  {width: 220px}

.footer_logo{display: none;}

.header_phone{
	display: inline-block;
	background-image: url(pict/cell.png);
	background-position-y: center;
	background-position-x: left; 
	background-repeat: no-repeat; padding-left: 21px;
	line-height: 18px;
}

.header_tel_adres .adres div{display: inline-block}

.adres{    background-image: url(/bitrix/templates/otelbron_red/pict/place.png); background-position-y: center; background-position-x: left; background-repeat: no-repeat; padding-left: 21px;}


.consent {}
.consent input {
    margin: 0!important;
}
.consent label, .consent input {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.label-line {
    display: inline-block;
    font-size: 12px !important;
    margin:0;
}
.gray-label {
    color: gray !important;
}