/*Общие стили: разметка и масштаб
-----------------------------------------------------------------------------------*/

body { min-width: 1000px; }
@media screen { :root, body { min-width: 480px; } }
@media screen and (max-width: 479px) {
	@-ms-viewport { width: 480px; }
	@-o-viewport { width: 480px; }
	@viewport { width: 480px; }
}

.width-100 { width: 100% !important; }
.width-67 { float: left; width: 67% !important; }
.width-50 { float: left; width: 50% !important; }
.width-33 { float: left; width: 33% !important; }

.bx-touch .bx-touch-hidden { display: none; }
.bx-no-touch .bx-no-touch-hidden { display: none; }

/*the LarGe or less styles*/
@media screen and (max-width: 1279px) {
	.width-100-lg { width: 100% !important; }
	.width-67-lg { float: left; width: 67% !important; }
	.width-50-lg { float: left; width: 50% !important; }
	.width-33-lg { float: left; width: 33% !important; }
	.hidden-lg { display: none !important; }
	.no-float-lg { float: none !important; }
	.no-margin-lg { margin-left: 0 !important; margin-right: 0 !important; }
	.no-margin-left-lg { margin-left: 0 !important; }
	.no-margin-right-lg { margin-right: 0 !important; }
}
/*More Large or less styles*/
@media screen and (max-width: 1139px) {
	.width-100-ml { width: 100% !important; }
	.width-67-ml { float: left; width: 67% !important; }
	.width-50-ml { float: left; width: 50% !important; }
	.width-33-ml { float: left; width: 33% !important; }
	.hidden-ml { display: none !important; }
	.no-float-ml { float: none !important; }
	.no-margin-ml { margin-left: 0 !important; margin-right: 0 !important; }
	.no-margin-left-ml { margin-left: 0 !important; }
	.no-margin-right-ml { margin-right: 0 !important; }
}
/*SMall or less styles*/
@media screen and (max-width: 999px) {
	.width-100-sm { width: 100% !important; }
	.width-67-sm { float: left; width: 67% !important; }
	.width-50-sm { float: left; width: 50% !important; }
	.width-33-sm { float: left; width: 33% !important; }
	.hidden-sm { display: none !important; }
	.no-float-sm { float: none !important; }
	.no-margin-sm { margin-left: 0 !important; margin-right: 0 !important; }
	.no-margin-left-sm { margin-left: 0 !important; }
	.no-margin-right-sm { margin-right: 0 !important; }
	.zoom-120-sm { zoom: 1.2; }
	.zoom-150-sm { zoom: 1.5; }
	.zoom-200-sm { zoom: 2; }
}
/*Quite Small or less styles*/
@media screen and (max-width: 899px) {
	.hidden-qs { display: none !important; }
}
/*More Small or less styles*/
@media screen and (max-width: 759px) {
	.width-100-ms { width: 100% !important; }
	.width-67-ms { float: left; width: 67% !important; }
	.width-50-ms { float: left; width: 50% !important; }
	.width-33-ms { float: left; width: 33% !important; }
	.hidden-ms { display: none !important; }
	.no-float-ms { float: none !important; }
	.no-margin-ms { margin-left: 0 !important; margin-right: 0 !important; }
	.no-margin-left-ms { margin-left: 0 !important; }
	.no-margin-right-ms { margin-right: 0 !important; }
	.zoom-120-ms { zoom: 1.2; }
	.zoom-150-ms { zoom: 1.5; }
	.zoom-200-ms { zoom: 2; }
}
/*eXtra Small or less styles*/
@media screen and (max-width: 619px) {
	.width-100-xs { width: 100% !important; }
	.width-50-xs { float: left; width: 50% !important; }
	.hidden-xs { display: none !important; }
	.no-float-xs { float: none !important; }
	.no-margin-xs { margin-left: 0 !important; margin-right: 0 !important; }
	.no-margin-left-xs { margin-left: 0 !important; }
	.no-margin-right-xs { margin-right: 0 !important; }
	.zoom-120-xs { zoom: 1.2; }
	.zoom-150-xs { zoom: 1.5; }
	.zoom-200-xs { zoom: 2; }
}
/*the Nano styles (smaller than body width range)*/
@media screen and (max-width: 479px) {
	.hidden-nano { display: none !important; }
}

@media (min-width: 480px) {
	.show-nano { display: none !important; }
}
@media (min-width: 620px) {
	.show-xs { display: none !important; }
	.left-border-xs { box-sizing: border-box; padding-left: 19px; border-left: 1px; }
}
@media (min-width: 760px) {
	.show-ms { display: none !important; }
	.left-border-ms { box-sizing: border-box; padding-left: 19px; border-left: 1px; }
}
@media (min-width: 900px) {
	.show-qs { display: none !important; }
}
@media (min-width: 1000px) {
	.show-sm { display: none !important; }
	.left-border-sm { box-sizing: border-box; padding-left: 19px; border-left: 1px; }
}
@media (min-width: 1140px) {
	.show-ml { display: none !important; }
	.left-border-ml { box-sizing: border-box; padding-left: 19px; border-left: 1px; }
}

.left { float: left; }
.right { float: right; }
.center { margin-left: auto; margin-right: auto; }
.float50 { width: 50%; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear-both { clear: both;}
.no-wrap { white-space: nowrap; }

/*Шапка
-----------------------------------------------------------------------------------*/
#header { margin: 0 auto 20px; position: relative; }
#hdr_top_cont { height: 60px; background: #fea; }
#main_menu_cont { height: 33px; background: #ccc; }
#search_str_cont { height: 55px; background: #ea3; }

/*Контент
-----------------------------------------------------------------------------------*/
#all-middle, .all-middle { max-width: 1280px; margin: 0 auto; /*position: relative;*/ }
.all-middle { position: relative; }
.in-middle { margin-left: 20px; margin-right: 20px; clear: both; }
.middle { margin: 20px; clear: both; /*position: relative;*/ /*max-width: 1280px;*/ }
.bottom-stripe { margin-top: 40px; }

/*Блоки колонок - для резиновой верстки*/

.block { width: auto; display: block; }
.fixed200-right { width: 200px; float: right; }
.fixed250-left { width: 270px; float: left; }
.spread-200r { margin-right: 200px; }
.spread-250l { margin-left: 270px; }

/*Колонки - непосредственно для контента*/

.column {
	display: block;
	margin: 0 20px 20px 0;
	/*min-height: 20px;*/
	/*background: #bbb;*/
	width: auto;
}
.last-block > .column,
.fixed200-right > .column,
.middle > .column,
.column > .column { margin-right: 0; }

.content { overflow: hidden; }

.fixed450px {
	width: 450px;
	background: #eee;
}

.textbox {
	margin: 20px;
	background: #bbb;	
}

/*Футер
-----------------------------------------------------------------------------------*/
#footer {
	position: relative;
	margin: 40px auto 0;
	min-height: 120px;
	clear: both;
	background: #333;
}

/*Адаптивность шаблона
-----------------------------------------------------------------------------------*/
@media screen and (max-width: 999px) {
	.in-middle, .middle { margin-left: 10px; margin-right: 10px; }
	
	.fixed200-right { display: none; }
	.spread-200r { margin-right: 0; }
	
	.column { margin-right: 10px; }
	.last-block-sm > .column, .content-column > .column { margin-right: 0; }
}
@media screen and (max-width: 759px) {
	.in-middle, .middle { margin-left: 5px; margin-right: 5px; }
	
	.fixed250-left { width: auto; float: none; }
	.spread-250l { margin-left: 0; }
	
	.column {}
	.last-block-xm > .column, .fixed250-left > .column { margin-right: 0; }
}

@media (max-width: 359px) {
	.content,
	.page_title,
	.search_result,
	.nav_menu { font-size: 14.4px; line-height: 21.6px; }
}
@media (max-width: 479px) {
	.content,
	.page_title,
	.search_result,
	.nav_menu { font-size: calc(0.9rem + ((1vw - 3.6px) * -2)); line-height: calc(1.35rem + ((1vw - 3.6px) * -3)); }
}
@media (min-width: 480px) {
	.content,
	.page_title,
	.search_result,
	.nav_menu { font-size: 12px; line-height: 18px; }
}
@media screen and (min-width: 620px) and (max-width: 759px), screen and (min-width: 900px) {
	ul.adapt-2-column { column-count: 2; }
	ul.adapt-2-column > li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
}