/* basic */
html {min-height: 100%; min-height: 100vh; font-size: 16px}
body {min-height: 100%; min-height: 100vh; margin: 0; font-family: 'Open Sans', sans-serif; color: #333}
body * {max-height: 10000rem}
.button i {color: #fff; padding-right: .25rem}
a {color: #28d; text-decoration: none}
a:hover {text-decoration: underline}
.drop i {position: absolute; bottom: .3125em; right: -1.25em; font-size: .75em}
.link {cursor: pointer}
.hide-link {color: inherit; text-decoration: none}
.hide-link:hover {text-decoration: none}
.fake-link:hover {color: #28d; text-decoration: underline; cursor: pointer}
.local-link {position: relative; color: #28d; cursor: pointer}
.local-link::after {content: ''; position: absolute; bottom: .125em; width: 100%; border-bottom: .0625em dashed #28d; display: none}
.local-link:hover {text-decoration: none}
.local-link:hover::after {display: block}
.local-link.bold-line::after {border-width: .125rem}
img, .img, iframe {display: block; max-width: 100%; border-radius: .25rem}
.r0 {border-radius: 0}
iframe {width: 100%; height: 100%}
.round {border-radius: .25rem}
h1 {font-size: 3rem; font-weight: 300; margin: 0; padding: 0}
h2 {font-size: 2rem; font-weight: 300; margin: 0; padding: 0}
h3 {font-size: 1rem; font-weight: 600; margin: 0; padding: 0}
body.mobile h1, body.mobile h2 {font-size: 3rem; font-weight: 400}
hr {border: 0; margin: 0; height: 1rem; clear: both}
hr.h025 {height: .25rem}
hr.h05 {height: .5rem}
hr.h1 {height: 1rem}
hr.h2 {height: 2rem}
hr.h3 {height: 3rem}
hr.h4 {height: 4rem}
hr.h5 {height: 5rem}
hr.h6 {height: 6rem}
hr.h7 {height: 7rem}
hr.h8 {height: 8rem}
hr.h9 {height: 9rem}
hr.h10 {height: 10rem}
hr.h15 {height: 15rem}
hr.h20 {height: 20rem}
.f12 {font-size: .75rem}
.f14 {font-size: .875rem}
.f16 {font-size: 1rem}
.f18 {font-size: 1.125rem}
.f20 {font-size: 1.25rem}
.f22 {font-size: 1.375rem}
.f24 {font-size: 1.5rem}
.f28 {font-size: 1.75rem}
.f32 {font-size: 2rem}
.f40 {font-size: 2.5rem}
.f48 {font-size: 3rem}
.f64 {font-size: 4rem}
.circle {opacity: 0}
.container {width: 90%; max-width: 75rem; margin: 0 auto; clear: both}
.cover {background-size: cover}
.left {text-align: left; left: 0}
.right {text-align: right; right: 0}
.center {text-align: center}
.top {vertical-align: top; top: 0}
.middle {vertical-align: middle}
.bottom {vertical-align: bottom; bottom: 0}
.toleft {float: left}
.toright {float: right}
.tocenter {margin-left: auto; margin-right: auto}
.csscenter {
	left: 50%;
	-ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cssmiddle {
	top: 50%;
	-ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.jscenter {}
.jsmiddle {}
.narrow {max-width: 50rem; margin-left: auto; margin-right: auto}
body.mobile .narrow {max-width: inherit}
.rel {position: relative}
.abs {position: absolute}
.fix {position: fixed}
.top {top: 0}
.btm {bottom: 0}
.hor {width: 100%; max-width: 100%}
.ver {height: 100%; max-height: 100%}
.box {box-sizing: border-box}
.z0 {z-index: inherit}
.z1 {z-index: 1}
.z2 {z-index: 2}
.light {font-weight: 300}
.regular {font-weight: 400}
.bold {font-weight: 600}
.italic {font-style: italic}
.il {display: inline}
.bk {display: block}
.ilbk {display: inline-block}
.table {display: table}
.td {display: table-cell}
.layer,
.overlay, 
.limiter {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit}
.limiter {overflow: hidden}
.hotspot {
	background: -webkit-radial-gradient(transparent, transparent, transparent, black);
  background: -o-radial-gradient(transparent, transparent, transparent, black);
  background: -moz-radial-gradient(transparent, transparent, transparent, black);
  background: radial-gradient(transparent, transparent, transparent, black);
  opacity: .5;
}
.nowrap {white-space: nowrap}
#monitor {position: fixed; top: 12rem; left: 2rem; background: rgba(0,0,0,.2); padding: .5rem; z-index: 4; display: none}
.find {background: rgba(255,0,0,.2)}
.hide {display: none}
.show {display: inherit}

/* quote */
.quote {position: relative}
.quote > p {padding: 0 4rem; font-size: 1.2rem; font-style: italic}
.laquo, .raquo {
	position: absolute;
	font-size: 5rem;
	font-weight: 600;
	color: #607d8b;
	opacity: .5;
}
.laquo {top: -2.5rem}
.raquo {bottom: -1.5rem; right: 0}
.caption {padding: .5rem 4rem 4rem; text-align: right}
.caption > div {position: relative; text-align: left; display: inline-block}
.caption > div > img {width: auto; position: absolute; left: -6rem; top: .5625rem}
.caption > div > p:nth-child(2) {font-weight: 600; margin-bottom: 0}
.caption > div > p:nth-child(3) {margin-top: .5rem}

/* list */
ul {
	counter-reset: count;
	padding: 0;
	margin: 0;
	list-style: none;
}
li {padding: .375rem 0 .375rem 2.25rem; position: relative}
li:before {
	content: counter(count);
	counter-increment: count;
	background: #edb032;
	position: absolute;
	left: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: .125rem;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: .875rem;
	font-weight: 600;
	border-radius: .25rem;
}

/* messages */
#messages {position: fixed; top: 7rem; right: 2rem; z-index: 3}
.success, .error {
	border-radius: .25rem;
	padding: 1rem 2rem;
	margin-bottom: 1rem;
	color: #fff;
	display: none;
}
.success {background: rgba(76,175,80,.9)}
.error {background: rgba(244,67,54,.9)}

.success.show { display: inherit }

/* material colors */
.red {color: #f44336}
.pink {color: #e91e63}
.purple {color: #9c27b0}
.deep-purple {color: #673ab7}
.indigo {color: #3f51b5}
/*.blue {color: #2196f3}*/
.blue {color: #28d}
.light-blue {color: #03a9f4}
.cyan {color: #00bcd4}
.teal {color: #009688}
/*.green {color: #4caf50}*/
.light-green {color: #8bc34a}
.lime {color: #cddc39}
.yellow {color: #ffeb3b}
.amber {color: #ffc107}
.orange {color: #ff9800}
.deep-orange {color: #ff5722}
.brown {color: #795548}
/*.grey {color: #9e9e9e}*/
.dark-grey {color: #333}
.grey {color: #444}
.light-grey {color: #aaa}
.fill.light-grey {background: #f1f1f1; color: #333}
.blue-grey {color: #607d8b}
.black {color: #000}
.white {color: #fff}
.fill.white {background: #fff}
.yell {color: #edb032}
.text.yell {color: #805c0e}
.fill.yell {background: #edb032}


/* custom */
body {background: #f8f8f8 url('../img/circles-light.png')}
body > .overlay {position: fixed; display: none}
.gallery .overlay {background: #f8f8f8 url('../img/circles-light.png')}

#header {position: fixed; left: 0; width: 100%; text-align: center; z-index: 1}
#header.fixed {box-shadow: 0 0 .25rem rgba(0,0,0,.2)}
#header .container {max-width: inherit}
#header .logo {width: 6.25rem; padding-top: 2rem; z-index: 1}
#header.fixed .logo {padding-top: .3125rem}
#header .logo img {border-radius: 0}
#header .feed {padding-top: 1.5rem; z-index: 1}
#header.fixed .feed {padding-top: .625rem}
#header .feed > :nth-child(1) {font-size: 1.4rem; line-height: 1.9rem}
#header .feed > :nth-child(2) {font-size: .666rem; line-height: .9rem; padding-bottom: .5rem; transition: all .4s}
#header.fixed .feed > :nth-child(2) {height: 0; line-height: 0; padding-bottom: 0; opacity: 0; overflow: hidden; transition: all .4s}
#header .button {font-size: .875rem; line-height: 2.25rem; padding: 0 1.0625rem}
#header .header-bg {background: #fff; opacity: 0}
#header.fixed .header-bg {opacity: .95}
#header .indicator {
	top: -.25rem;
	border-top: .25rem solid #edb032;
	background: -webkit-linear-gradient(rgba(30,100,170,.1) 25%, rgba(0,0,0,0) 90%);
  background: -o-linear-gradient(rgba(30,100,170,.1) 25%, rgba(0,0,0,0) 90%);
  background: -moz-linear-gradient(rgba(30,100,170,.1) 25%, rgba(0,0,0,0) 90%);
  background: linear-gradient(rgba(30,100,170,.1) 25%, rgba(0,0,0,0) 90%);
}
#header .burger {position: relative; padding: 2rem; font-size: 2.625rem; line-height: 2.625rem; color: #333; cursor: pointer; display: none}
#header .burger:hover {color: #000}
#header .menu {position: relative; left:0; padding-top: 2rem; opacity: 0}
#header.fixed .burger,
#header.fixed .menu {padding: 1rem 0}
#header .menu-bg {background: #333; display: none}
#header .close {position: relative; padding: 2rem 0; font-size: 2.8125rem; line-height: 2.625rem; color: #ccc; cursor: pointer; display: none}
#header .close:hover {color: #fff}
#header .menu .item {position: relative; display: inline-block; min-height: 2.75rem; line-height: 2.75rem; white-space: nowrap}
#header .menu .item:hover,
#header .menu .item.active {color: #000}
#header .menu .item a {display: block; padding: 0 2rem}
#header .menu .item i {color: #555}
#header .menu .item:hover i,
#header .menu .item.active i {color: #333}
#header .menu .item .brspace::after {content: "\a"; white-space: pre}

#header.size-0 .menu .item a {padding: 0 1.5rem}
#header.size-0 .logo {width: 9.375rem; transition: width .4s; padding-top: 2rem}
#header.size-0.fixed .logo {width: 6.25rem; transition: all .4s}
#header.size-0 .feed > :nth-child(1) {font-size: 2.1rem; line-height: 2.875rem; transition: all .4s}
#header.size-0 .feed > :nth-child(2) {font-size: 1rem; line-height: 1.375rem; padding-bottom: 1rem; transition: all .4s}
#header.size-0 .button {font-size: 1rem; line-height: 2.625rem; padding: 0 1.25rem; transition: all .4s}
#header.size-0.fixed .feed > :nth-child(1) {font-size: 1.4rem; line-height: 1.9rem; transition: all .4s}
#header.size-0.fixed .feed > :nth-child(2) {font-size: .666rem; padding-bottom: 0; transition: all .4s}
#header.size-0.fixed .button {font-size: .875rem; line-height: 2.25rem; padding: 0 1.0625rem; transition: all .4s}
#header.size-1 .menu .item a {padding: 0 1.5rem}
#header.size-2 .menu .item a {padding: 0 .875rem}
#header.size-3 .menu {padding: 0}
#header.size-3 .indicator {display: none}
#header.size-3 .menu.show .item {display: block}
#header.size-3 .burger {display: inline-block}
#header.size-3 .menu {position: fixed}
#header.size-3 .menu.show {top: 0; width: 100%; padding-bottom: 2rem; color: #fff}
#header.size-3 .menu.show .menu-bg {display: block}
#header.size-3 .menu.show .close {display: block}
#header.size-3 .menu .item {
	text-align: left;
	font-size: 1.25rem;
	color: #ccc;
	border-top: .0625rem solid rgba(127,127,127,.25);
	position: relative;
	display: none;
}
#header.size-3 .menu .item a {padding: 1rem 2rem}
#header.size-3 .menu .item:nth-child(3) {border-top: 0}
#header.size-3 .menu .item:hover {color: #fff}
#header.size-3 .menu .item.active {background: rgba(237,176,50,.75); border-color: rgba(0,0,0,0); color: #fff}
#header.size-3 .menu .item.active + .item {border-color: rgba(0,0,0,0)}
#header.size-3 .menu .item .brspace::after {content: ' '}
#header.size-3 .menu .item i {display: none}
#header.size-3 .layer:nth-child(3) {display: none}

#content {padding-top: 10rem}

.filter > div.active {color: #333}
.filter > div.active:hover {cursor: default}
.filter > div.active:hover::after {display: none}

#contacts .item {padding: .5625rem 0 .5625rem 2.5rem}
#contacts a:hover i {color: #28d}
#contacts .item i {width: 2.4375rem; color: #4d9cdd}
#contacts .address {font-size: 2.25rem; top: 0; left: -2.375rem}
#contacts .mail {top: .875rem; left: 0}
#contacts .phone {font-size: 1.59375rem; top: 1rem; left: .0625rem}
#contacts .social {padding: 0 0 .3125rem 0}
#contacts .social i {font-size: 3.75rem; color: #4d9cdd}

.map, #yaMap {height: 37.5rem}

#feedback textarea {height: 8rem}

#scheme .item {max-width: 20rem}
#scheme .row {padding-bottom: 3rem}
#scheme .row:last-child {padding-bottom: 0}
#scheme i {
	color: #ddd;
	font-size: 4rem;
	position: absolute;
	right: -2.1875rem;
	top: -.125rem;
}
#scheme .unit:last-child i  {display: none}

.num {
	background: #edb032;
	width: 4rem;
	height: 4rem;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	font-size: 2.8rem;
	font-weight: 600;
	border-radius: 1rem;
}

#footer {
	background: url('../img/pattern.lodyas.png');
	padding: 3rem 0;
	color: #737578;
	border-top: .25rem solid #edb032;
	/*position: absolute;*/
	/*bottom: 0;*/
	/*width: 100%;*/
	/*min-height: 22rem;*/
	/*box-sizing: border-box;*/
}
#footer .line > div > div {display: inline-block}
#footer i {color: #555759}
#footer a {color: #a6aaad}
#footer a:hover {color: #d7dce0; text-decoration: none}
#footer .menu .item {padding: .25rem 0; white-space: nowrap}
#footer .menu a {display: block}
#footer .menu .active a {color: #edb032}
#footer .logo {max-width: 7rem; opacity: .75}
#footer .contacts .item {padding: .375rem 0}
#footer .contacts i {left: -1.625rem; top: .5rem}
#footer .address {font-size: 1.5rem}
#footer .mail {}
#footer .phone {font-size: 1.0625rem}
#footer .city {font-size: .875rem}
#footer .social {font-size: 2.5rem}
#footer .social i {color: #75787a}
#footer .social i:hover {color: #a6aaad}
#footer .container > .copy {display: none; padding-top: 3rem}

#footer.size-1 .line > :nth-child(1) {width: 49%}
#footer.size-1 .line > :nth-child(2) {display: none}
#footer.size-1 .line > :nth-child(3) {width: 49%}
#footer.size-1 .container > .copy {display: block}
#footer.size-2 .line > :nth-child(1) {width: 100%}
#footer.size-2 .line > :nth-child(2) {display: none}
#footer.size-2 .line > :nth-child(3) {width: 100%; text-align: left; padding-top: 3rem}
#footer.size-2 .container > .copy {display: block}
#footer.size-2 .line > div > div {display: block}
#footer.size-2 .menu .item {white-space: normal}
#footer.size-2 .contacts .item i {display: none}

.img img {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
}

body {
	/* padding-top: 3rem; */
}
.panel {
	position: fixed;
	top: 0;
	width: 100%;
	background: #edb032;
	line-height: 3rem;
	text-align: center;
	z-index: 2;
}
.panel .close {
	font-size: 1.5rem;
	opacity: .5;
	padding: .625rem;
	cursor: pointer;
}
.panel .close:hover {
	opacity: 1;
}


table {
	width: 100%;
}
tr:nth-child(odd) {
	background: rgba(0,0,0,.05);
}
td {
	padding: .25rem .5rem;
	vertical-align: top;
}
thead tr:nth-child(odd) {
	background: transparent;
}
thead td {
	font-weight: 600;
	padding-bottom: 1rem;
	vertical-align: bottom;
}