/**************************************************************** FONTS */ /******подключить шрифты через @font-face *******/ /**************************************************************** PRINT */ @media print { * { background: none !important; color: black !important; box-shadow: none !important; text-shadow: none !important; /* Images, vectors and such */ filter: Gray(); /* IE4-8: depreciated */ filter: url('desaturate.svg#grayscale'); /* SVG version for IE10, Firefox, Safari 5 and Opera */ -webkit-filter: grayscale(100%); /* Chrome + Safari 6 */ -moz-filter: grayscale(100%); /* Future proof */ -ms-filter: grayscale(100%); /* Future proof */ -o-filter: grayscale(100%); /* Future proof */ filter: grayscale(100%); /* Future proof or polyfilled */ } a { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } a[href="#"], a[href="javascript:"] { content: ""; } } /**************************************************************** Показ блоков на разных экранах */ @media (min-width: 767px) { 	.screen_hidden { 		display:none !important; 	} } @media (max-width: 767px) { 	.mobile_hidden { 		display:none !important; 	} } /**************************************************************** SITE */ /*Блоки*/ .w100 {width:100%;clear:both;} .w90 {width:90%;} .w85 {width:85%;} .w80 {width:80%;} .w75 {width:75%;} .w70 {width:70%;} .w60 {width:60%;} .w50 {width:50%;} .w40 {width:40%;} .w35 {width:35%;} .w33 {width:33.33%;} .w30 {width:30%;} .w25 {width:25%;} .w20 {width:20%;} .w16 {width:16.66%;} .w15 {width:15%;} .w10 {width:10%;} .w100, .w90, .w85, .w80, .w75, .w70, .w60, .w50, .w40, .w35, .w33, .w30, .w25, .w20, .w16, .w15, .w14, .w10 { 	float:left; 	position:relative; 	box-sizing:border-box; 	min-height:1px; } .row { /*Блок, в котором колонки ставятся в один ряд с одинаковой высотой*/ 	display:table; 	width:100%; 	table-layout:fixed; } .column_in_row { /*Колонки в блоке с классом .row*/ 	display:table-cell; 	vertical-align: top; 	float:none; } .column_pos_in_row { /*Колонки в блоке с классом .row*/ 	display:table-cell; 	width: 100%;	vertical-align: top; 	float:none; } .column_pos1_in_row { /*Колонки в блоке с классом .row*/ 	display:table-cell; 	width: 70%;	vertical-align: top; 	float:none; } .column_pos2_in_row { /*Колонки в блоке с классом .row*/ 	display:table-cell; 	width: 30%;	height: 370px;	vertical-align: top; 	float:none; } /*Основные теги и классы*/ html { 	 } body { 	background-color:#efefef; 	/*background-image: url('../img/nebo_2.png');*/ 	background-repeat:no-repeat; 	background-size: contain; } 	 #domod { 	width:1200px; 	max-width:100%; 	color:#2a2a2a; 	font-family: Arial, Helvetica, sans-serif; 	font-size: 13px; 	line-height:1.2em; 	margin: 0 auto; } .site h1{ 	font-weight: normal; } .site h2{ 	font-family: Georgia, "Times New Roman", Times, serif; 	font-size: 16px; 	font-weight: normal; 	margin: 0px; 	padding: 0px; 	text-transform: uppercase; } .site h3{ 	 } .site h4{ 	 } .site h5{ 	 } .site p { 	padding:0; 	margin:10px 0; } .site br { 	 } .site hr { 	 } .site img { 	width:100%; 	max-width:100%; } .site a { 	color:#2a2a2a; 	text-decoration:none; 	border-bottom:1px solid; } .site a:active, .site a:hover { 	border-color:transparent; } .site .button { 	padding:10px 20px; 	background-color: #c81a23; color: #ffffff; } .site .button:hover { } .site ul { 	padding-left: 16px; margin: 0; } .site ul li { 	padding: 5px 0; } .site ul p{ 	 } .site .list_no_markers { 	list-style: none; } .site table { 	width:100%; } .site thead{ 	 } .site td{ 	padding:10px; } table.table_no_borders, table.table_no_borders td { 	border:0; } .site input, .site select, .site textarea{ 	width:100%; 	padding:10px; } .site input[type="checkbox"], .site input[type="radio"], .site input[type="submit"], .site input[type="reset"]{ width:auto; } .site .clear:before, .site .clear:after { content: " "; display: table; } .site .clear:after { clear: both; } /* IE6/7 support */ .site .clear { *zoom: 1; } .site .block { 	clear: both; 	overflow: hidden; 	background-color: white; 	margin-bottom: 10px; 	padding:10px; } .site .block h2 { 	border-bottom: 1px solid #d9d9d9; 	color: #505050; 	margin: 0px; 	padding-bottom:10px; } /* Элементы страницы */ .site .header { 	margin-bottom:10px; } .header .header_top { 	padding: 10px; color: #2f312e; background: #fff; background-image: url('../img/header.jpg'); background-repeat: no-repeat; background-size: cover; background-position: left; padding-bottom: 50px; } .header .header_logo_title { 	 } .header .header_logo_wrap { 	border:0; } .header .header_logo_img { 	display:block; } 	 .header .header_title { 	padding-left: 10px; } .header .header_title_main { 	text-transform: uppercase; 	font-size: 20px; 	line-height: 20px; } .header .header_title_descr { 	font-size:18px; 	text-transform:lowercase; 	padding-top: 3px; 	font-stretch: condensed; 	color: #646564; } .header .header_auth_search { float: right;	text-align:right; } .site .top_search_wrap { 	float: right; clear: both; padding: 10px 0; position: relative; } .site .main_news_video { 	 } .site .main_news_wrap { 	position: relative; 	padding-right:10px; } 	 .site .footer { 	background:#fff; 	padding: 0px 0px 10px; } .site .bottom { 	padding: 0 10px; 	font-size: 11px; } .site .copyright_img_wrap { 	float: left; margin: 0 4px 0 0; 	border:0; } .site .copyright_img { 	width:20px; 	height:25px; } .site .bottom_address, .site .bottom_address p { 	line-height:16px; 	margin:0; } .site .copyright_descr { color: #969696; } .site .site_versions a { 	line-height:16px; 	font-size: 11px; } .site .footer_icons { 	float: left; margin: 0; } .footer_icons .footer_icon_list { 	float: left; } .footer_icons .each_footer_icon { 	float: left; margin: 0 10px 0 0; list-style: none; width: 22px; height: 20px; } .footer_icons .footer_icon_home { 	background: url(/images/sprite.png) no-repeat top left; background-position: 6px -380px; 	width: 25px; height: 25px; 	float: left; 	border:0; } .footer_icons .footer_icon_sitemap { 	background: url(/images/sprite.png) no-repeat top left; background-position: 6px -1204px; 	width: 25px; height: 25px; 	float: left; 	border:0; } /****Обязательные стили для слайдеров: начало .slider_domod - класс контейнера слайдера .item - класс отдельного слайда***/ .slider_domod{}.slider_domod.arrows{padding-right: 20px;padding-left: 20px;}.slider_domod .horizon-dots{padding:0 0 6px}.slider_domod .horizon-dots .horizon-dot{width:12px;height:12px;padding:0;font-size:0;line-height:1;background:0 0;border:1px solid #2c3e50;border-radius:50%;-webkit-transition:background .3s;transition:background .3s}.slider_domod .horizon-dots .horizon-dot.active{background:#2c3e50}.slider_domod .horizon-next,.slider_domod .horizon-prev{position:absolute;top:5px;bottom:5px;width:20px;border:none;outline:0;background:center no-repeat}.slider_domod .horizon-next:active,.slider_domod .horizon-next:focus,.slider_domod .horizon-next:hover,.slider_domod .horizon-prev:active,.slider_domod .horizon-prev:focus,.slider_domod .horizon-prev:hover{outline:0}.slider_domod .horizon-prev{left:0px;background-image:url(../img/arrow-left.svg)}.slider_domod .horizon-next{right:0px;background-image:url(../img/arrow-right.svg)}.slider_domod .horizon-next[disabled], .slider_domod .horizon-prev[disabled] {opacity:0.5;} .slider_domod,.slider_domod *,.slider_domod :after,.slider_domod :before{box-sizing:border-box}.slider_domod{position:relative;background:#fff}.slider_domod a:focus,.slider_domod button:focus{outline:0}.slider_domod.mouse-drag,.slider_domod.mouse-drag *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider_domod .horizon-outer{overflow:hidden}.slider_domod .horizon-inner{padding:0 0 10px;text-align:left;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.slider_domod .each_slide_domod{display:inline-block;position:relative;white-space:initial;}.slider_domod .horizon-dots{display:none;text-align:center}.slider_domod .horizon-dots .horizon-dot{display:inline-block;margin:0 3px}.slider_domod.initialized .horizon-dots{display:block}.slider_domod .horizon-next,.slider_domod .horizon-prev{display:none}.slider_domod.initialized .horizon-next,.slider_domod.initialized .horizon-prev{display:block}.slider_domod.first-each_slide_domod .horizon-prev,.slider_domod.last-each_slide_domod .horizon-next{opacity:.2} /**Обязательные стили для слайдеров: конец**/ .bottom.w100 img{position: relative; width: auto;}