/* новые стили для сайта */
.development {
	background: rgba(0, 0, 0, 0) url("images/bg-development.png") no-repeat scroll 0 0;
	margin: 0 auto;
	min-height: 40px;
	padding: 0 0 0 110px;
	width: 136px;
}
.mark {color: #e31e24;}
.contact-box {
	color: #DC3506;
	left: 50%;
	margin: 0 0 0 250px;
	position: absolute;
	top: 323px;
	z-index: 5;
}
.contact-box strong {
	display: block;
	font: 16px/24px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	font-weight: 700;
}
.contact-box-inside {
	color: #DC3506;
	left: 50%;
	margin: 0 0 0 250px;
	position: absolute;
	top: 53px;
	z-index: 5;
}
.contact-box-inside strong {
	display: block;
	font: 16px/24px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
}
.btn-pop-up-online {
	background: url("/bitrix/templates/.default/images/btn-pop-up-online.png") no-repeat;
	color: #DC3506;
	display: block;
	font: 12px/30px 'PT Sans Narrow', Arial, Helvetica, sans-serif;
	height: 27px;
	padding: 0 12px 0 0;
	text-align: center;
	text-shadow: 0 0 3px #FDE065;
	text-transform: uppercase;
	width: 129px;
	font-weight: 700;
	outline: none !important;
}
.btn-pop-up-online:hover {
	text-decoration: none;
	background-position: 0 -30px;
	outline: none !important;
}

btn-pop-up-online:active, btn-pop-up-online:focus {
outline: none !important;
}
btn-pop-up-online::-moz-focus-inner {
  border: 0 !important;
}

.popup-holder {
	height: 0;
	overflow: hidden;
	position: relative;
}
.pop-up-form-reg-online {
	/*background: none repeat scroll 0 0 #FFFFFF;*/
	border-radius: 5px;
	font-size: 13px;
	line-height: 14px;
	padding: 10px 10px 8px;
}
.pop-up-form-reg-online h3 {
	color: #663300;
	font: 16px/23px 'PT Sans', Arial, Helvetica, sans-serif;
	margin: 0 0 10px;
	text-align: center;
	text-transform: uppercase;
}
.pop-up-form-reg-online .row {
	margin: 0 0 12px;
	overflow: hidden;
}
.pop-up-form-reg-online .sel {width: 402px;}
.pop-up-form-reg-online input[type="text"] {
	border: 1px solid #C2AD99;
	border-radius: 3px;
	color: #666666;
	display: block;
	font: 13px/17px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 5px 11px;
	width: 380px;
}
.pop-up-form-reg-online .col input[type="text"] {
	margin: 0 0 0 7px;
	width: 173px;
}
.pop-up-form-reg-online textarea {
	border: 1px solid #C2AD99;
	border-radius: 3px;
	color: #666666;
	display: block;
	font: 13px/17px Arial, Helvetica, sans-serif;
	height: 52px !important;
	margin: 0;
	overflow: auto;
	padding: 6px 11px;
	resize: none;
	width: 380px !important;
}
.pop-up-form-reg-online .col-holder {margin: 0 0 0 -7px;}
.pop-up-form-reg-online .col {
	float: left;
	width: 50%;
}
.pop-up-form-reg-online p {margin: 0 0 7px;}
.pop-up-form-reg-online .note {
	color: #CCCCCC;
	display: block;
	font: 11px/15px Arial, Helvetica, sans-serif;
}
.pop-up-form-reg-online .btn-row {margin: 0;}
.pop-up-form-reg-online input[type="submit"] {
	background: url("/bitrix/templates/.default/images/btn-send.png") no-repeat;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font: 13px/18px 'PT Sans', Arial, Helvetica, sans-serif;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 99px;
}
.pop-up-form-reg-online input[type="submit"]:hover {background-position: 0 -33px;}

.insta {
	left: 50%;
	margin: 0px 0px 0 210px;
	position: absolute;
	top: 323px;
	z-index: 5;
}

.insta-inside {
	left: 50%;
	margin: 0px 0px 0 210px;
	position: absolute;
	top: 53px;
	z-index: 5;
}



/* hide original element */
.jcf-hidden {
     display: block !important;
     position: absolute !important;
     left: -9999px !important; /* change to right: -9999px on RTL sites */
}
/* custom select styles */
.select-area {
	border: 1px solid #C2AD99;
	border-radius: 3px;
	cursor: default;
	float: left;
	height: 26px;
	position: relative;
	width: 402px !important;
}
.select-focus {
     border-color: #F19D31;
}
.select-area .center {
    float: left;
    line-height: 23px;
    padding: 3px 11px;
}
.select-disabled {
     background: #eee;
}
.select-area .select-opener {
    background: url("/bitrix/templates/.default/images/separator6.png") no-repeat 0 50%;
    cursor: pointer;
    float: right;
    height: 26px;
    position: relative;
    width: 15px;
}
.select-options {
    background: #FFFFFF;
    font-size: 14px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    z-index: 9999;
}
.select-options .drop-holder {
     border: 1px solid #C2AD99;
     overflow: hidden;
     height: 1%;
	background: #fdefdd
}
.select-options ul {
     list-style: none;
     padding: 0;
     margin: 0;
}
.select-options ul li {
     width: 100%;
     float: left;
}
.select-options ul a {
    color: #000000;
    display: block;
    height: 1%;
    padding: 3px 11px;
    text-decoration: none;
    transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
     -moz-transition: background 0.3s ease-out;
     -o-transition: background 0.3s ease-out;
}
.select-options .item-selected a,
.select-options a:hover {
     text-decoration: none;
     background: #F19D31;
     color: #fff;
}
/* misc styles */
.controls-list {
     list-style: none;
     padding: 0;
     margin: 0;
}
.controls-list li {
     margin: 0 0 10px;
     overflow: hidden;
     width: 100%;
}
.controls-list label {
     margin: 0 10px 0 0;
     float: left;
}
.controls-list label.demo-label span {
     font: bold 11px "Courier New", Courier, monospace;
     color: #007;
}
.controls-list select {
     width: 150px;
}
.live-example fieldset {
     font-size: 14px;
     line-height: 20px;
     border: 1px solid #ddd;
     display: block;
     padding: 15px;
     margin: 0 0 15px;
}
.live-example fieldset legend {
     font-style: italic;
     color: #000;
}
.live-example fieldset .scrollable-area-wrapper {
     margin: 0 0 20px;
}
.scrollable-area {
     background: #ffe;
     overflow: auto;
     height: 200px;
     width: 400px;
}
.anyscrollable .text,
.hscrollable .text {
     width: 600px;
}
.file-list .row {
     overflow: hidden;
     margin: 0 0 10px;
     width: 100%;
}
.file-list .flip .jcf-fake-input {
     float: right;
}
.test-select {
     width: 123px;
}
.select-options li.default {
     display: none;
}
ul.thumbnails {
     list-style: none;
     font-size: 50px;
     line-height: 150px;
     text-align: center;
     float: left;
     padding: 0;
     margin: 0;
}
ul.thumbnails li {
     background: #eee;
     display: inline;
     float: left;
     margin: 15px;
     width: 150px;
     height: 150px;
}
.btn-disabled {
     background: #aaa !important;
}
font.errortext {color: red}

#main {
	margin: 0 auto !important;
}
.holder {
	margin: 0 auto 25px !important;
}
#footer .holder {
	margin: 0 auto !important;
	padding: 0 !important;
}
#footer {font: bold 10px/1.3 Arial,Helvetica,sans-serif !important; margin: 0 !important;}
.w1 {position: static !important}
.footer-top-content {
	border-top: 1px solid #b5681b;
	font: 500 13px/1.2 "PT Sans Narrow",sans-serif,Arial,Helvetica;
	letter-spacing: 1px;
	overflow: hidden;
	padding: 12px 0 20px;
	text-transform: uppercase;
}
.footer-top-content .col {
	box-sizing: border-box;
	float: left;
	padding: 0 10px 0 0;
	width: 20%;
}
.footer-top-content .col:last-child {padding:0}
.footer-top-content .ttl {
	display: block;
	margin: 0 0 12px;
	font: 700 14px/1.2 "PT Sans Narrow",sans-serif,Arial,Helvetica;
	text-transform: uppercase;
}
.footer-top-content .ttl a {
	color: #782d01;
	text-decoration: none !important;
}
.footer-top-content .ttl a:hover {color: #ffffcc !important}
.footer-top-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-top-content li {
	margin: 0 0 7px;
	overflow: hidden;
}
#footer a {text-decoration: underline}
#footer a:hover {text-decoration: none}
.footer-bottom-content {
	border-top: 1px solid #b5681b;
	font: 12px/1.2 Arial,sans-serif,Arial,Helvetica;
	letter-spacing: 0;
	padding: 16px 0 37px;
}
.footer-bottom-content strong {display: block;}
.footer-bottom-content .col-copy {
	float: left;
	padding: 0 9px 0 0;
	width: 275px;
}
.footer-bottom-content .col-copy a {text-decoration: underline;}
.footer-bottom-content .col-copy a:hover {text-decoration: none;}
.footer-bottom-content .col-text {overflow: hidden; font-size: smaller;}
.footer-bottom-content .col-text > ul {
	float: left;
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.footer-bottom-content .col-text li {
	float: left;
	padding: 0 15px 4px 0;
	position: relative;
}
.footer-bottom-content .col-text li::after {
	content: "/";
	left: -9px;
	position: absolute;
	top: 1px;
}
.footer-bottom-content .col-text li:last-child {
	clear: both;
	float: none;
	overflow: hidden;
}
#footer .development {
	background-position: 0 3px;
	float: right;
	margin: 0 0 0 11px;
	padding: 0 0 0 110px;
	position: relative;
	top: -2px;
	width: 65px;
}
.btn-promotions {



	background: #fcda55;
	background: -moz-linear-gradient(top,  #fcda55 0%, #fbc127 100%);
	background: -webkit-linear-gradient(top,  #fcda55 0%,#fbc127 100%);
	background: linear-gradient(to bottom,  #fcda55 0%,#fbc127 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcda55', endColorstr='#fbc127',GradientType=0 );
	border: 1px solid #c99a3e;
	border-radius: 3px;
	color: #782d01;
	display: block;
	font-size: 14px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	text-decoration: none !important;
	width: 52px;
	z-index: 12;
}
.btn-promotions:hover,
.btn-promotions:active {
	background: #fbc127;
	background: -moz-linear-gradient(top,  #fbc127 0%, #fcda55 100%);
	background: -webkit-linear-gradient(top,  #fbc127 0%,#fcda55 100%);
	background: linear-gradient(to bottom,  #fbc127 0%,#fcda55 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc127', endColorstr='#fcda55',GradientType=0 );
}
.social-box {
	display: block !important;
	float: none !important;
	margin: 0 0 5px;
	overflow: hidden;
}
.count {float: right;}


@media(max-width: 1000px) {
	.decor-lt, .decor-rt, .decor-lb, .decor-rb {
		display: none !important;
	}
}


@media(max-width: 799px) {
	.footer-top-content .col > ul {
		display: none;
	}
	.footer-top-content .col {
		float: none;
		text-align: center;
		width: 100%;
	}
	.btn-promotions {
		margin:  0 auto;
	}
	.footer-bottom-content .col-copy {
		float: none;
		width: 100%;
		text-align: center; /* Выравнивает текст внутри блока по центру */
		box-sizing: border-box; /* Гарантирует, что padding не увеличит ширину больше 100% */
		padding: 0 15px; /* Рекомендую добавить небольшие отступы по бокам, чтобы текст не прилипал к краям экрана на очень узких телефонах */
		margin-bottom: 15px;
	}
	.footer-bottom-content .col-text > ul {
		display: none;
	}
	.count {
		display: none;
	}
	#footer .development {
		display: block;
		float: none;
		margin: 0 auto;
	}
	.footer-bottom-content {
		border: medium none;
		padding: 10px 0 0;
	}
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.video-responsive iframe, .video-responsive object, .video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.text-box-video-index {
	overflow: hidden;
	padding: 25px 25px;
}
.ytLoader {
	margin-left: -3px;
	margin-top: -3px;
}