@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap');
@import url('exitblock.css');
@import url('mob_top_menu.css');
@import url('line.css');
@import url('grayimg.css');

html {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:18px;
	color:#000;
	font-weight:400;
}
body {
	max-width: 1902px; /* максимальная ширина сайта */
    margin: 0 auto;    /* центрируем сайт */
    background: #fff;  /* фон */
	line-height:1.35em;
}
* {
    box-sizing: border-box;
}
img {
		max-width: 100%;
		height: auto;
		display: block;
	}

.desc_display_none {
	display:none;
}
strong, b {
	font-weight:700;
}
em, i {
	font-style:italic;
}
button {
	border:0;
}
th {
	width: auto /* Ширина */;
	vertical-align: top /* Выравнивание по вертикали: верх */;
}
a:active, a:focus { outline: none; }
a {
	text-decoration:none;
	}
a:hover {
	text-decoration:underline;
}

input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}
textarea {resize:none;}
textarea {resize:vertical;}
textarea {resize:horizontal;}
.modal-header button {
	position:absolute;
	right:20px;
	top:20px;
}
.orang {
	color:#cc0000;
}
.centr {
	text-align:center;
}
.orangbg {
	background-color:#cc0000;
}
.orangeborder {
	border:1px solid #cc0000;
}
.whiteletters {
	color:#fff;
}
.blue {
	color:#0065b9;
}
.bgblue {
	background-color:#0065b9;
}
.bgyellow {
	background-color:#ff9900;
}
.bggray {
	background-color:#fafafa;
}
a.link {
	color:#0066cc;
	text-decoration: none;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
a.nav-link {
	color:#0066cc;
}
a.nav-link:active {
	color:#fff;
}


#topmenu {
	position:relative;
	background-color:#25373e; 
	opacity:0.85;
	color:#fff; 
	padding-top:10px;  
	padding-bottom:10px;
	text-transform:uppercase;
	margin-bottom:-45px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.7);
	z-index:1;
}
#topmenu a, #topmenu a:active, #topmenu a:visited {
	color:#fff; 
	text-decoration:none;
}
#topmenu a:hover {
	text-decoration:underline;
}

#verytop {
	background:url("../img/panel.png") center center no-repeat;
	background-size:cover;
	background-color:#25373e;
	padding:20px 0 40px 0;
}

.logo {
	text-align:left;
	padding-bottom:10px;
	padding-top:15px;
}
.logo img {
	float:left;
	text-align:right;
	margin-right:10px;
}
.logo a, .logo a:active, .logo a:visited, .logo a:hover {
	text-decoration:none;
}
#logoimg {
	margin-top:70px;
}
.pages_logo #logoimg {
	margin-top:30px;
}


.phone {
	text-align: right;
	font-size:45px;
	line-height:1.2em;
	padding-left:0px;
	padding-top:85px;
}
.phone a, .content__items a {
	color:#fff;
	text-decoration:none;
}
.content__items a {
	color:#000;
	text-decoration:none;
}
.phone a:hover {
	text-decoration:underline;
}
.indexpage_phone a {
	color:#fff;
	font-size:45px;
	
}
.indexpage_phone {
	padding-top:125px;
}

a.callback, a.callback:hover, a.callback:active, a.callback:focus {
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform:uppercase;
	display:block;
	background-color:#cc0000;
	width:160px;
	height:30px;
	padding-top:4px;
	margin-bottom:5px;
	border-radius: 5px;
	text-align:center;
	font-size:18px;
	color: #FFFFFF;
	float:right;
	clear:both;
}
.content__items a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}



#panel {
	position:relative;
	background:url("../img/panel.png") center center no-repeat;
	background-size:cover;
	height:850px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	z-index:0;
}
.first_line, .second_line, .third_line, .fourth_line {
	text-align:center;
}

.second_line {
	margin-top:105px;
}
.third_line {
	font-size:34px;
	font-weight:400;
	margin-top:25px;
}
.third_line .bgyellow {
	padding-left: 20px;
	padding-right: 20px;
}
.fourth_line {
	margin-top:105px;
	
}

a.kp_panel {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	display:block;
	background-color:#0065b9;
	width:260px;
	height:65px;
	padding-top:20px;
	text-align:center;
	font-size:43px;
	color: #FFFFFF;
	clear:both;
	margin-left:auto;
	margin-right:auto;

}

a.kp_panel:hover, a.kp_panel:active, a.kp_panel:focus {
	color: #FFFFFF;
	text-decoration:none;
}


#priemuschestva {
	display:block;
	background-color:#e8e8e8;
	padding:20px 0px;
	text-transform:uppercase;
	font-weight:700;
	line-height:1.3em;
}

.priem1 {
	padding-left:175px;
	padding-top:20px;
	padding-bottom:20px;
	background:url("../img/priem1.png") left center no-repeat;
	background-position: left 90px top 50%;
}
.priem2 {
	padding-left:115px;
	padding-top:20px;
	padding-bottom:20px;
	background:url("../img/priem2new.png") left center no-repeat;
	background-position: left 37px top 50%;
}
.priem3 {
	padding-left:95px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	background:url("../img/priem01.png") left center no-repeat;
	background-position: left 15px top 50%;
}

.section_images_row img {
	display:block;
	height:auto;
	margin-bottom:10px;
}
.container_plashki {
	padding-left:0;
	padding-right:0;
}
.fl_left {
	float:left;
}
.fl_right {
	float:right;
}


h1 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:52px;
	text-align:center;
	font-weight:700;
	color:#fff;
	text-shadow: 1px 1px 2px black, 0 0 1em black;
}
h1 span {
	font-size:80px;
}
h2 {
	margin-top:0.7em;
	margin-bottom:0.9em;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:48px;
	text-align:center;
	font-weight:700;
	color:#000;
	text-transform:uppercase;
}
h3 {
	margin-top:0.5em;
	margin-bottom:1.2em;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:24px;
	text-align:left;
	font-weight:700;
	color:#000;
}
h5 {
	text-align:center;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight:700;
	color:#000;
}
#whytable {
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
#whytable td {
	border:#ccc solid 1px;
	padding:20px;
	width:50%;
}
#whytable tr.black_tr {
	background-color:#f0f0f0;
}
#whytable tr.white_tr {
	background-color:#f7f5f5;
}
#whytable tr.black_th {
	background-color:#333333;
	color:#f7f5f5;
	font-weight:700;
	font-size:1.2em;
	text-align:center;
}
#whytable tr.black_th td {
	border-color:#333333;
}
.products {
	display:block;
	text-align:center;
	background-color:#fafafa;
	border: 1px solid #cccccc;
	padding:15px;
}
.products h4 {
	text-align:center;
	font-size:16px;
	color:#000;
	margin-bottom:10px;
}
.products h6 a {
	color:#000;
	font-size:18px;
	color:#000;
}
.products p {
	margin-top:10px;
}
.products img {

}
.pdf-btn {
    display: flex;
    align-items: center;              
    justify-content: flex-start;
    width: 100%;

    padding: 20px 40px 20px 100px;    /* отступы */
    min-height: 110px;                /* 70px (иконка) + 20px сверху и снизу */

    background: #dceefa url("/img/pdfdownload.png") no-repeat 20px center;
    background-size: 50px 70px;

    color: #183f84;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s ease;
}

.pdf-btn span {
    display: inline-block;
    transform: translateY(-3px);  /* подгонка текста по центру */
    text-align: left;             /* всегда слева */
    width: 100%;                  /* чтобы многострочный текст выравнивался слева */
}



#index_products_table {
	width:100%;
}
#index_products_table td {
	vertical-align:top;
}
#index_products_table_left_side {
	width:25%;
}
#index_products_table_right_side {
	padding-left:20px;
	width:75%;
	overflow: hidden;
}
ul.left_menu_list {
	margin-left:0px;
	margin-top:0px;
	margin-right:20px;
}
ul.left_menu_list li {
	display:block;
	font-size:1em;
	list-style: none;
    background: url(../img/marker.jpg) no-repeat 0px 8px;
    padding-left: 20px;
	padding-bottom:5px;
	text-transform:uppercase;
}
ul.left_menu_list li:last-child {
	height:45px;
}
ul.left_menu_list li a {
	color:#000;
	text-decoration:none;
}
ul.left_menu_list li a:hover {
	color:#000;
	text-decoration:underline;
}
.sections_line {
	margin-bottom:20px;
}

.products {
	margin-bottom:25px;
	min-height:300px;
}
.subtitle {
	font-size:11px;
	line-height:1.2em;
	text-align:center;
	font-weight:700;
	margin-bottom:25px;
}
.content__product {
	text-align:left;
}
.content__items img {
	margin-top:25px;
	margin-bottom:10px;
	height: auto;
	width: 100%;
}
.content__items_padding {
	padding: 25px 30px;
}
.tabs_row {
	margin-top:20px;
	padding-left:20px;
	padding-right:20px;
}
.border_none {
	border:none;
}
.price {
	color:#c6040e;
	font-size:1.5em;
	font-weight:700;
	margin-bottom:10px;
}
.price_order_page {
	color:#000;
	font-size:1.5em;
}
a.item_btn {
	display:block;
	padding:5px;
	margin-bottom:10px;
	width:100%;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:0.8rem;
}
a.orangeborder {
	color:#000;
}
a.item_btn:hover {
	text-decoration:underline;
}

a.btn_to_section {
	width:290px;
	margin-left:auto;
	margin-right:auto;
}
a.bluetext {
	color: #006699;
	text-decoration: none;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

.upp {
	text-transform:uppercase;
}


.krest img {
	display:block;
	max-width:37px;
	max-height:37px;
}

/* Front page Directions*/

.directions-front {
	position:relative;
	display: inline-block;
	min-height:1px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:30px;
}

.direction-hor {
	position: relative;
    display: block;
    height: 176px;
    margin-bottom: 30px;
    color: #fff;
	transition: transform 0.5s;
}

.direction-hor:hover {
    -ms-transform: scale(1.01); /* IE 9 */
    -webkit-transform: scale(1.01); /* Safari 3-8 */
    transform: scale(1.01); 
}

.direction {
    position: relative;
    color: #fff;
}

.direction:hover {
    opacity: 0.7;
}

.direction-title {
    position: absolute;
	bottom: 0px;
    padding: 10px 10px;
	padding-top:15px;
    margin: 0;
    background-color: rgba(0, 101, 185, 0.8);
	height:80px;
	width: 100%;
	text-transform: uppercase;
	word-spacing: 1px;
	font-size: 22px;
	color:#fff;
	text-align:center;
}

.direction-title-hor {
	position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 20px;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.6);
	text-transform: uppercase;
    font-size: 16px;
}

#kimtablesection {
	margin-top:-40px;
	padding-top:0px;
	padding-bottom:20px;
}
.kimtable td {
	border: 1px solid #000;
	font-size:0.9em;
	padding:10px;
}
.kimtablesection_1, .kimtablesection_2, .kimtablesection_3, .kimtablesection_4, .kimtablesection_5, .kimtablesection_6 {
	padding-left:95px;
	padding-right:80px;
	margin-bottom:20px;
}

table.appl {
	margin-top:20px;
	margin-bottom:40px;
}
table.appl td {
	width:50%;
	padding:0 30px;
	vertical-align:middle;
}
table.appl td h3 {
	text-transform:uppercase;
}

#about p, #why p, #results p, #needs p, #bottomform p {
	padding-left:95px;
	padding-right:95px;
	font-size:1.1em;
}
#klimawentservices {
	margin-top:15px;
}
#why h3, #results h3 {
	padding-left:95px;
	padding-right:95px;
	margin-bottom:0em;
}
.why1, .why2, .why3, .result1, .result2, .needs1, .needs2, .needs3, .needs4, .needs5, .needs6 {
	padding-left:115px;
	padding-right:80px;
	margin-bottom:20px;
}
.why1 {
	background:url("../img/priem1.png") left top no-repeat;
	background-position: left 120px top 15px;
}
.why2 {
	background:url("../img/priem2.png") left top no-repeat;
	background-position: left 120px top 15px;
}
.why3 {
	background:url("../img/priem3.png") left top no-repeat;
	background-position: left 105px top 15px;
}
.result1 {
	background:url("../img/result1.png") left top no-repeat;
	background-position: left 120px top 15px;
}
.result2 {
	background:url("../img/result2.png") left top no-repeat;
	background-position: left 120px top 15px;
}
.needs1 p, .needs2 p, .needs5 p {
	padding-top:13px;
	padding-bottom:10px;
}
.needs3 p, .needs4 p, .needs6 p {
	padding-top:1px;
	padding-bottom:10px;
}

.needs1 {
	background:url("../img/needs1.png") left top no-repeat;
	background-position: left 120px top 0px;
}
.needs2 {
	background:url("../img/needs2.png") left top no-repeat;
	background-position: left 120px top 0px;
}
.needs3 {
	background:url("../img/needs3.png") left top no-repeat;
	background-position: left 120px top 0px;
}
.needs4 {
	background:url("../img/needs4.png") left top no-repeat;
	background-position: left 120px top 0px;
}
.needs5 {
	background:url("../img/needs5.png") left top no-repeat;
	background-position: left 120px top 0px;
}
.needs6 {
	background:url("../img/needs6.png") left top no-repeat;
	background-position: left 120px top 0px;
}
.characteristics_table_para_paddings {
	padding-left:95px;
	padding-right:95px;
	padding-bottom:35px;
	
}
#sfera {
	display:block;
	padding:40px 0 40px 0;
}
.sfera {
		background-position: left 0px top 0px;
		padding-left:100px;
		display:block;
		height:95px;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:65px;
		margin-right:65px;
}
.sfera1 {
	background:url("../img/sfera1.png") no-repeat;
	padding-top:10px;
}
.sfera2 {
	background:url("../img/sfera2.png") no-repeat;
	padding-top:10px;
}
.sfera3 {
	background:url("../img/sfera3.png") no-repeat;

}
.sfera4 {
	background:url("../img/sfera4.png") no-repeat;

}
.sfera5 {
	background:url("../img/sfera5.png") no-repeat;
	padding-top:10px;
}
.sfera6 {
	background:url("../img/sfera6.png") no-repeat;
	padding-top:10px;
}
.sfera7 {
	background:url("../img/sfera7.png") no-repeat;
	background-position: left 0px top 15px;
}
.sfera8 {
	background:url("../img/sfera8.png") no-repeat;
	padding-top:10px;
}
.sfera9 {
	background:url("../img/sfera9.png") no-repeat;
	background-position: left 0px top 10px;
}
.sfera10 {
	background:url("../img/sfera10.png") no-repeat;
	padding-top:10px;
}
#examples {
	padding-top:10px;
	padding-bottom:30px;
}
#objects a {
	color:#000;
}
.objects p {
	text-align:center;
	padding:10px;
}
#address_form {
	margin-bottom:50px;
}
#bottomform {
	margin-bottom:80px;
}
#bottomform form {
	display:block;
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.formmargings {
	text-align:center;
}
.bottomform input {
	display:block;
	width:800px;
	border:2px solid #707070;
	border-radius:20px;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	padding:30px 50px;
	font-size:33px;
	font-weight:700;
	color:#787373;
}

.bottomform button {
	display:block;
	width:800px;
	border:2px solid #cc0000;
	background-color:#cc0000;
	border-radius:20px;
	margin:30px;
	
	margin-left:auto;
	margin-right:auto;
	padding:30px 50px;
	color:#fff;
	font-size:2em;
	font-weight:400;
	text-transform:uppercase;
}
a.oformlenie_btn {
		display:block;
	width:85%;
	border:2px solid #cc0000;
	background-color:#cc0000;
	border-radius:20px;
	margin:30px;
	
	margin-left:auto;
	margin-right:auto;
	padding:30px 50px;
	color:#fff;
	font-size:1.8em;
	line-height:1em;
	font-weight:400;
	text-transform:uppercase;
}

footer {
	padding-top:25px;
	color:#f6f6f6;
	font-size:0.9em;
	line-height:1.4em;
	background-color:#333333;
	background:url("../img/footer.png") center center no-repeat;
}
footer a {
	color:#f6f6f6;
}
footer a:hover {
	color:#f6f6f6;
	text-decoration:underline;
}

#copyrights {
	font-size:16px;
	color:#f6f6f6;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#1a1a1a;
	box-shadow: 5px 0px 0px 0px rgba(0, 0, 0, 0.7);
	opacity:0.7;
}
#copyrights a, #copyrights a:hover, #copyrights a:visited {
	color:#f6f6f6;
}
ul.bottom_list {
    padding-left: 0;
}
ul.bottom_list li{
	list-style-type: none;
}


form#colback {
	margin-top:20px;
}
#colback input, #colback button {
	width:100%;
	background: #f3f2f2;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
    padding: 7px;
	border:none;
	margin-bottom:10px;
}
#colback button {
	background-color: #d6101a;
	box-shadow:none;
	color:#fff;
}


.modal-content {
	height:auto;
}
.modal-header, .modal-footer {
	border:none;
}
form.modalform {
}
.modalform input{
	width:100%;
	background: #fff;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
    padding: 10px;
	border:none;
	margin-top:20px;
}
h5.modal-title {
	color:#000;
	text-align:center;
	text-transform:uppercase;
	margin-left:auto;
	margin-right:auto;
	font-weight:700;
}
.modalformbutton {
	display:block;
	width:100%;
	background-color:#0065b9;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:1.0em;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:-20px;
}

@media screen and (max-width: 767px) {
	.mob_display_none {
		display:none;
	}
	h1 span {

		font-size:52px;

	}
	table {
		display: table;
		width:100%;
	}
	tr {
		display: table-row;
	}
	td {
		display: inline-block;
	}


	th, #index_products_table_left_side {
		display: table-header-group;
		width: auto;
		text-align:center;
	}
	td, #index_products_table_right_side {
		display: inline-block;
		
		width: auto;
	}

	.logo, .phone {
		text-align:center;
	}
	.logo {
		padding-top:10px;
	}
	.logo img {
		text-align:center;
		float:none;
	}
	img#logoimg {
		display:block;

		margin-left:auto;
		margin-right:auto;
	}

	.phone {
		font-size:30px;
		line-height:1.2em;
		padding-top:10px;
	}
	.basket {
		display:none;
	}

	#panel {

	height:800px;
	}
	
	a.callback {
		display:block;
		width:100%;
		height:auto;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		margin-bottom:15px;
	}
		
	.first_line, .second_line, .third_line, .fourth_line {
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}

	.second_line {
		
		margin-top:70px;
	}
	.third_line {
		font-size:1.2em;
		line-height:1.2em;
	}
	.fourth_line {
		margin-top:80px;
		text-align:center;
	}
	#index_products_table_left_side {
		display:none;
	}
	#index_products_table_right_side {
		padding-left:20px;
		padding-right:20px;
	}
	.whole_container {
		background-color:#fff;
		margin-top:0px;
	}
	h1 {
		text-align:center;
		font-size:1.7em;
		line-height:1.5em;
		width:100%;
	}
	h2 {
		font-size:33px;
	}
	a.kp_panel {
		display:block;
		width:275px;
		height:65px;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	.sections_line {
		margin-bottom:00px;
	}
	.left_menu_item {
		text-align:left;
	}

	.priem1 {
		display:block;
		width:280px;
		padding-left:95px;
		padding-bottom:12px;
		background:url("../img/priem1.png") left center no-repeat;
		margin-left:auto;
		margin-right:auto;
	}
	.priem2 {
		display:block;
		width:280px;
		padding-left:95px;
		padding-bottom:12px;
		background:url("../img/priem2.png") left center no-repeat;
		margin-left:auto;
		margin-right:auto;
	}
	.priem3 {
		display:block;
		width:280px;
		padding-left:95px;
		padding-bottom:12px;
		background:url("../img/priem3.png") left center no-repeat;
		background-position: left -15px top 50%;
		margin-left:auto;
		margin-right:auto;
	}
	table#whytable {
		width:100%;
	}
	table#whytable td {
		width:100%;
	}
	table.appl {
        display: flex;
        flex-direction: column; /* картинка сверху, текст снизу */
        width: 100%;
        margin: 20px 0;
    }

    table.appl tr {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    table.appl th,
    table.appl td {
        display: block;
        width: 100%;
        padding: 0;
        text-align: left;
    }

    table.appl th {
        order: 1; /* картинка идёт первой */
    }

    table.appl td {
        order: 2; /* текст идёт вторым */
    }
	.kimtablesection_1, .kimtablesection_2, .kimtablesection_3, .kimtablesection_4, .kimtablesection_5, .kimtablesection_6 {
		padding-left:75px;
		padding-right:20px;
		margin-left:20px;
		margin-bottom:20px;
	}
	.characteristics_table_para_paddings {
		padding-left:20px;
		padding-right:20px;
		padding-bottom:35px;
	
	}

	#about p, #why p, #results p, #needs p, #bottomform p {
		padding-left:20px;
		padding-right:20px;
		font-size:1.1em;
	}
	#why h3, #results h3 {
	padding-left:20px;
	padding-right:20px;
	margin-bottom:0em;
	}
	.krest img {
		float:right;
		margin-bottom:-10px;
	}
	.why1, .why2, .why3, .result1, .result2, .needs1, .needs2, .needs3, .needs4, .needs5, .needs6 {
		padding-left:75px;
		padding-right:20px;
		margin-bottom:20px;
	}
	.why1 {
		background:url("../img/priem1.png") left top no-repeat;
		background-position: left 20px top 15px;
	}
	.why2 {
		background:url("../img/priem2.png") left top no-repeat;
		background-position: left 20px top 15px;
	}
	.why3 {
		background:url("../img/priem3.png") left top no-repeat;
		background-position: left 5px top 15px;
	}
	.result1 {
		background:url("../img/result1.png") left top no-repeat;
		background-position: left 20px top 15px;
	}
	.result2 {
		background:url("../img/result2.png") left top no-repeat;
		background-position: left 20px top 15px;
	}
	.needs1 p, .needs2 p, .needs5 p {
		padding-top:13px;
		padding-bottom:10px;
	}
	.needs3 p, .needs4 p, .needs6 p {
		padding-top:1px;
		padding-bottom:10px;
	}

	.needs1 {
		background:url("../img/needs1.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs2 {
		background:url("../img/needs2.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs3 {
		background:url("../img/needs3.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs4 {
		background:url("../img/needs4.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs5 {
		background:url("../img/needs5.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs6 {
		background:url("../img/needs6.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.table_overflow_x {
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
	}
	table.kimtable {
		width: 100%;
		display:table;
	}
	table.kimtable td {
		display:table-cell;
	}
	table.kimtable tr {
		display:table-row;
	}
	.sfera p {
		text-align:center;
	}
	.sfera {
		background-position: top center;
		padding-left:0px;
		padding-right:0px;
		padding-top:90px;
		display:block;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
	}
	#bottomform form {
		display:block;
		width:95%;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	.formmargings {
		text-align:center;
	}
	.bottomform input {
		display:block;
		width:95%;
		border:2px solid #707070;
		border-radius:20px;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		padding:20px;
		font-size:1.2em;
		font-weight:700;
		color:#787373;
	}

	.bottomform button {
		display:block;
		width:95%;
		border:2px solid #cc0000;
		background-color:#cc0000;
		border-radius:20px;
		margin:20px auto;
	
		margin-left:auto;
		margin-right:auto;
		padding:20px 5px;
		color:#fff;
		font-size:1.2em;
		font-weight:400;
		text-transform:uppercase;
	}
	footer {

		margin-top:20px;
	}
	ul.bottom_list {
		margin-left: 0px;
		padding-left: 0;
	}

	
	a.btn_to_section {
		width:250px;
		margin-left:auto;
		margin-right:auto;
	}
	.fl_left, .fl_right {
		float:none;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}



}




@media screen and (min-width: 768px) and (max-width: 1023px) {
	
	#panel {

		height:1100px;
	}
	
	tr {
		display: table;
	}

	th, #index_products_table_left_side {
		display: table-header-group;
		width: auto;
		text-align:center;
	}
	td, #index_products_table_right_side {
		display: inline-block;
		
		width: auto;
	}
	#index_products_table {
		width:100%;
	}
	#index_products_table_right_side {
	width:100%;
	overflow: hidden;
	}

	#verytop {
		padding-bottom:50px;
	}
	.logo {
		text-align:center;
	}
	.logo {
		padding-top:10px;
	}
	.logo img {
		text-align:center;
		float:none;
	}
	img#logoimg {
		display:block;

		margin-left:auto;
		margin-right:auto;
	}

	.phone {
		font-size:30px;
		line-height:1.2em;
		margin-top:25px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.basket {
		margin-top:25px;
	}

	#topmenu a {
		font-size:14px;
	}
	
	#topmenu img {
		display:block;
		width:10px;
		height:auto;
	}

	.desc_display_none {
		display:block;
	}
	.first_line, .second_line, .third_line, .fourth_line {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	.first_line {
		font-size:30px;
		line-height:1.2em;
		margin-top:40px;
	
	}

	.third_line {
		font-size:34px;
		line-height:1.2em;
	}
	.fourth_line {
		margin-top:80px;
	}
	a.kp_panel {
		display:block;
		width:285px;
		height:65px;
		margin-left:auto;
		margin-right:auto;
		float:none;
	}
	h1 {
		text-align:center;
		width:100%;
		text-shadow: 1px 1px 2px black, 0 0 1em black;
	}
	h2 {
		font-size:38px;
	}
	.priem1 {
		display:block;
		width:280px;
		padding-left:95px;
		padding-bottom:12px;
		background:url("../img/priem1.png") left center no-repeat;
		margin-left:auto;
		margin-right:auto;
	}
	.priem2 {
		display:block;
		width:280px;
		padding-left:95px;
		padding-bottom:12px;
		background:url("../img/priem2.png") left center no-repeat;
		margin-left:auto;
		margin-right:auto;
	}
	.priem3 {
		display:block;
		width:280px;
		padding-left:95px;
		padding-bottom:12px;
		background:url("../img/priem3.png") left center no-repeat;
		background-position: left -15px top 50%;
		margin-left:auto;
		margin-right:auto;
	}

	#index_products_table_left_side {
		display:none;
	}
	.table_overflow_x {
		max-width: 100%;
		-webkit-overflow-scrolling: touch;
		overflow-x: scroll;
	}
	table#whytable {
		width: 100%;
		display:table;
	}
	table#whytable  td {
		display:table-cell;
	}
	table#whytable  tr {
		display:table-row;
	}
	table.appl td {
		padding-top:40px;
		width: 100%;

	}

	#about p, #why p, #results p, #needs p, #bottomform p {
		padding-left:20px;
		padding-right:20px;
		font-size:1.1em;
	}
	#why h3, #results h3 {
	padding-left:20px;
	padding-right:20px;
	margin-bottom:0em;
	}
	.krest img {
		float:right;
		margin-bottom:-10px;
	}
	.why1, .why2, .why3, .result1, .result2, .needs1, .needs2, .needs3, .needs4, .needs5, .needs6 {
		padding-left:75px;
		padding-right:20px;
		margin-bottom:20px;
	}
	.why1 {
		background:url("../img/priem1.png") left top no-repeat;
		background-position: left 20px top 15px;
	}
	.why2 {
		background:url("../img/priem2.png") left top no-repeat;
		background-position: left 20px top 15px;
	}
	.why3 {
		background:url("../img/priem3.png") left top no-repeat;
		background-position: left 5px top 15px;
	}
	.result1 {
		background:url("../img/result1.png") left top no-repeat;
		background-position: left 20px top 15px;
	}
	.result2 {
		background:url("../img/result2.png") left top no-repeat;
		background-position: left 20px top 15px;
	}
	.needs1 p, .needs2 p, .needs5 p {
		padding-top:13px;
		padding-bottom:10px;
	}
	.needs3 p, .needs4 p, .needs6 p {
		padding-top:1px;
		padding-bottom:10px;
	}

	.needs1 {
		background:url("../img/needs1.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs2 {
		background:url("../img/needs2.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs3 {
		background:url("../img/needs3.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs4 {
		background:url("../img/needs4.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs5 {
		background:url("../img/needs5.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.needs6 {
		background:url("../img/needs6.png") left top no-repeat;
		background-position: left 20px top 0px;
	}
	.sfera p {
		text-align:center;
	}
	.sfera {
		background-position: top center;
		padding-left:0px;
		padding-right:0px;
		padding-top:90px;
		display:block;
		width:100%;
		height:auto;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
	}

	#bottomform {
		margin-bottom:80px;
	}
	#bottomform form {
		display:block;
		width:500px;
		height:auto;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	.formmargings {
		text-align:center;
	}
	.bottomform input {
		display:block;
		width:500px;
		border:2px solid #707070;
		border-radius:20px;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
		padding:30px 50px;
		font-size:33px;
		font-weight:700;
		color:#787373;
	}

	.bottomform button {
		display:block;
		width:500px;
		border:2px solid #cc0000;
		background-color:#cc0000;
		border-radius:20px;
		margin:30px;
	
		margin-left:auto;
		margin-right:auto;
		padding:30px 50px;
		color:#fff;
		font-size:2em;
		font-weight:400;
		text-transform:uppercase;
	}
	ul.bottom_list {
		margin-left: 0px;
		padding-left: 0;
	}
	
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
	#panel {

		height:950px;
	}


	.priem1 {
		padding-left:95px;
		background-position: left 0px top 50%;
		
	}
	.priem2 {
		padding-left:115px;
		background-position: left 37px top 50%;
	}
	.priem3 {
		padding-left:95px;
		padding-right:0px;
		background-position: left 15px top 50%;
	}

	.sfera {
		background-position: left 0px top 0px;
		padding-left:100px;
		padding-right:0px;
		padding-top:0px;
		display:block;
		width:100%;
		height:auto;
		min-height:150px;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:auto;
		margin-right:auto;
	}
	#whytable {
		width:100%;
	}
}