@charset "utf-8";

@media only screen and (max-width: 760px) {

	body {
			font-size: 12px;
			line-height: 16px;
	}

	h1 {
			font-size: 18px;
			line-height: 20px;
			margin-bottom: 7px;
	}

	h2,
	h3,
	h4,
	h5,
	h6 {
			font-size: 14px;
			margin-bottom: 15px;
	}

	p,
	ol,
	ul {
			margin-bottom: 15px;
	}

	.hide320 {
			display: none;
	}

	.show320 {
			display: block;
	}

	.container,
	.about .container,
	.proj .container,
	.news .container {
			padding-left: 6px;
			padding-right: 6px;
	}

	.side-hold {
			padding: 0;
	}

	.aside,
	.mainContent {
			float: none;
			width: auto;
			margin: 0;
	}

	.header .topline {
			display: none;
	}

	.header .mainContent {
			padding: 0;
	}

	.header .phone {
			float: none;
			text-align: right;
			background: #f5f5f5;
			margin: 0 -1000px;
			padding: 0 1000px;
			font-size: 14px;
			line-height: 28px;
	}

	.header .phone:after {
			content: ' ';
			clear: both;
			display: block;
			width: 0;
			height: 0;
			overflow: hidden;
			font-size: 0;
	}

	.header .phone .big {
			font-weight: normal;
			font-size: 18px;
			line-height: inherit;
			margin: 0;
			float: left;
			position: relative;
			padding: 0 0 0 20px;
	}

	.header .phone .big:before {
			content: '';
			position: absolute;
			background: url(/_img/phone.png) no-repeat;
			width: 13px;
			height: 16px;
			margin: -8px 0;
			top: 50%;
			left: 0;
	}

	.header .phone .callback-link {
			display: none;
	}

	.header .phone .mail {
			margin: 0;
			line-height: inherit;
	}

	.header .logo {
			background: none;
			padding-left: 89px;
	}

	.header .logo:before,
	.header .logo:after {
			display: none;
	}

	.header .logo img {
			left: 29px;
	}

	.menu .container {
			padding: 0;
	}

	.menu .toggle2 {
			display: block;
	}

	.menu .more {
			display: none;
	}

	.menu .main {
			float: none;
			display: none;
	}

	.menu.open .main {
			display: block;
	}

	.menu .main > li {
			float: none;
			border-top: 1px solid #66c2ef;
			margin: 0;
			padding: 0;
	}

	.menu .main > li > *:first-child {
			height: auto;
			float: none;
			display: block;
			font-size: 18px;
			line-height: 20px;
			padding: 8px 30px 8px 27px;
			white-space: normal;
	}

	.menu .main > li:hover > *:first-child,
	.menu .main > li.open > *:first-child,
	.menu .main > li > *:first-child:hover {
			color: #fff;
			background: none;
			box-shadow: none;
			-webkit-box-shadow: none;
	}

	.menu .main > li > *:first-child:before {
			display: none;
	}

	.menu .main > li:hover > *:first-child,
	.menu .main > li > a:hover {
			color: #fff;
			background: none;
			box-shadow: none;
			-webkit-box-shadow: none;
	}

	.menu .main .arr2:after {
			content: '';
			width: 13px;
			height: 6px;
			display: inline-block;
			vertical-align: middle;
			margin: 0 0 0 5px;
			background: url(/_img/menu-arr.png) no-repeat;
	}

	.menu .main li:hover > .arr:after,
	.menu .main li.open > .arr:after,
	.menu .main li.open > .arr2:after {
			background-position: 0 0;
	}

	.menu .main li.open > .arr:after,
	.menu .main li.open > .arr2:after {
			-moz-transform: scale(1, -1);
			-webkit-transform: scale(1, -1);
			-o-transform: scale(1, -1);
			transform: scale(1, -1);
	}

	.menu .main .arr:after,
	.menu .main .arr2:after {
			right: 15px;
			top: 15px;
			position: absolute;
			margin: 0;
	}

	.menu .sub {
			display: none;
			position: static;
			box-shadow: none;
			-webkit-box-shadow: none;
			background: none;
			margin: 0;
	}

	.menu .open > .sub {
			display: block;
	}

	.menu .sub ul {
			list-style: none;
			padding: 0!important;
			margin: 0;
			color: #fff;
			font: normal 14px/17px Roboto, Arial, Helvetica, sans-serif;
			float: none;
			width: auto;
			font-variant: normal;
	}

	.menu .sub ul li {
			border-top: 1px solid #66c2ef;
			margin: 0!important;
			padding: 0!important;
			min-height: 0!important;
	}

	.menu .sub ul li:before {
			display: none;
	}

	.menu .sub ul li > *:first-child {
			display: block;
			color: inherit;
			text-decoration: none;
			position: relative;
			padding: 9px 30px 10px 51px;
			font: inherit;
			height: auto!important;
	}

	.menu .sub ul li > *:first-child img {
			display: none;
	}

	.menu .sub ul ul {
			list-style: none;
			margin: 0;
			padding: 0;
			font-size: 12px;
			line-height: 15px;
			display: none;
	}

	.menu .sub .open > ul {
			display: block;
	}

	.menu .sub ul ul li > *:first-child {
			padding-top: 9px;
			padding-bottom: 9px;
			padding-left: 87px;
	}

	.content {
			padding: 20px 0;
	}

	.path {
			font-size: 11px;
			margin-bottom: 12px;
	}

	.table {
			margin: 28px -1px 20px -1px;
			font-size: 7px;
			line-height: 10px;
	}

	.table th, .pageContent th,
	.table td, .pageContent td {
			border-width: 1px;
			padding: 2px;
	}

	.news,
	.side-menu {
			display: none;
	}

	.footer {
			padding: 36px 0;
	}

	.footer .container {
			padding-left: 13px;
			padding-right: 13px;
	}

	.footer .block {
			float: none;
			width: auto!important;
	}

	.footer .bmenu {
			margin-bottom: 34px;
	}

	.footer .bmenu .elem {
			width: auto;
			display: block;
			margin: 0 0 24px 0;
	}

	.footer .bmenu .big {
			margin-bottom: 1px;
	}

	.footer .cont {
			margin-bottom: 13px;
	}

	.footer .cont.mail {
			margin-bottom: 19px;
	}

	.socials {
			margin-top: 0;
			margin-bottom: 37px;
	}

	.catalog,
	.item .top {
			margin-top: 22px;
	}

	.catalog figure {
			margin-bottom: 25px;
	}

	.catalog figure,
	.item .top {
			padding-left: 0;
			padding-bottom: 15px;
	}

	.catalog figure .l,
	.item .top .l {
			margin: 0 0 13px 0;
			float: none;
	}

	.catalog figure .r,
	.item .top .r {
			margin-top: 10px;
	}

	.catalog figure .txt,
	.catalog figure .r,
	.item .top .txt,
	.item .top .r {
			float: none;
			width: auto;
	}

	.top-slider {
			line-height: 14px;
	}

	.top-slider .prev,
	.top-slider .next,
	.top-slider .dots,
	.top-slider .photo {
			display: none;
	}

	.top-slider .hold li {
			height: 234px;
			text-align: center;
	}

	.top-slider .txt {
			display: block;
			text-align: justify;
	}

	.top-slider h3 {
			font-size: 24px;
			line-height: 24px;
			text-align: inherit;
			margin: 19px 0 17px 0;
	}

	.top-slider .nofloat {
			padding: 0 9px;
	}

	.top-slider .btn {
			font-size: 14px;
			min-width: 105px;
			height: 29px;
			line-height: 29px;
	}

	.sections {
			margin-top: 18px;
			margin-bottom: 30px;
	}

	.sections .container {
			padding-left: 0;
			padding-right: 0;
	}

	.sections .hold {
			margin-left: -1px;
			margin-right: -1px;
	}

	.sections figure {
			float: none;
			width: auto;
			margin-right: 0;
	}

	.about h2,
	.proj h2 {
			font-size: 30px;
			line-height: 32px;
			margin: 0 0 6px 0;
	}

	.about {
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 20px;
	}

	.about .side-l,
	.about .side-r {
			float: none;
			width: auto;
			padding: 0;
	}

	.about .side-r {
			margin-top: 28px;
	}

	.about p + .btn {
			margin-top: -7px;
	}

	.about .photos {
			margin-top: 9px;
			margin-bottom: 2px;
	}

	.proj {
			padding-top: 21px;
			padding-bottom: 36px;
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 0;
	}

	.proj .side-l,
	.proj .side-r {
			float: none;
			width: auto;
			padding: 0;
	}

	.proj .side-r {
			margin-top: 26px;
	}

	.proj h2 {
			margin-bottom: 12px;
	}

	.files {
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 16px;
	}

	.files li {
			margin-top: 4px;
	}
	
	.modalWindow .txt-fld  .w-label-1 {width: 160px;}
	.modalWindow .txt-fld  .w-label-2 {width: 130px;}
	.modalWindow .txt-fld  .w-label-3 {width: 80px;}
	.modalWindow .txt-fld  .w-label-4 {width: 10px;}	
	
	.modalWindow .txt-fld  .w-input-1 {width: 10px;}
	.modalWindow .txt-fld  .w-input-2 {width: 110px;}
	.modalWindow .txt-fld  .w-input-3 {width: 120px;}
	.modalWindow .txt-fld  .w-input-4 {width: 160px;}	
	#wnd, #wndCall, #wndLead {
		top: 25px !important;
		width: 300px;
		padding-bottom: 2px;
	}	
	.catalog figure .photo img,
	.item .top .photo img {
			width: 290px;
			height: 171px;
	}
	.catalog figure .l,
	.item .top .l {
			border-radius: 2px;
			-webkit-border-radius: 2px;
			box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
			width: 305px;
	}

	.btn-tag  {
			font-size: 16px;
			height: auto;
			padding: 7px 17px;
			line-height: 22px;
	}	
}