@font-face {

	font-family: 'als_rublregular';

	src: url('../fonts/rouble-webfont.eot');

	src: url('../fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),

		url('../fonts/rouble-webfont.woff') format('woff'),

		url('../fonts/rouble-webfont.ttf') format('truetype'),

		url('../fonts/rouble-webfont.svg#als_rublregular') format('svg');

	font-weight: normal;

	font-style: normal;

}



html {/*нужно для выравнивания дива по центру х у, и не только*/

	overflow: auto;

}

html, body/*, #content*/ {

	height: 100%;

}

html, body {

	width: 100%;

	margin: 0;

	padding: 0;

}

* html body {

	height: 100%;

} /*Для IE, т.к. он не поддерживает min-height*/

body {

	background-color: #fff;

	/*overflow-x: hidden;*/

}



header,

nav,

.menu_photo,

footer,

footer .info,

div[role="main"] {

	display: block;

	margin: 0 auto;

	min-width: 176px;

}

header:after,

nav:after,

footer:after,

.clear:after {

	clear: both;

	content: "";

	display: table;

}

.content {

	max-width: 100%;

}

.big_slider_container {

	max-width: 100%;

}



* {

	color: #333333;

	font-family: 'Open Sans', sans-serif;

	font-size: 15px;

	line-height: 23px;

}



a,

a *,

a:visited {

	text-decoration:none;

	color: #0c4f87;

}

a:hover {

	color: #0c4f87;

	text-decoration:underline;

}

input,

button,

textarea,

input:active,

button:active,

textarea:active,

:focus {

	outline:none;

}

a img {

	border: none;

}

img {

	max-width: 100%;

	height: auto;

	vertical-align: middle;

	border: 0;

}



.rubl {

	font-family: als_rublregular;

}



.outer100 {

	height: 100%;

	display: table;

	vertical-align: middle;

	margin: 0 auto;

}



.outer {

	display: table;

	vertical-align: middle;

	margin: 0 auto;

}



.middle {

	display: table-row;

	vertical-align: middle;

}



.inner {

	display: table-cell;

	vertical-align: middle;

	height: 100%;

}



.center {

	text-align: center !important;

}

.div-center {

	margin: 0 auto;

}

.left {

	text-align: left !important;

}

.right {

	text-align: right !important;

}

.float-left {

	float: left;

}

.float-right {

	float: right;

}

.bold {

	font-weight: bold;

}

.italic {

	font-style: italic;

}

.hide {

	display: none;

}

.relative {

	position: relative;

}

table {

	border-collapse: collapse;

	margin: 0 auto;

}

table td,

table th {

	border: solid 1px #CCC;

	padding: 5px;

}

table td,

table th,

table td a,

table th a,

table td span,

table th span,

table td p,

table th p,

table td strong,

table th strong,

table td i,

table th i,

table td b,

table th b {

	word-break: normal;

}

table tr:nth-of-type(2n+1) {

	background: #f8f8f8;

}

table th {

	background: #efefef;

	text-align: center;

}

.table {

	display: table;

	vertical-align: middle;

	margin: 0 auto;

}

.table-row {

	display: table-row;

	vertical-align: middle;

}

.table-cell {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

	position: relative;

}

.content .table-cell {

	vertical-align: top;

}



.table-container {

	width: 100%;

	overflow-y: auto;

	_overflow: auto;

	margin: 0 0 1em;

}

.table-container::-webkit-scrollbar {

	-webkit-appearance: none;

	width: 14px;

	height: 14px;

}

.table-container::-webkit-scrollbar-thumb {

	border-radius: 8px;

	border: 3px solid #fff;

	background-color: rgba(0, 0, 0, .3);

}



#back-top {

	background-color: rgba(227,227,227,0.8);

	border-radius: 2px;

	padding: 7px;

	color: #424242;

}

#back-top:hover {

	background-color: rgba(217,217,217,0.8);

}



#logo {

	display: block;

	width: 150px;

	height: 67px;

	background: url("../images/logo.png") no-repeat transparent;

	margin: 17px 0 16px 20px;

	zoom: 1;

}



header .phone {

	border-bottom: solid 1px #777777;

}

header .phone,

header .phone span,

header .phone a {

	font-size: 25px;

	line-height: 36px;

	font-weight: lighter;

}

header .phone i {

	display: none;

}



header .time,

header .time span {

	font-size: 15px;

	line-height: 23px;

}

header .time span {

	position: relative;

	padding-left: 4px;

}



header .phone,

header .phone a span,

header .phone a:link span,

header .phone a:visited span,

header .phone a i,

header .phone a:link i,

header .phone a:visited i,

header .phone a,

header .phone a:link,

header .phone a:visited,

header .time {

	color: #333333;

	text-decoration: none;

}



header .info {

	margin: 20px 20px 20px 0;

}

header .kotirovki {

    margin: 10px 100px 20px 0;

}

nav {

	background: #0c4f87;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

	position: relative;

}

nav ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

nav ul:after {

	clear: both;

	content: "";

	display: table;

}

nav li {

	float: left;

	margin-left: 20px;

	padding: 21px 0 13px;

	position: relative;

	cursor: pointer;

}

nav a,

nav a:visited,

nav a:link {

	color: #f0f0f0;

	font-size: 14px;

	line-height: 14px;

	font-weight: bold;

	text-transform: uppercase;

	text-decoration: none;

}

nav li:after {

	color: #f0f0f0;

	content: '';

	position: absolute;

	height: 4px;

	width: 100%;

	left: 0;

	bottom: 0;

	visibility: hidden;

	background-color: #f0f0f0;

	-webkit-transition: all .1s ease;

	transition: all 0.3s ease;

	-webkit-transform: scaleX(0);

	-ms-transform: scaleX(0);

	transform: scaleX(0);

}

nav li.active:after,

nav li:hover:after {

	visibility: visible;

	-webkit-transform: scaleX(1);

	-ms-transform: scaleX(1);

	transform: scaleX(1);

}

nav li.no_active:after {

	display: none;

}

nav li:hover a {

	color: #ffffff;

}

nav li .menu {

	padding: 0;

	margin: 0;

	display: none !important;

	position: absolute;

	z-index: 200;

	top: 57px;

	background: rgba(12,79,135,0.77);

}

@keyframes bounceIn {

	0% { transform: scalex(0.1); opacity: 0; }

	60% { transform: scalex(1); opacity: 1; }

	100% { transform: scalex(1); }

}

nav li:hover .menu {

	display: block !important;

	animation-duration: 0.5s;

	animation-name: bounceIn;

}

nav li .menu li {

	float: none;

	padding: 0;

	margin: 5px 15px;

	white-space: nowrap;

}

nav li .menu li a {

	font-weight: normal;

}

nav li.pre_call {

	float: right;

	margin-right: 15px;

}

.call {

	background: #093e69;

	border-radius: 2px;

	font-weight: normal !important;

	padding: 7px 10px;

}

.call:hover {

	background: #0B3150;

}



form[name="add_call"] input[type="text"] {

	width: 200px;

	float: right;

}

.message_call .pop-up_message {

	width: 300px;

}





footer {

	background: #181818;

	width: 100%;

	height: 58px;

	border-top: solid 5px #3d3d3d;

	margin-top: 20px;

	position: absolute;

	bottom: 0;

	left: 0;

}

.container {

	position: relative;

	min-height: 100%;

}

footer .info {

	margin-top: 17px;

	margin-bottom: 15px;

}

footer .info,

footer .info a,

footer .info a:visited,

footer .info span,

footer .info div {

	color: #e5e5e5;

	font-size: 13px;

	line-height: 26px;

	font-weight: bold;

}

footer .info a:hover {

	color: #fff;

	text-decoration: underline;

}

.bread_crumbs {
	overflow: hidden;
	margin: 15px 0 -5px 20px;

}

.bread_crumbs * {

	line-height: 1.5;

}


.bread_crumbs ol {

	list-style: none;

	margin: 0;

	padding: 0;

}

.bread_crumbs li {

	float: left;
	font-size: 0;

}

.bread_crumbs ol li a {

	display: inline-block;

	max-width: 40em;

	height: 22px;

	overflow: hidden;

}

.bread_crumbs ol li a span i {

	display: block;

	float: left;

}

/*.bread_crumbs ol li a span {

	font-size: 12px;

}*/

.bread_crumbs ol li a:after {

	content: "";

	display: inline-block;

	background: url(../images/bread_crumbs_arrow.png) no-repeat transparent;

	width: 12px;

	height: 12px;

	margin: 0 10px;

	top: 2px;

	position: relative;

}

.bread_crumbs ol li:last-of-type a:after {

	display: none;

}

.content {

	min-height: 100%;

	margin: 20px auto 0;

	padding: 0;

	border: solid 1px #cccccc;

	border-radius: 2px;

}

.content:after,

.content:before {

	clear: both;

	content: "";

	display: table;

}

.content h2 {

	margin: 8px 20px;

	padding: 0 0 3px 0;

	text-align: center;

	border-bottom: solid 1px #cccccc;

}

.content h2,

.content h2 a,

.content h2 p,

.content h2 b,

.content h2 span {

	color: #333333;

	font-size: 25px;

	line-height: 37px;

	font-weight: bold;

	text-transform: uppercase;

	word-break: break-word;

}

.content h3 {

	margin: 20px 20px 0 20px;

}

.content h3,

.content h3 a,

.content h3 p,

.content h3 b,

.content h3 span {

	font-size: 15px;

	line-height: 22px;

	font-weight: bold;

}

.content h4 {

	margin: 20px 20px 0 20px;

}

.content h4,

.content h4 a,

.content h4 p,

.content h4 b,

.content h4 span {

	font-weight: bold;

}

.content .text {

	margin: 0px 20px 20px 20px;

}

.content .text.text_category {

	margin: 20px;

}

.content .text p {

	margin: 14px 0;

}

.content .text,

.content .text ul,

.content .text li,

.content .text a,

.content .text span,

.content .text p,

.content .text b {

	font-size: 15px;

	line-height: 23px;

	word-break: break-word;

}

.content .text a,

.content .text a * {

	word-break: break-word;

}

.content .text:after {

	clear: both;

	content: "";

	display: table;

}

.content .news_item {

	margin: 14px 0;

}

.content .news_item:first-of-type {

	margin-top: 0;

}

.content .news_item:last-of-type {

	margin-bottom: 0;

}

.content .news_item_text,

.content .news_item_text p {

	margin: 0;

}

.content .text p:first-of-type {

	margin-top: 0;

}

.content .text p:last-of-type {

	margin-bottom: 0;

}

.content .news_item h3,

.content .news_item h4,

.content .comment h3,

.content .comment h4 {

	margin: 0;

	position: relative;

	padding-right: 175px;

}

.content h3 .date,

.content h4 .date {

	position: absolute;

	top: 0;

	right: 0;

	width: 170px;

	text-align: right;

	font-weight: 100;

}

.plitka {

	width: 25%;

	float: left;

	margin-top: 20px;

}

.plitka .content {

	margin-right: 0px;

	margin-left: 0px;

	margin-top: 0px;

}

.plitka .text {

	height: 46px;

	overflow: hidden;

}

.plitka:nth-of-type(4n) .content {

	margin-right: 0;

	margin-left: 15px;

}

.plitka:nth-of-type(4n-1) .content {

	margin-right: 5px;

	margin-left: 10px;

}

.plitka:nth-of-type(4n-2) .content {

	margin-right: 10px;

	margin-left: 5px;

}

.plitka:nth-of-type(4n-3) .content {

	margin-right: 15px;

	margin-left: 0;

}

.plitka img {

	margin: 10px 0;

}

.plitka .content div.preview a {

	width: 100%;

	height: 164px;

	overflow: hidden;

	display: block;

}

.content .link {

	padding-right: 20px;

	text-align: right;

}

.biglinetext {

	max-height: 100%;

	height: 150px;

}

.img_left_text {

	/*max-height: 220px;*/

	/*width: 220px;*/

	float: left;

	margin-right: 20px;

	margin-bottom: 20px;

}

.video {

	width: 100%;

	position: relative;

	padding-top: 56.25%;

}

.video iframe,

.video object,

.video embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



div[role="main"] {

	padding-bottom: 82px;

}

div[role="main"]:after {

	clear: both;

	content: "";

	display: table;

}



.section {

	width: 100%;

	margin-top: 20px;

}

.section h2 {

	margin: 0;

}



.block_50 {

	width: 50%;

	max-width: 466px;

	margin: 0;

	display: table-cell;

}

.block_100 {

	width: 100%;

	margin: 0 auto;

	display: table;

}

.block_100.carousel {
	display: block;
	position: relative;
}

.carousel-inner {
	position: relative;
	padding: 0 2% 15px;
}

.carousel .item {
	padding: 0 3%;
}

.carousel .item h3,
.carousel .item h3 a {
	font-weight: 400;
	margin: 0;
}

.block_100:after {

	clear: both;

	content: "";

	display: table;

}

.block_50:first-of-type .content {

	margin-right: 10px;

}

.block_50:last-of-type .content {

	margin-left: 10px;

}

.fancybox-thumbs {

	display: inline-block;

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 20px;

}

.fancybox-thumbs img {

	width: 213px;

	padding: 0;

	margin: 0;

	border-radius: 2px;

}

.photos {

	text-align: center;

	letter-spacing: 0;

	font-size: 0;

	line-height: 0;

}



.save_pdf {

	height: 35px;

	width: 35px;

	margin: 0 20px 20px 0;

	cursor: pointer;

	background: url(../images/pdf.png) center center no-repeat;

	float: right;

}



.counter,

.outer_counter {

	width: 100%;

	height: 110px;

}

.counter .sum,

.counter .sum span {

	font-size: 20px;

	font-weight: bold;

}

.counter .sum1,

.counter .sum1 span {

	color: #559fd0;

}

.counter .sum2,

.counter .sum2 span {

	color: #aeb5bb;

}

.counter div {

	width: 50%;

	float: left;

}

.counter div.line,

.counter div.line1 {

	min-height: 4px;

}

.counter div.line {

	width: 100%;

	background-color: #aeb5bb;

	overflow: hidden;

}

.counter div.line1 {

	background-color: #559fd0;

	float: left;

}

.counter:after {

	clear: both;

	content: "";

	display: table;

}

.counter .donate {

	text-align: center;

	width: 100%;

	padding: 10px 0;

	cursor: pointer;

}

.counter .donate,

.counter .donate a {

	font-size: 18px;

	background: #559fd0;

	color: #fff;

}

.counter p {

	margin: 20px;

}

.counter p:first-of-type {

	margin-bottom: 0;

}

.counter p:last-of-type {

	margin-top: 0;

}



.message_top {

	display: none;

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0px;

	left: 0px;

	background-color: rgba(83, 83, 83, 0.7);

	z-index: 99;

	overflow: auto;

}



.pop-up_message {

	width: 600px;

	margin: 0px auto;

	background-color: #fff;

	border: solid 7px rgba(247,249,250,0.3);

	padding: 20px;

	text-align: center;

	-webkit-border-radius: 2px;

	   -moz-border-radius: 2px;

		 -o-border-radius: 2px;

			border-radius: 2px;

}



.message_top input[name="CustomerNumber"],

.message_top input[name="sum"] {

	width: 300px;

	float: right;

}



.message_top .payment_types {

	width: 100%;

}



.message_top .payment_types:after {

	clear: both;

	content: "";

	display: table;

}



.message_top .payment_type {

	width: 290px;

	float: left;

	margin: 10px 20px 10px 0;

}



.message_top .payment_type:nth-of-type(2n) {

	margin-right: 0;

}



.message_top .payment_type input[type="radio"] {

	display: none;

}



.message_top .payment_type input[type="radio"] + label {

	padding: 20px;

	display: block;

	/*height: 125px;*/

	border: solid 1px #cacaca;

	border-radius: 3px;

	color: #778;

}



.message_top .payment_type input[type="radio"] + label img {

	height: 55px;

	background: #fff;

	padding: 5px;

	-webkit-border-radius: 2px;

	   -moz-border-radius: 2px;

		 -o-border-radius: 2px;

			border-radius: 2px;

}



.message_top .payment_type input[type="radio"]:checked + label {

	background: #0c4f87;

	color: #fff;

}



.message_top h3,

.message_top h3 span {

	font-size: 16px;

	margin: 0;

}



.message_top p {

	font-size: 14px;

}



.message_top span.rubl {

	font-size: 18px;

}



.message_top .ajax {

	margin: 25px;

}



.error_CustomerNumber,

.error_sum {

	display: none;

	color: #C00000;

	font-size: 16px;

	line-height: 20px;

	padding: 10px 0 0 0;

}



.big_slider_container {

	position: relative;

	margin: 0 auto;

	border-bottom: solid 7px #0c4f87;

	border-bottom-left-radius: 3px;

	border-bottom-right-radius: 3px;

}







.slider {

	/*height: 200px;*/

	/*padding-top: 20px;*/

	padding-bottom: 27px;

	overflow: hidden;

	margin: 0 20px;

	-webkit-mask-image: linear-gradient(270deg,rgba(255,255,255,0) 0,#fff 10%);

	mask-image: linear-gradient(270deg,rgba(255,255,255,0) 0,#fff 10%);

}

.slider_container {

	position: relative;

}

.slide {

	float: left;

	overflow: hidden;

	margin: 0 10px;

	width: 160px;

}

.slides {

	margin-left: 0px;

	overflow: hidden;

}

.slides:after {

	clear: both;

	content: "";

	display: table;

}

.slide h3 {

	margin: 0;

}

.slide h3 a {

	font-weight: normal;

}

.slide h3 a:hover {

	text-decoration: none;

	border-bottom: dotted 1px #0c4f87;

}

.owl-item {
	transform: scale(0.5, 0.5);
	transition: all 0.5s ease-in-out;
}

.owl-item a {
	display: block;
	text-align: center;
}

.owl-item.active {
	transform: scale(1, 1);
}

.zoom_slide {

	transform: scale(1, 1);

}

.zoom_slide.zoom_out {

	transform: scale(0.5, 0.5);

}

.zoom_slide.zoom_in {

	transform: scale(0.5, 0.5);

}

.zoom_slide.zoom_transition {

	transition: 0.7s;

}

.prev,

.next {

	position: absolute;

	bottom: 50%;

	color: #ffffff;

	width: 36px;

	height: 36px;

}

.prev,

.next {

	opacity: 0.6;

}

.prev {

	left: 0;

	background: url(../images/prev_b.png) no-repeat transparent;

}

.next {

	right: 0;

	background: url(../images/next_b.png) no-repeat transparent;

}

.prev:hover,

.next:hover {

	opacity: 0.9;

}





p input[type="text"] {

	width: 59%;

	border: solid 1px #3d3d3d;

	border-radius: 2px;

	padding: 0 0.5%;

	box-sizing: border-box;

}

p span {

	width: 40%;

	min-height: 100%;

	display: inline-block;

}

input[type="submit"],

input[type="button"],

input[type="reset"] {

	padding: 10px;

	border: solid 1px #ccc;

	border-radius: 3px;

	margin: 10px 5px 0px;

}

input[type="submit"] {

	background: #0c4f87;

	border-color: #0c4f87;

	color: #fff;

}

input[type="reset"],

input[type="button"] {

	background: #3d3d3d;

	border-color: #3d3d3d;

	color: #fff;

}

input[type="submit"]:hover {

	background: #0B4575;

}

input[type="reset"]:hover,

input[type="button"]:hover {

	background: #212121;

}

input[type="submit"]:active {

	background: #0A375D;

}

input[type="reset"]:active,

input[type="button"]:active {

	background: #161616;

}







.img_link {

	margin: 25px auto;

	min-height: 130px;

	display: table;

}

.image_block {

	display: table-cell;

	vertical-align: middle;

	text-align: center;

	width: 60%;

}

.img_link .links {

	position: relative;

	display: table-cell;

	vertical-align: middle;

	width: 40%;

}

.img_link .doc_link {

	display: block;

}





a[href$=".doc"]:before,

a[href$=".docx"]:before {

	content: url('../images/doc.gif');

}

a[href$=".xls"]:before,

a[href$=".xlsx"]:before {

	content: url('../images/xls.gif');

}

a[href$=".pdf"]:before {

	content: url('../images/pdf.gif');

}

a[href$=".zip"]:before,

a[href$=".rar"]:before,

a[href$=".7z"]:before {

	content: url('../images/zip.gif');

}

a[href$=".doc"]:before,

a[href$=".docx"]:before,

a[href$=".xls"]:before,

a[href$=".xlsx"]:before,

a[href$=".pdf"]:before,

a[href$=".zip"]:before,

a[href$=".rar"]:before,

a[href$=".7z"]:before {

	padding-right: 4px;

	padding-left: 4px;

	position: relative;

	top: 3px;

}



.product_table td,

.product_table th {

	border: solid 1px #ccc;

	padding: 3px;

}

.product_table {

	border-collapse: collapse;

}



.comment {

	border: solid 1px #ccc;

	background: #fcfcfc;

	border-radius: 2px;

	padding: 20px;

	margin: 20px;

}

.content .comment .text {

	margin: 0;

}

form {

	margin-top: 20px;

}

form[name="add_comment"] input[type="text"] {

	width: 200px;

}



form[name="add_comment"] textarea {

	width: 100%;

	height: 100px;

}



form[name="add_comment"] button {

	border: solid 1px #066a96;

	background-color: #066a96;

	color: #fff;

	padding: 10px;

	margin: 0 0 20px 0;

	cursor: pointer;

}



form[name="add_comment"] button:active {

	box-shadow: inset 0 0 10px #333;

	border: solid 1px #000;

}



form[name="add_comment"] p {

	padding: 0 20px;

	margin: 10px 0 0 0;

}

.hide_scroll {

	overflow: hidden;

}

.popup {

	display: none;

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0px;

	left: 0px;

	background-color: rgba(83, 83, 90, 0.7);

	z-index: 99;

	overflow: auto;

}

.message_ajax_start img {

	width: 16px;

	height: 16px;

	margin: 10px 0;

}

.form_add_comment .error {

	display: none;

}

.form_add_comment .error p {

	color: #C00000;

	margin: 0;

	padding: 0 20px;

	white-space: nowrap;

	display: inline-block;

}



.message_block .message_ajax_done,

.message_block .message_ajax_error,

.message_block .message_ajax_start,

.message_block .btn {

	background-color: transparent;

	color: #114b77;

	padding: 10px 12px;

	font-size: 16px;

}

.message_block .btn.ok,

.message_block .btn.ok_error,

.message_block .btn.yes_del,

.message_block .btn.no_del {

	border: solid 1px #114b77;

	cursor: pointer;

	margin-top: 10px;

	font-size: 16px;

	padding: 3px 5px;

	text-shadow: none;

	-webkit-transition: none;

	-moz-transition: none;

	-ms-transition: none;

	-o-transition: none;

	transition: none;

}

.message_block .btn.ok:focus,

.message_block .btn.ok_error:focus,

.message_block .btn.yes_del:focus,

.message_block .btn.no_del:focus,

.message_block .btn.ok:hover,

.message_block .btn.ok_error:hover,

.message_block .btn.yes_del:hover,

.message_block .btn.no_del:hover {

	color: #114b77;

	border: solid 2px #114b77;

	padding: 2px 4px;

	font-weight: bold;

}



.company {

	margin-left: 20px;

}

.developer {

	margin-right: 20px;

}

footer .info:after {

	content: "";

	clear: both;

	display: block;

}



.menu_button {

	display: none;

}



/*adaptive design*/



/* XLarge desktops */

@media (min-width: 1921px) {

	header,

	nav,

	.menu_photo,

	footer .info,

	div[role="main"] {

		width: 1536px;

	}

}



/* XLarge desktops */

@media (min-width: 1600px) and (max-width: 1920px) {

	header,

	nav,

	.menu_photo,

	footer .info,

	div[role="main"] {

		width: 80%;

	}

}



/* Large desktops and laptops */

@media (min-width: 1200px) and (max-width: 1599px) {

	header,

	nav,

	.menu_photo,

	footer .info,

	div[role="main"] {

		width: 80%;

	}

}



/* Portrait tablets and medium desktops */

@media (min-width: 980px) and (max-width: 1199px) {

	header,

	nav,

	.menu_photo,

	footer .info,

	div[role="main"] {

		width: 940px;

	}

}



/* Portrait tablets and small desktops */

@media (min-width: 768px) and (max-width: 979px) {

	header,

	nav,

	.menu_photo,

	footer .info,

	div[role="main"] {

		margin-left: 20px;

		margin-right: 20px;

	}

}



/* Landscape phones and portrait tablets */

@media (min-width: 481px) and (max-width: 767px) {

	header,

	nav,

	.menu_photo,

	footer .info,

	div[role="main"] {

		margin-left: 20px;

		margin-right: 20px;

	}

	.plitka {

		width: 33.3%;

	}

	.plitka:nth-of-type(3n) .content {

		margin-right: 0;

		margin-left: 15px;

	}

	.plitka:nth-of-type(3n-1) .content {

		margin-right: 5px;

		margin-left: 5px;

	}

	.plitka:nth-of-type(3n-2) .content {

		margin-right: 15px;

		margin-left: 0px;

	}

	#logo {

		zoom: 0.8;

		margin: 20px !important;

	}

	header .phone,

	header .phone span {

		font-size: 20px;

		line-height: 25px;

	}

	header .time, header .time span {

		font-size: 13px;

		line-height: 23px;

	}

}

@media (max-width: 870px) {
    
    header .kotirovki {
	    
         display: none;
     }
}

@media (max-width: 767px) {

	.content h3 .date,

	.content h4 .date {

		position: relative;

		width: auto;

		display: block;

	}

	.content .news_item h3,

	.content .news_item h4,

	.content .comment h3,

	.content .comment h4 {

		padding-right: 0;

		margin: 0;

	}



	p input[type="text"] {

		width: 100%;

	}

	p span {

		width: 100%;

	}
	


}



/* Landscape phones and smaller */

@media (max-width: 480px) {

	header,

	nav,

	.menu_photo,

	footer .info,

	div[role="main"] {

		margin-left: 20px;

		margin-right: 20px;

	}

	.plitka {

		width: 50%;

	}

	.plitka:nth-of-type(2n) .content {

		margin-right: 0;

		margin-left: 10px;

	}

	.plitka:nth-of-type(2n-1) .content {

		margin-right: 10px;

		margin-left: 0px;

	}

	#logo {

		zoom: 0.8;

		margin: 20px 20px 20px 0 !important;

	}

	header .phone {

		border: none;

	}

	header .phone span {

		display: none;

	}

	header .time,

	header .time span {

		display: none;

	}



	.big_slider_container {

		border-top: solid 7px #0c4f87;

		border-top-left-radius: 3px;

		border-top-right-radius: 3px;

	}

	nav.show ~ .big_slider_container,

	nav.show ~ div div .big_slider_container {

		border-top-left-radius: 0;

		border-top-right-radius: 0;

	}



	/* menu */

	header .phone a i,

	header .phone a:link i,

	header .phone a:visited i,

	header .menu_button i {

		display: inline-block;

		padding-top: 16px;

		color: #0c4f87;

	}

	header .menu_button,

	header .phone {

		float: left;

	}

	nav li,

	nav:before,

	nav > ul:before {

		display: inline-block;

		width: 100% !important; /* пункты меню растягиваются на всю ширину блока */

		margin-left: 0;

		padding: 0;

	}

	.menu_button { /*Показать меню*/

		display: block;

		font-size: 25px;

		margin-left: 20px;

		margin-right: -20px;

	}

	.menu_button,

	.menu_button i {

		color: #0c4f87;

	}

	.menu_button:hover i {

		color: #093e69;

	}

	nav li {

		float: none;

	}

	nav > ul { /* магия кнопки "меню", благодаря чему навигация скрывается/появляется по щелчку */

		display: none;

	}

	ul.menu a[href="#"]:not(.call) {

		display: none;

	}

	.menu li .menu {

		display: inline-block !important;

		z-index: 0;

		position: relative;

		top: 0;

		width: 100%;

	}

	.menu li .menu li {

		margin: 0;

		white-space: normal;

	}

	.menu li:hover .menu {

		position: relative !important;

	}

	.menu li a {

		font-size: 16px;

		line-height: 22px;

		font-weight: normal;

		margin: 7px 15px;

		display: block;

	}

	nav li.active:after {

		display: none;

	}

	nav li.active>a:after,

	nav li:hover>a:after {

		color: #f0f0f0;

		content: '';

		position: absolute;

		height: 4px;

		width: 100%;

		left: 0;

		bottom: 0;

		visibility: hidden;

		background-color: #f0f0f0;

		-webkit-transition: all .1s ease;

		transition: all 0.3s ease;

		-webkit-transform: scaleX(0);

		-ms-transform: scaleX(0);

		transform: scaleX(0);

	}

	nav li.active>a:after,

	nav li:hover>a:after {

		visibility: visible;

		-webkit-transform: scaleX(1);

		-ms-transform: scaleX(1);

		transform: scaleX(1);

	}

	nav li.active:after,

	nav li:hover:after {

		visibility: hidden;

		-webkit-transform: scaleX(0);

		-ms-transform: scaleX(0);

		transform: scaleX(0);

	}

	nav li:hover .menu {

		animation: none !important;

	}

	nav>ul {

		padding-bottom: 5px;

	}

	nav li.pre_call {

		float: none;

		margin-right: 0;

	}



	.block_50:first-of-type .content,

	.block_50:last-of-type .content {

		margin-right: 0;

		margin-left: 0;

	}

	.block_50 {

		width: 100%;

		max-width: none;

		display: block;

	}

	.block_100 {

		display: block;

	}

	.message_call .pop-up_message {

		width: 200px;

	}

	form[name="add_call"] input[type="text"] {

		width: 100%;

	}



	.table,

	.table-row,

	.table-cell {

		display: block;

		width: 100% !important;

	}

	.table-row {

		padding: 10px 0;

	}

	.img_link,

	.image_block,

	.img_link .links {

		display: block;

		width: 100% !important;

	}



	.content h2,

	.content h2 a,

	.content h2 p,

	.content h2 b,

	.content h2 span {

		font-size: 16px;

		line-height: 30px;

	}

	.content h3 {

		margin: 20px 0 0 0;

	}

}



@media (max-width: 320px) {

	.plitka {

		width: 100%;

	}

	.plitka:nth-of-type(1n) .content {

		margin-right: 0;

		margin-left: 0;

	}

	.menu_button {

		margin-left: 10px;

	}

	#logo {

		width: 126px !important;

		margin: 20px 0 !important;

	}

}



/*site styles*/

#logo {

	display: block;

	width: 234px;

	height: 76px;

	background: url("../images/logo.png") no-repeat transparent;

	margin: 12px 0 20px 20px;

}



@media (max-width: 610px) {

	.company,

	.developer {

		margin: 0;

		text-align: center;

		width: 100%;

	}

	footer {

		position: relative;

		height: auto;

	}

	div[role="main"] {

		padding-bottom: 0;

	}

}

.preview_hover a img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  transition: 150ms all linear;
}

.preview_hover a:hover img {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none);
  filter: none;
}

#myAlternativeContent{
	position: fixed;
	right: 110px;
	bottom: 25px;
	width: 215px;
	height: 45px;
}

.required-field {
	position: absolute;
	color: red;
	width: 5px;
	height: 5px;
}

.call-btn {
	color: #fff !important;
	text-transform: uppercase;
	padding: 10px;
	display: inline-block;
	text-decoration: none !important;
}

.left {
	position: relative;
}