@charset "utf-8";
/* Retina Ready Images */

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
p.style286 {font:24px 'AYYA'; font-style:normal; letter-spacing:5px; text-transform:uppercase; line-height:138%; margin-left:2px; margin-right:2px; }

}

@media only screen and (min-width: 1298px) and (max-width: 1600px) {
p.style286 {font:24px 'AYYA'; font-style:normal; letter-spacing:5px; text-transform:uppercase; line-height:138%; margin-left:2px; margin-right:2px; }

}

@media only screen and (min-width: 960px) and (max-width: 1297px) {
p.style286 {font:24px 'AYYA'; font-style:normal; letter-spacing:5px; text-transform:uppercase; line-height:138%; margin-left:2px; margin-right:2px; }
h1 { font-size:40px; padding-bottom:5px; padding-top:0px; letter-spacing:0px; line-height:40px; }

}

@media only screen and (min-width: 768px) and (max-width: 959px) {
p.style286 {font:20px 'AYYA'; font-style:normal; letter-spacing:5px; text-transform:uppercase; line-height:138%; margin-left:2px; margin-right:2px; }
h1 { font-size:30px; padding-bottom:5px; padding-top:0px; letter-spacing:0px; line-height:30px; }

}

@media only screen and (max-width: 767px) {
p.style286 {font:20px 'AYYA'; font-style:normal; letter-spacing:5px; text-transform:uppercase; line-height:138%; margin-left:2px; margin-right:2px; }
h1 { font-size:20px; padding-bottom:5px; padding-top:0px; letter-spacing:0px; line-height:20px; }
.col8-25X { width:50%; height:auto;  float:left; overflow:hidden }
.изображения25X img {width: 49%; height: 49%;  display: block; margin-left: 25.5%; margin-right: 25.5%; padding-top: 25.5%; padding-bottom: 25.5%; border-radius: 50%; webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0) contrast(100%) blur(0px) brightness(1); }
.изображения25X:hover img {width: 49%; height: 49%;  display: block; margin-left: 25.5%; margin-right: 25.5%; padding-top: 25.5%; padding-bottom: 25.5%; border-radius: 1%; webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); opacity: 1; }

}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
#options ul#homepage li a {display:inline-block;  padding:20px 0px; padding-right:0px; height:100%; font-size:9px; margin:0 }

}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
#options ul#homepage li a {display:inline-block;  padding:20px 0px; padding-right:0px; height:100%; font-size:6px; margin:0 }
.col8-25X { width:25%; height:auto;  float:left; overflow:hidden }
.изображения25X img {width: 49%; height: 49%;  display: block; margin-left: 25.5%; margin-right: 25.5%; padding-top: 25.5%; padding-bottom: 25.5%; border-radius: 50%; webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0) contrast(100%) blur(0px) brightness(1); }
.изображения25X:hover img {width: 49%; height: 49%;  display: block; margin-left: 25.5%; margin-right: 25.5%; padding-top: 25.5%; padding-bottom: 25.5%; border-radius: 1%; webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%); opacity: 1; }

}

@charset "utf-8";
/* Retina Ready Images */

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
h1#logo a { display:block; background:url(../brand/logo.png) no-repeat; background-size:1000px 200px; }

.close {background:url(../иконки/закрыть-окно.png) center no-repeat; background-size:18px 18px; }

.fancybox-close {background: url(../иконки/закрыть-окно.png) center no-repeat #fff; background-size:18px 18px;}

.error_message { background:url(../иконки/закрыть-окно.png) no-repeat 247px 234px #eeebdd; background-size:18px 18px; }
input.submit { background:url(../иконки/контакт.png) center center no-repeat; background-size:24px 24px; }
}


@media only screen and (min-width: 1760px) {

}

@media only screen and (min-width: 1280px) and (max-width: 1759px) {

}

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

@media only screen and (min-width: 1001px) and (max-width: 1600px) {
.col1-3 { width:100%; margin:0px; float:left; overflow:hidden; padding:1px 1px 1px 1px; }
.col2-3 { width:100%; margin:0px; float:left; overflow:hidden; padding:1px 1px 1px 1px; }
.col8-1024х1024 { width:100%; height:100%; float:left; overflow:hidden; }
.изображения1024х1024 img {width: 100%; max-width: 100% !important; height:auto; }
#content .container { width:60%; }
.combi .slider #content .container, .post #content .container { width:100%; }

}

@media only screen and (min-width: 601px) and (max-width: 1000px) {
.col1-3 { width:100%; margin:0px; float:left; overflow:hidden; padding:1px 1px 1px 1px; }
.col2-3 { width:100%; margin:0px; float:left; overflow:hidden; padding:1px 1px 1px 1px; }
#content .container { width:80%; }
.combi .slider #content .container, .post #content .container { width:100%; }

}

@media only screen and (min-width: 601px) and (max-width: 800px) {
.col8-1024 { width:25%; height:25%; float:left; overflow:hidden }
.col8-1024х1024 { width:100%; height:100%; float:left; overflow:hidden }
.col8-512 { width:25%; height:25%;  float:left; overflow:hidden }
.col8-256 { width:25%; height:25%;  float:left; overflow:hidden }
.col8-128 { width:25%; height:25%;  float:left; overflow:hidden }
.col8-64 { width:25%; height:25%;  float:left; overflow:hidden }
.col8-32 { width:25%; height:25%;  float:left; overflow:hidden }
.col8-0 { width:12.5%; height:12.5%;  float:left; overflow:hidden }
.пробел { width:15%; height:auto; float:left; overflow:hidden }
.подпись { width:70%; height:auto; float:left; overflow:hidden }
.изображения1024 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 75%; padding-bottom: 75%; }
.изображения1024х1024 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 0px; padding-bottom: 0px; }
.изображения512 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 50%; padding-bottom: 50%; }
.изображения256-В img {width: 100%; max-width: 100% !important; height:auto; padding-top: 0px; padding-bottom: 0px; }
.изображения256 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 50%; padding-bottom: 50%; }
.изображения128-В img {width: 50%; max-width: 50% !important; height:auto; padding-top: 0px; padding-bottom: 0px; }
.изображения128-2В img {width: 100%; max-width: 100% !important; height:auto; padding-top: 0%; padding-bottom: 0%; }
.изображения128 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 50%; padding-bottom: 50%; }
.изображения64-В img {width: 50%; max-width: 50% !important; height:auto; padding-top: 0%; padding-bottom: 0%; }
.изображения64-2В img {width: 50%; max-width: 50% !important; height:auto; padding-top: 50%; padding-bottom: 50%; }
.изображения64 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 50%; padding-bottom: 50%; }
.изображения32-В img {width: 100%; max-width: 100% !important; height:auto; padding-top: 0%; padding-bottom: 0%; }
.изображения32 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 50%; padding-bottom: 50%; }
.изображения0 img {width: 51%; height:auto; padding-top: 0px; padding-bottom: 0px; }
#отдел { width:100%; }

}

@media only screen and (max-width: 600px) {
.col1-3 { width:100%; margin:0px; float:left; overflow:hidden; padding:1px 1px 1px 1px; }
.col2-3 { width:100%; margin:0px; float:left; overflow:hidden; padding:1px 1px 1px 1px; }
.col8-1024 { width:100%; height:100%; float:left; overflow:hidden }
.col8-1024х1024 { width:100%; height:100%; float:left; overflow:hidden }
.col8-512 { width:100%; height:100%;  float:left; overflow:hidden }
.col8-256 { width:100%; height:100%;  float:left; overflow:hidden }
.col8-128 { width:100%; height:100%;  float:left; overflow:hidden }
.col8-64 { width:100%; height:100%;  float:left; overflow:hidden }
.col8-32 { width:100%; height:100%;  float:left; overflow:hidden }
.col8-0 { width:0%; float:left; overflow:hidden }
.пробел { width:5%; height:auto; float:left; overflow:hidden }
.подпись { width:90%; height:auto; float:left; overflow:hidden }
.изображения1024 img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения1024х1024 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 0px; padding-bottom: 0px; }
.изображения512 img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения256-В img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10px; padding-bottom: 10px; }
.изображения256 img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения128-В img {width: 40%; max-width: 40% !important; height:auto; padding-top: 10px; padding-bottom: 10px; }
.изображения128-2В img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения128 img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения64-В img {width: 40%; max-width: 40% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения64-2В img {width: 40%; max-width: 40% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения64 img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения32-В img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения32 img {width: 80%; max-width: 80% !important; height:auto; padding-top: 10%; padding-bottom: 10%; }
.изображения0 img {width: 81%; height:auto; padding-top: 10px; padding-bottom: 10px; }
#отдел { width:100%; }
#content .container { width:95%; }
.combi .slider #content .container, .post #content .container { width:100%; }

}

@media only screen and (min-width: 1601px) and (max-width: 1800px) {
h8 { font-size:50px; padding-bottom:9px; padding-top:16px; letter-spacing:10px; line-height:95px; color:#1a1a1a; }
p.big {font-size: 30px; letter-spacing: 30px; line-height: 34px; }

}

@media only screen and (min-width: 1298px) and (max-width: 1600px) {
h8 { font-size:50px; padding-bottom:9px; padding-top:16px; letter-spacing:10px; line-height:85px; color:#1a1a1a; }
p.big {font-size: 27px; letter-spacing: 27px; line-height: 30px; }

}

@media only screen and (min-width: 960px) and (max-width: 1297px) {
.col3-3 { width:620px; }

#options { width:100%; }

h1#logo { margin: auto; width: 90%; }
h1#logo a { display:block; background:url(../brand/logo.png) no-repeat; background-position: center; background-size: 100% auto; width: 100%; height: 180px; text-indent:-9999px; }
h8 { font-size:50px; padding-bottom:9px; padding-top:16px; letter-spacing:10px; line-height:70px; color:#1a1a1a; }
p.big {font-size: 20px; letter-spacing: 20px; line-height: 26px; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.col3-3 { width:300px; }

.caption {display:none !important }
.col1-1, .white-right {width:620px; position:relative; }
.height-400 {height:auto }
.flexslider img {float:none; margin:10px 0 0 10px; }
.flex-direction-nav .flex-prev {left:33px; }
.white-right {overflow:visible }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-49px; margin-left:35px; left:0; z-index:1 }

.white-right .bottom-field {position:relative; width:620px; margin-left:-35px; left:0; top:31px; margin-top:-6px; }

#options { width:100%; }

h1#logo { margin: auto; width: 90%; }
h1#logo a { display:block; background:url(../brand/logo.png) no-repeat; background-position: center; background-size: 100% auto; width: 100%; height: 140px; text-indent:-9999px; }
h2 { font-size:20px; padding-bottom:9px; padding-top:16px; letter-spacing:5px; line-height:18px; }
h8 { font-size:40px; padding-bottom:9px; padding-top:16px; letter-spacing:10px; line-height:63px; color:#1a1a1a; }
p.big {font-size: 18px; letter-spacing: 18px; line-height: 22px; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 767px) {
.col3-3 { width:300px; }

.caption {display:none !important }
.col1-1, .white-right, .grey-area {width:300px; position:relative; }
.height-400 {height:auto }
.flexslider img {float:none; margin:0px; width:300px; height:auto }
.flex-direction-nav .flex-prev {left:33px; }
.white-right {overflow:visible }
.white-right:before {content:''; height:0; width:0; border-width:12px 12px 12px 12px; border-style:solid; border-color:rgba(251,251,251,0) rgba(255,255,255,0) rgba(255,255,255,1) rgba(255,255,255,0); position:absolute; top:-49px; margin-left:35px; left:0; z-index:1 }

.white-right .bottom-field {position:relative; width:300px; margin-left:-35px; left:0; top:31px; margin-top:-6px; }

#options { width:100%; }

h1#logo { margin: auto; width: 90%; }
h1#logo a { display:block; background:url(../brand/logo.png) no-repeat; background-position: center; background-size: 100% auto; width: 100%; height: 80px; text-indent:-9999px; }
h2 { font-size:18px; padding-bottom:9px; padding-top:16px; letter-spacing:5px; line-height:16px; }
h8 { font-size:25px; padding-bottom:9px; padding-top:16px; letter-spacing:12px; line-height:35px; color:#1a1a1a; }
p.big {font-size: 18px; letter-spacing: 18px; line-height: 18px; }
#nav-button {display:block; margin: auto; width: 67px; padding:18px 20px; }
.nav-bar {background-color:#000000; border-radius:1px; display:block; width:30px; height:5px; margin:5px auto; }
.more-info {display:block; position:relative; top:0px; right:0px; padding:20px 15px; border-top:1px solid #ccc }
#options, .more-info { display:none; }
#options ul#homepage { position:relative; height:auto; min-height:inherit; padding:17px 35px;}
#options ul#homepage li {display:block; height:auto; width:auto; }
#options ul#homepage li a {display:block; border:0; padding:0; height:auto; line-height:19px; }
#options ul#homepage li a.selected {color:#2b2b2b; background:none }
#options ul#homepage li img { display: none;}

.floating-menu { padding: 10px; z-index: 50; position: fixed; top: 0px !important; left: 0;  }
#options ul#homepage li a {display:inline-block;  padding:5px 0px; padding-right:0px; height:100%; font-size:20px; margin:0 }

}