﻿/* Smartphones (вертикальная и горизонтальная ориентация) ----------- */
@media only screen and (max-width : 320px) {
	.u_top, .u_top_work {
		height: auto;
	}
	.u_top_fon {
		display: none;
	}
	.u_top_block, .u_top_work_block {
		background: rgba(30,49,61,0.75);
		position: static;
		width: auto;
		min-width: auto;
		height: auto;
		padding-bottom: 20px;
	}
	.u_top_video_full { display: none; }
	.u_top_video_mobile { display: none; }
	
	.u_title_link { font-size: 230%; line-height: 90%; }
	.u_button_mini {padding: 0px; font-size: 16px; height: 15px; line-height:15px;padding:5px 10px;}
	.u_button_text {display:none;}
	.u_button_cabinet {display:block;background-position:50% 0px; }
	.u_menu_text_1 {font-size: 22px;}
	.u_menu_title_2 {padding-left:20px;}
	.u_fon_3_block {background-position: 0px 0px; }
	.u_textarea_500 { width: 220px; }
	.u_w_price { width: 110px; }
	.u_h_price { height: 120px; }
	.u_w_slider { width: 170px; }
	.u_h_slider {height: 255px; }
	html,body {
		font-size: 16px;
	}
	/*Стили для мобильной и полной версии*/
	.s_full, .s_full_inline_block {
		display: none!important;
	}
	.s_mobile {
		display: block!important;
	}
	.s_mobile_block {
		display: inline-block!important;
	}
	.s_mobile_block_block {
		display: block!important;
	}
	.s_text {
		display: inline-block;
	}
	.s_text_mini {
		display: inline-block;
		font-size: 90%;
	}
	.s_text_micro {
		display: inline-block;
		font-size: 80%;
	}
	.s_text_nano {
		display: inline-block;
		font-size: 60%;
	}
	.s_font_vk {
		font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
	}
	/*Стиль для блоков*/
	.s_button_mini, .s_button_green_mini, .s_button_mini_select, .s_button_orange_mini {
		font-size: 16px;
		padding: 6px 10px;
	}
	.s_button {
		font-size: 20px;
		padding: 6px 24px;
	}
	/*Максимальная ширина и высота элементов*/
	.s_w_300 {
		width: auto;
	}
	.s_w_350 {
		width: auto;
	}
	.s_w_400 {
		width: auto;
	}
	.s_w_450 {
		width: auto;
	}
	.s_w_500 {
		width: auto;
	}
	.s_w_550 {
		width: auto;
	}
	.s_w_600 {
		width: auto;
	}
	.s_mw_300 {
		max-width: 250px;
	}
	.s_mw_350 {
		max-width: 250px;
	}
	.s_mw_400 {
		max-width: auto;
	}
	.s_mw_500 {
		max-width: auto;
	}
	.s_mw_600 {
		max-width: 280px;
	}
	.s_mw_700 {
		max-width: 300px;
	}
	.s_mw_800 {
		max-width: auto;
	}
	.s_mw_900 {
		max-width: auto;
	}
	.s_mw_950 {
		max-width: auto;
	}
	.s_mw_1000 {
		max-width: auto;
	}
	.s_mw_1100 {
		max-width: auto;
	}
	.s_mw_1200 {
		max-width: auto;
	}
	.s_mh_200_p { height: auto!important; max-width: 300px; }
	.s_minh_280 { min-height: auto }
	/*Отступы*/
	.s_margin_top-80_mob {
		margin-top: -80px;
	}
	.s_margin_5_full { margin: 1px;	}
	.s_dis_line_val {
		padding: 10px 2px;
	}
	.slider {max-width:248px;}
	.s_slider_img {width:240px;}
	.s_slider_left, .s_slider_right { margin: 0px 2px; height: 34px;width: 22px;background-size: 22px;}
	.s_align_left_full { text-align: center; }
	.s_float_left_full {float:none;}
	.s_padding_10_20 {padding:10px;}
}
@media only screen and (min-width : 321px) and (max-width: 767px) {	
.u_top, .u_top_work { 
	height: 600px;
}
	.u_top_fon {
		width: 100%;
		min-width: auto;
		height: 600px;
	}
		.u_top_fon video {
			overflow: hidden;
			width: 100%;
		}
	.u_top_block, .u_top_work_block {
		width: 100%;
		min-width: auto;
		height: 600px;
	}
	.u_top_video_full { display: none; }
	.u_top_video_mobile { display: block; }
	.u_title_link { font-size: 230%; line-height: 90%; }
	.u_button_mini {height: 15px; line-height:15px;}
	.u_button_cabinet {display:none;}
	.u_menu_title_2 {padding-left:20px;}
	.u_fon_3_block {background-position: 0px 0px; }
	.u_textarea_500 { width: 400px; }
	.u_w_price { width: 110px; }
	.u_h_price { height: 120px; }
	.u_w_slider { width: 170px; }
	.u_h_slider {height: 255px; }
	html,body {
		font-size: 16px;
	}
	.s_text {
		display: inline-block;
	}
	.s_text_mini {
		display: inline-block;
		font-size: 90%;
	}
	.s_text_micro {
		display: inline-block;
		font-size: 80%;
	}
	.s_text_nano {
		display: inline-block;
		font-size: 60%;
	}
	.s_font_vk {
		font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
	}
	/*Стили для мобильной и полной версии*/
	.s_full, .s_full_inline_block {
		display: none!important;
	}
	.s_mobile {
		display: block!important;
	}
	.s_mobile_block {
		display: inline-block!important;
	}
	.s_mobile_block_block {
		display: block!important;
	}
	/*Стиль для блоков*/
	.s_button_mini, .s_button_green_mini, .u_button_mini, .s_button_mini_select, .s_button_orange_mini {
		font-size: 17px;
		padding: 6px 12px;
	}
	.s_button {
		font-size: 22px;
		padding: 7px 30px;
	}
	/*Максимальная ширина и высота элементов*/
	.s_w_300 {
		width: auto;
	}
	.s_w_350 {
		width: auto;
	}
	.s_w_400 {
		width: auto;
	}
	.s_w_450 {
		width: auto;
	}
	.s_w_500 {
		width: auto;
	}
	.s_w_550 {
		width: auto;
	}
	.s_w_600 {
		width: auto;
	}
	.s_h_350_full {
		height: auto;
	}
	.s_h_400_full {
		height: auto;
	}
	.s_mw_300 {
		max-width: 250px;
	}
	.s_mw_350 {
		max-width: 280px;
	}
	.s_mw_400 {
		max-width: auto;
	}
	.s_mw_500 {
		max-width: auto;
	}
	.s_mw_600 {
		max-width: 500px;
	}
	.s_mw_700 {
		max-width: 600px;
	}
	.s_mw_800 {
		max-width: auto;
	}
	.s_mw_900 {
		max-width: auto;
	}
	.s_mw_950 {
		max-width: auto;
	}
	.s_mw_1000 {
		max-width: auto;
	}
	.s_mw_1100 {
		max-width: auto;
	}
	.s_mw_1200 {
		max-width: auto;
	}
	.s_mh_200_p { height: auto!important;  max-width: 300px; }
	.s_minh_280 { min-height: auto }
	/*Отступы*/
	.s_margin_top-80_mob {
		margin-top: -80px;
	}
	/*Всплывающее окно*/
	.window_form {
		width: auto;
		min-width: 360px;
		min-height: 100px;
		padding-bottom: 10px;
	}
		.window_close {
			position: absolute;
			width: 40px;
			height: 40px;
			right: 10px;
		}
			.window_close:hover {
				color: red;
			}
		.window_text {
			width: auto;
			padding: 5px;
		}
			.window_text input[type='text'], .window_text input[type='password'] {
				width: auto;
			}
			.window_text input[type='button'] {
				width: auto;
			}
		.window_text_message {
			width: auto;
			padding: 10px;
			padding-bottom: 20px;
		}
		.window_td_left {
			padding: 5px;
			width: 30%;
		}
		.window_td_right {
			padding: 5px;
		}
		.button_vk_enter {
			max-width: 240px;
			width: auto;
			padding: 7px 8px 8px;
		}
		.window_enter_small {
			display: block;
		}
		.window_enter_big {
			display: none;
		}
	.s_dis_line_val {
		padding: 10px 2px;
	}
	.slider {max-width:500px;}
	.s_slider_img {width:250px;}
	.s_slider_left, .s_slider_right { margin: 0px 2px; height: 34px;width: 22px;background-size: 22px;}
	.s_align_left_full { text-align: center; }
	.s_float_left_full {float:none;}
	.s_padding_10_20 {padding:10px;}
}
/* iPhone 4 ----------- */
@media only screen and (min-width: 321px) and (max-width: 480px) {
	.u_button_mini {padding: 0px; font-size: 16px; height: 15px; line-height:15px;padding:5px 10px;}
	.u_button_text {display:none;}
	.u_button_cabinet {display:block;background-position:50% 0px; }
	.u_menu_text_1 {font-size: 22px;}
	.u_menu_title_2 {padding-left:20px;}
	.u_textarea_500 { width: 270px; }
	.u_w_price { width: 110px; }
	.u_h_price { height: 120px; }
	/**/
	.s_mobile_block {
		display: inline-block!important;
	}
	.s_mobile_block_block {
		display: block!important;
	}
	.s_w_300 {
		width: auto;
	}
	.s_w_350 {
		width: auto;
	}
	.s_w_400 {
		width: auto;
	}
	.s_w_450 {
		width: auto;
	}
	.s_w_500 {
		width: auto;
	}
	.s_w_550 {
		width: auto;
	}
	.s_w_600 {
		width: auto;
	}
	.s_h_350_full {
		height: auto;
	}
	.s_h_400_full {
		height: auto;
	}
	.s_mw_300 {
		max-width: 250px;
	}
	.s_mw_350 {
		max-width: 280px;
	}
	.s_mw_400 {
		max-width: auto;
	}
	.s_mw_500 {
		max-width: auto;
	}
	.s_mw_600 {
		max-width: 320px;
	}
	.s_mw_700 {
		max-width: 320px;
	}
	.s_mw_800 {
		max-width: auto;
	}
	.s_mw_900 {
		max-width: auto;
	}
	.s_mw_950 {
		max-width: auto;
	}
	.s_mw_1000 {
		max-width: auto;
	}
	.s_mw_1100 {
		max-width: auto;
	}
	.s_mw_1200 {
		max-width: auto;
	}
	.s_mh_200_p { height: auto!important;  max-width: 300px; }
	.s_minh_280 { min-height: auto }
	.s_dis_line_val {
		padding: 10px 2px;
	}
	.s_margin_top-80_mob {
		margin-top: -80px;
	}
	.s_margin_5_full { margin: 1px;	}
	.slider {max-width:280px;}
	.s_slider_img {width:250px;}
	.s_slider_left, .s_slider_right { margin: 0px 2px; height: 34px;width: 22px;background-size: 22px;}
	.s_align_left_full { text-align: center; }
	.s_float_left_full {float:none;}
	.s_padding_10_20 {padding:10px;}
}
/* iPads (вертикальная и горизонтальная) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.u_top, .u_top_work {
	height: 550px;
}
	.u_top_fon {
		width: 100%;
		min-width: auto;
		height: 550px;
	}
		.u_top_fon video {
			overflow: hidden;
			width: auto;
			height: 550px;
		}
	.u_top_block, .u_top_work_block {
		width: 100%;
		min-width: auto;
		height: 550px;
	}
	.u_top_video_full { display: block; }
	.u_top_video_mobile { display: none; }

	.u_title_link { font-size: 230%; line-height: 90%; }
	
	.u_button_mini {height: 15px; line-height:15px;}
	.u_button_cabinet {display:none;}
	.u_menu_title_2 {padding-left:20px;}
	.u_w_slider { width: 170px; }
	.u_h_slider {height: 255px; }
	html,body {
		font-size: 16px;
	}
	.s_text {
		display: inline-block;
	}
	.s_text_mini {
		display: inline-block;
		font-size: 90%;
	}
	.s_text_micro {
		display: inline-block;
		font-size: 80%;
	}
	.s_text_nano {
		display: inline-block;
		font-size: 60%;
	}
	.s_font_vk {
		font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;
	}
	/*Стили для мобильной и полной версии*/
	.s_full, .s_full_inline_block {
		display: none!important;
	}
	.s_mobile {
		display: block!important;
	}
	.s_mobile_block {
		display: inline-block!important;
	}
	.s_mobile_block_block {
		display: block!important;
	}
	/*Стиль для блоков*/
	.s_button_mini, .s_button_green_mini, .u_button_mini, .s_button_mini_select, .s_button_orange_mini {
		font-size: 17px;
		padding: 6px 12px;
	}
	.s_button {
		font-size: 22px;
		padding: 7px 30px;
	}
	/*Максимальная ширина и высота элементов*/
	.s_w_300 {
		width: auto;
	}
	.s_w_350 {
		width: auto;
	}
	.s_w_400 {
		width: auto;
	}
	.s_w_450 {
		width: auto;
	}
	.s_w_500 {
		width: auto;
	}
	.s_w_550 {
		width: auto;
	}
	.s_w_600 {
		width: auto;
	}
	.s_h_350_full {
		height: auto;
	}
	.s_h_400_full {
		height: auto;
	}
	.s_mw_300 {
		max-width: 250px;
	}
	.s_mw_350 {
		max-width: 280px;
	}
	.s_mw_400 {
		max-width: auto;
	}
	.s_mw_500 {
		max-width: auto;
	}
	.s_mw_600 {
		max-width: 500px;
	}
	.s_mw_700 {
		max-width: 600px;
	}
	.s_mw_800 {
		max-width: auto;
	}
	.s_mw_900 {
		max-width: auto;
	}
	.s_mw_950 {
		max-width: auto;
	}
	.s_mw_1000 {
		max-width: auto;
	}
	.s_mw_1100 {
		max-width: auto;
	}
	.s_mw_1200 {
		max-width: auto;
	}
	.s_minh_280 { min-height: auto }
	/*Отступы*/
	.s_margin_top-80_mob {
		margin-top: -80px;
	}
	/*Всплывающее окно*/
	.window_form {
		width: auto;
		min-width: 360px;
		min-height: 100px;
		padding-bottom: 10px;
	}
		.window_close {
			position: absolute;
			width: 40px;
			height: 40px;
			right: 10px;
		}
			.window_close:hover {
				color: red;
			}
		.window_text {
			width: auto;
			padding: 5px;
		}
			.window_text input[type='text'], .window_text input[type='password'] {
				width: auto;
			}
			.window_text input[type='button'] {
				width: auto;
			}
		.window_text_message {
			width: auto;
			padding: 10px;
			padding-bottom: 20px;
		}
		.window_td_left {
			padding: 5px;
			width: 30%;
		}
		.window_td_right {
			padding: 5px;
		}
		.button_vk_enter {
			max-width: 240px;
			width: auto;
			padding: 7px 8px 8px;
		}
		.window_enter_small {
			display: block;
		}
		.window_enter_big {
			display: none;
		}
	.s_dis_line_val {
		padding: 10px 2px;
	}
	.slider {max-width:500px;}
	.s_slider_img {width:250px;}
	.s_align_left_full { text-align: center; }
	.s_float_left_full {float:none;}
}


/* Smartphones (горизонтальная) ----------- */
@media only screen and (min-width: 321px) {
/* стили */
}

/* iPads (горизонтальная) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
/* стили */
}

/* iPads (вертикальная) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
/* стили */
}

/* iPad 3**********/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
/* стили */
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
/* стили */
}

/* Настольные компьютеры и ноутбуки ----------- */
@media only screen  and (min-width: 1224px) {
/* стили */
}

/* Большие экраны ----------- */
@media only screen  and (min-width: 1824px) {
/* стили */
}

/* iPhone 4 ----------- */
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	
/* стили */
}
@media only screen and (min-width: 320px) and (max-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	
/* стили */
}

/* iPhone 5 ----------- */
@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
/* стили */
}
@media only screen and (min-width: 320px) and (max-height: 568px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
/* стили */
}

/* iPhone 6 ----------- */
@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
/* стили */
}
@media only screen and (min-width: 375px) and (max-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
/* стили */
}

/* iPhone 6+ ----------- */
@media only screen and (min-width: 414px) and (max-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
/* стили */
}
@media only screen and (min-width: 414px) and (max-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
/* стили */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2){
/* стили */
}
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2){
/* стили */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3){
/* стили */
}
@media only screen and (min-width: 320px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3){
/* стили */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3){
/* стили */
}
@media only screen and (min-width: 360px) and (max-height: 640px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3){
/* стили */
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 800px) {
}
