/* ---------- Файл адаптации сайта ---------- */

/* ---------- Мобильное меню ---------- */

/* Кнопка мобильного меню */
.mobile-nav-btn {
	display: none;
	position: relative;
	padding: 5px;
	cursor: pointer;
}
.change {}
.bar1, .bar2, .bar3 {
	width: 25px;
	height: 3px;
	background-color: #52504b;
	margin: 4px 0;
	transition: 0.3s;
}
.change .bar1 {
	-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;
	transform: rotate(-45deg) translate(-5px, 5px) ;
}
.change .bar2 {opacity: 0;}
.change .bar3 {
	-webkit-transform: rotate(45deg) translate(-5px, -5px) ;
	transform: rotate(45deg) translate(-5px, -5px) ;
}
.mobile-nav-btn_text {
	display: none;
	position: absolute;
	top: 10px;
	left: 40px;
	text-transform: uppercase;
	font-weight: 600;
	color: #52504b;
}

/* Меню */

/* Адаптация меню */

@media only screen and (max-width : 767px) {
	.top_menu-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1999;
		border-bottom: 1px solid #ccc;

		background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%) !important; /* ff3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1))) !important; /* safari4+,chrome */
		background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%) !important; /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%) !important; /* opera 11.10+ */
		background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%) !important; /* ie10+ */
		background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%) !important; /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#FFFFFF',GradientType=1 ) !important; /* ie6-9 */
	}
	.mobile-nav-btn {display: block;}
	#top_menu {
		display: none;
		position: absolute;
		/*z-index: 1999;*/
		width: 100% !important;
		height: 10000%;
		background-color: rgba(0,0,0,0.4);
		/*background: url(/i/top_strip.png) 0% 0%;*/
	}
	#top_menu ul, #top_menu div#order {display: none;}
	#top_menu ul {
		background-color: #f6f6f6;
		background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* ff3.6+ */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1))); /* safari4+,chrome */
		background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* safari5.1+,chrome10+ */
		background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* opera 11.10+ */
		background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* ie10+ */
		background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* w3c */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F2F2', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */
	}
	#top_menu ul, #top_menu ul li, #top_menu div#order {
		float: none;
	}
	#top_menu ul li, #top_menu div#order {
		padding: 0;
		text-align: center;
		border-top: 1px solid #ddd;
	}
	#top_menu div#order {
		padding: 0;
		height: 50px;
		background: #78C5D8;
		color: #fff;
		border-bottom: 1px solid #49a;
	}
	#top_menu div#order > span {
		display: block !important;
		line-height: 50px;
		background-image: none;
	}
	#top_menu .mnu_item {
		padding: 0 !important;
		height: 50px;
	}
	#top_menu .mnu_item a {
		display: block !important;
		height: auto;
		line-height: 50px;
		text-decoration: none !important;
		background-image: none;
	}
	#top_menu .checked .mnu_item {
		background: transparent;
	}
	#top_menu .checked {
		/*background: #78C5D8;*/
	}
	#top_menu .checked a {
		color: #78C5D8;
	}
	#top_menu li.checked .l, #top_menu li.checked .r {
		background-image: none;
	}
}
@media only screen and (min-width : 768px) {
	.mobile-nav {display: none !important;}
	#top_menu {display: block !important;}
}

/* ---------- Медиа ---------- */
@media only screen and (max-width : 1000px) {
	#wrap, #footer {min-width: 0 !important;}
	#top_menu, #hdr_mdl, #page, #footer_mdl {width: auto;}
	#hdr_mdl, #page, #footer_mdl {
		padding-right: 10px;
		padding-left: 10px;
	}
	#mmenu {text-align: center;}
	#mmenu li a {font-size: 21px;}
	#mmenu li {display: inline-block; float: none;}
	ul.submenu {text-align: center;}
	ul.submenu li {display: inline-block; float: none;}

	/* Слайдер 1 */
	.kwicks_bdy {width: 100% !important;}
	#kwicks {width: 100% !important;}
	#kwicks .kwick {width: 16%;}
	#kwicks_container {float: none !important;}
	.q_shad {display: none !important;}

	#content, #rightbar {padding: 0 8px;}
	#about_block {width: auto !important; margin: 0 !important; padding: 0 8px !important;}
	#slider {float: right; margin: 0 0 0 10px !important;}
	#about_block {width: 40% !important;}
	#slider {width: 55% !important; margin: 0 0 0 20px !important;}
	#slider .item {width: 100% !important;}
	#slider .scrollArea {height: 205px !important;}

	.clients_more .loader {top: -15px !important;}
	#partners {width: auto !important;}
	#footer_bg {
		background-image: url("ftr_bg.jpg");
		background-position: center bottom; 
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#footer {text-align: center; height: auto; background: none;}
	#footer_mdl #present {display: none;}
	#footer_mdl #address {padding: 0;}
	#footer_mdl #address, #footer_mdl #contact {float: none; display: inline-block;}
	#footer_mdl #address, #footer_mdl #contact, #footer_mdl #company {text-align: left;}
	#footer_mdl #company {
		background: url("ftr_strip.png");
		/*background-size: cover;*/
		margin-left: -10px;
		margin-right: -10px;
		padding: 16px 18px;
	}
}
@media only screen and (max-width : 950px) {

}
@media only screen and (max-width : 940px) {
	#phone {padding: 20px 0 0 50px;}
}
@media only screen and (max-width : 870px) {
	#logo_text {padding: 12px 0 0 0px;}
	#phone {padding: 20px 0 0 18px;}
	#rightbar + #content {margin-right: 330px !important;}
	.as_wrapper {padding: 25px 0 0 0;}
}
@media only screen and (max-width : 815px) {
	#logo {width: 192px;}
}
@media only screen and (max-width : 767px) {
	#hdr_mdl {margin-top: 20px;}
	#logo_text, #phone {margin-left: 40%; width: 300px;}
	#logo_text {
		position: absolute;
		top: 53px;
		/*width: 100%;*/
		padding: 0;
	}
	#phone {
		position: absolute;
		/*width: 100%;*/
		padding: 0;
		top: 116px;
		/*right: 40px;*/
		text-align: left;
	}
	#phone .num {font-size: 24px;}
	#phone .descr {
		display: inline-block;
		margin: 2px 0 0 5px;
		font-size: 15px;
		vertical-align: top;
	}
	#middle {background: #fff !important;}
	#rightbar {width: auto; float: none;}
	#content {padding: 15px 8px !important;}
	#rightbar {padding: 0 8px !important;}
	#rightbar + #content {margin-right: 0 !important;}
	#rightbar > h1:first-child {display: none !important;}
	.costom .note {margin: 6px 0 6px 0;}
	/*.text p:empty {margin: 0 !important; padding: 0 !important; display: none !important;}*/
	/* Слайдер 1 */
	/* Слайдер 2 */
	.as_wrapper {padding: 10px 0 0 0;}
	.as_wrapper + #content {padding-top: 0 !important;}
	#about_block {width: auto !important; margin: 0 !important; padding: 0 8px !important;}
	#about_block span:nth-child(3) {margin: -6px 0 10px 0 !important;}
	#about_block p {margin: 0 0 5px 0 !important;}
	#about_block, #slider {float: none !important;}
	#slider, #slider .item {width: 99% !important;}
	#slider .scrollArea {height: 182px !important;}
	#slider {margin: 0 8px !important;}
	#slider table {height: 168px !important;}
	#slider table td {vertical-align: middle !important; padding: 0 !important;}
	#slider table .td_img {padding-right: 10px !important;}
	#slider h2 {margin: 24px 0 0 0 !important;}
	#content .ind-h3 {margin-top: 8px;}
	.uselessEl {display: none !important;}

	table#advantages td {display: table-row;}
	table#advantages td > div {padding: 0 !important;}
	/* Окно заказа */
	.jx-interface-box-container {
		margin-left: -6px;
	}
	#footer {text-align: left;}
	#footer_mdl #address {padding: 0 0 0 8px;}
}
@media only screen and (max-width : 550px) {
	#footer {padding: 5px 0 0 0;}
	#footer_mdl #address, #footer_mdl #contact {display: block; padding: 0 0 0 8px;}
	#footer_mdl #address {width: auto;}
	#footer_mdl #contact {margin-bottom: 15px;}
	.ftr_block {height: auto; overflow: hidden;}
}
@media only screen and (max-width : 530px) {
	#logo {
		width: 160px;
		margin-left: -13px;
		margin-top: 3px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	#logo_text, #phone {margin-left: 34%;}
}
@media only screen and (max-width : 479px) {
	#hdr_mdl {margin-top: 8px; padding-bottom: 10px;}
	#logo {
		width: 100%;
		margin: 0;
		background-position: -webkit-calc(50% - 18px) center;
		background-position: -moz-calc(50% - 18px) center;
		background-position: calc(50% - 18px) center;
	}
	#logo_text, #phone {
		width: 100%;
		position: static;
		margin: 10px 0 0 0;
		text-align: center;
	}
	#mmenu {padding: 15px 0 0 0;}
	#mmenu li {display: block; float: none; text-align: center; padding: 5px 0;}
	#mmenu li a {font-size: 19px;}
	ul.submenu {text-align: center; padding: 15px 0 0 0;}
	ul.submenu li {display: block; float: none; padding: 0;}
	ul.submenu li a {font-weight: normal; font-size: 16px; letter-spacing: -0.3px;}
	ul.submenu li a.checked {font-weight: normal;}
	.costom .note {
		margin: 0 auto;
		margin-top: 6px;
		margin-bottom: 6px;
	}
	/* Слайдер 1 */
	.kwicks_bdy {height: 527px !important;}
	#kwicks .kwick {width: 100% !important; float: none !important; position: relative !important;}
	#kwicks .kwick:nth-child(2) {top: -147px; margin: 0 !important;}
	#kwicks .kwick:nth-child(3) {top: -294px; margin: 0 !important;}
	#kwicks .kwick:nth-child(4) {top: -441px; margin: 0 !important;}
	#kwicks .kwick:nth-child(5) {top: -588px; margin: 0 !important;}
	#kwicks .kwick:nth-child(6) {top: -735px; margin: 0 !important;}
	.q_shad {display: none !important;}

	/* Слайдер 2 */
	#slider .scrollArea {height: 240px !important;}
	#slider table {height: 210px !important;}
	/* Окно заказа */
	.jx-interface-box-container {
		width: 280px !important;
		margin-left: -6px;
		/*margin-top: 0px;*/
	}
	.jx-interface-box-container h1 {
		padding: 8px 20px !important;
	}
	.jx-interface-box-container form {
		padding: 8px 15px !important;
	}
	.jx-interface-box-container form > div {
		width: 100% !important;
	}
	.jx-interface-box-container .textbox, .jx-interface-box-container form textarea {
		width: 240px !important;
	}
	.jx-interface-box-container form textarea {
		height: 100px !important;
	}
}
@media only screen and (max-width : 340px) {
	.costom .note {
		margin: 6px 0 6px -17px;
	}
}

/* По ширине */
@media only screen and (max-height: 470px) {
	.jx-interface-box-container {
		position: absolute !important;
		top: 4px !important;
	}
	.jx-interface-box-container h1 {
		margin-top: -17px !important;
		padding: 6px 20px !important;
		font-size: 22px !important;
	}
	.jx-interface-box-container form {
		padding: 0 20px !important;
	}
	.jx-interface-box-container form textarea {
		height: 56px !important;
	}
	.jx-interface-box-container form p {
		margin: 0 !important;
	}
}