@charset "utf-8";

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
	}
	html {height: 100%;}
	body {
		margin: 0;
		padding: 0;
		background: #ffffff;
	}
	* {
		margin: 0;
		padding: 0;
		outline: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ol, ul {list-style: none;}
	a, a:hover {text-decoration: none;}
	.bg {
		display: table;
		width: 100%;
		background: #262626;
	}
	.bg_img {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: 50%;
		z-index: 0;
		background-image: url(s1200.jpg);

		font-size: 8px;
		color: white;
		text-align: center;
	}




	.tel_top a, .adres p, .mailadress a {font-size: 22px; color: #3F3F3F;}
	.tel_top a:hover, .mailadress a:hover {color: #FF9900;}
	.title_top {
		position: relative;
		padding: 10px;
		font-size: 1.2em;
		text-align: center;
	}
	.title_top h1 {
		color: black;
		padding-top: 10px;
	}
	.title_top h2 {
		color: black;
		padding-bottom: 20px;
	}
	.container {
		position: relative;
		top: 0px;
		width: 100%;
		height: auto;
	}
	.container_left {
		position: relative;
		float: left;
		width: 47%;
		height: auto;
	}
	.container_right {
		position: relative;
		float: right;
		width: 47%;
		height: auto;
	}
	.container_70 {
		position: absolute;
		float: left;
		width: 73%;
		height: 100%;
		display: flex;
		align-items: center;
	}
	.container_30 {
		position: relative;
		float: right;
		width: 27%;
		height: auto;
		text-align: right;
	}
	
	.container_botline {
		position: relative;
		height: auto;
		float: left;
		width: 100%;
		border-bottom: 1px solid #262626;
	}
	.container_table_title {
		position: relative;
		float: left;
		width: 100%;
		height: auto;
	}
	.container_30 p {
		font-size: 18px;
		font-weight: bold;
	}
	.container_calck {
		background: #e6e6e6;
		position: relative;
		float: left;
		width: 100%;
		height: auto;
	}

	.colorgray {
		background: #e6e6e6;
	}
	.calck_40 {
		position: relative;
		float: left;
		width: 40%;
		height: 100%;
	}
	.calck_50 {
		position: relative;
		float: left;
		width: 50%;
		height: 40px;
	}
	.calck_60 {
		position: relative;
		margin-left: 10%;
		margin-right: 10%;
	}
	.content_title {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.content_title_2 {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.content_note {
		position: relative;
		float: left;
		padding-left: 10px;
		width: 100%;
		line-height: 0.6;
		color: #3F3F3F;
		text-align: left;
	}
	.content {background: #F5F5F5;color: #3F3F3F;}
	.footer {
		position: relative;
		float: left;
		background: #262626;
		height: 120px;
		width: 100%;
	}
	.footer_logo img {
		position: relative;
		height: 60px;
		width: auto;
		left: 10px;
		top: 10px;
	}
	.tel_footer {
		position: absolute;
		left: 10px;
		bottom: 10px;
	}
	.tel_footer a {
		font-size: 20px;
		color: #666666;
	}
	.tel_footer a:hover {
		color: #F5F5F5;
	}
	.footer_contact {
		position: absolute;
		top: 10px;
		right: 10px;
		height: 120px;
		width: 50%;
		text-align: right;
		font-size: 12px;
		color: #666666;
	}
	.otstup_20{
		margin: 20px;
	}
	.otstup_40{
		margin: 40px;
	}
	.ml10 {
		margin-left: 10px;
	}
	.ml20 {
		margin-left: 20px;
	}
	.mr10 {
		margin-right: 10px;
	}
	.mr20 {
		margin-right: 20px;
	}
	section {z-index: 8990;}

@media (max-width: 768px) {
	body.active {overflow: hidden;}
	.wraper.active {right: 250px;}
	header {
		padding: 0px;
		height: 40px;
	}
	.logo {
		height: 40px;
		width: auto;
	}
	.logo img {
		height: 40px;
		width: auto;	
	}
/*	УБРАЛИ ПРЫЖОК ТЕЛЕФОНА ВЛЕВО ДЛЯ ПОЯВЛЕНИЯ МЕНЮ*/
/*
	.tel_top {
		position: fixed;
		right: 40px;
		bottom: 10px;
		z-index: 8991;
	}
	.tel_top.active {
		right: 110px;
	}
*/
	.tel_top {
		top: 5px;
	}
	.adres {top: 23px}
	.mailadress {display: none;}
	.tel_top a, .adres p, .mailadress a {font-size: 19px;}
	.tel_top a.active, .mailadress a.active {
		color: #F5F5F5;
	}
	.tel_top a.active:hover, .mailadress a.active:hover {color: #FF9900;}
	.container_right, .container_left, .container_right_60, .container_left_40 {
		float: left;
		width: 100%;
	}
	.calck_60 {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		width: 100%;
	}
	.content {
		font-size: 18px;
	}
	.title_top {
		font-size: 0.9em;
	}
	.title_top h2 {
		padding-bottom: 10px;
	}
	.content_title {
		position: relative;
		width: 100%;
	}
}

@media (max-width: 411px) {
	.footer {
		height: 130px;
	}
	.tel_footer {
		bottom: 5px;
	}
}

@media (max-width: 375px) {
	.logo {display: none;}
	.tel_top {
		position: absolute;
		right: 40px;
		bottom: 10px;
	}
	.tel_top a {font-size: 24px;}
	.footer {
		height: 145px;
	}
	.tel_footer {
		bottom: 5px;
	}
}

@media (max-width: 320px) {
	.footer {
		height: 160px;
	}
	.tel_footer {
		bottom: 5px;
	}
}