﻿@charset "utf-8";
/* CSS Document */

/* =Clearfix
--------------------------------------------------------------------------------------------------------*/
.clear { clear: both; }
.clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */
.clearfix { display:inline-block; }
* html .clearfix { height:1%; }/* hides clearfix from IE-mac */
.clearfix { display:block; }/* end hide from IE-mac */
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:0 auto !important; display:inline-block; }
.alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0; }
.centered { text-align:center; }
.justifycopy { text-align:justify; }
.absolute {position:absolute; width:100%; margin-left:-35px; }
/* End Clearfix
--------------------------------------------------------------------------------------------------------*/


/* =Preloader
--------------------------------------------------------------------------------------------------------*/
#preloader { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#888; z-index:199; }
#status { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#888; z-index:199; background-image:url(../иконки/вселенная.jpg); background-repeat:repeat; background-position:center; }
/* End Preloader
--------------------------------------------------------------------------------------------------------*/


/* =Typography
--------------------------------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#content {padding-bottom: 0px;}
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
body { font: 19px 'Courier'; color:#444; background:#FFFFFF; }
strong { font-weight:bold; }
a, a > * {-webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }
p { line-height:1.5; padding:0px 0px 0 0px; }
p.style286 {font:24px 'AYYA'; font-style:normal; letter-spacing:5px; text-transform:uppercase; line-height:138%; margin-left:2px; margin-right:2px; }
p.style386 {font:18px 'Courier'; font-style:normal; letter-spacing:2px; margin-left:5%; margin-right:5%; }
p.small {font-size:8px; letter-spacing:2px; line-height: 8px; text-transform:uppercase }
.below-h3 {display:block; margin-top:-13px; padding-bottom:10px; text-transform:uppercase }
p.intelligence { font-family:AYYA; font-size:16px; color:#444; letter-spacing:8px; text-transform:uppercase; text-align:center; line-height: 28px; }
p.artworks { font-family:AYYA; font-size:20px; letter-spacing:3px; line-height: 20px; }
p.contact { font-family:AYYA; font-size: 24px; letter-spacing:4px; text-transform:uppercase; line-height: 25px; }
p.big { font-family:AYYA; font-size:36px; color:#444; letter-spacing:36px; line-height:45px; text-transform:uppercase }
p.big a { font-family:PostmodernScience; font-weight:600; text-transform:uppercase }
p.blockquote { font-family:AYYA; font-style:italic; font-size:18px; padding-top:18px; clear:both }
.blockquote span {font: 11px 'AYYA'; color:#444; padding-top:5px; text-transform:uppercase; display:block; letter-spacing:1px; }
a { color:#444; text-decoration:none; }
a:hover { text-decoration:none; color:#444; }
em {font-style:italic }
.uppercase {text-transform:uppercase }
.line-through {text-decoration:line-through; color:#444; padding:0 !important; }
span.arrow {font:13px 'AYYA'; font-style:normal}
/* End Typography
--------------------------------------------------------------------------------------------------------*/


/* =Headings
--------------------------------------------------------------------------------------------------------*/
h1 { font-family:AYYA; font-size:70px; padding-bottom:5px; padding-top:0px; letter-spacing:0px; line-height:70px; font-weight:bold; }
h8, h3, h2 a, h3 a { line-height:1; font-weight:700; color:#1a1a1a; display:block font-family:'AYYA'; }
h2 a:hover, h3 a:hover, h4 a:hover { color:#444; }
h2 { font-family:AYYA; font-size:24px; padding-bottom:9px; padding-top:16px; letter-spacing:8px; line-height:22px; font-weight:bold; }
h8 a:hover, h3 a:hover, h4 a:hover { color:#1a1a1a; }
h8 { font-family:AYYA; font-size:50px; padding-bottom:9px; padding-top:16px; line-height:130px; letter-spacing:10px; color:#1a1a1a; }
h3 { font-family:AYYA; font-size:30px; padding-bottom:9px; padding-top:20px; letter-spacing:5px; padding-left:5%; padding-right:5%; }
h4, .blog h8 { font-size:24px; padding-bottom:10px; padding-top:20px; letter-spacing:1px;  }
.grey-area h4 {padding-top:10px; }
/* End Headings
--------------------------------------------------------------------------------------------------------*/


/* =Main Content
--------------------------------------------------------------------------------------------------------*/
/*.legalnotes { white-space: nowrap; }*/
.legalnotes { width:99%; margin:0 auto; padding:10px 0; }
/*.container { white-space: nowrap; }*/
#content .container { width:100%; margin:0 auto; padding:10px 0; }
#отдел { width:100%; }
.содержание { width:100%; }

.slider #content .container, .post #content .container, .cart  #content .container { width:960px; }
header { background:#fff; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); box-shadow:0 1px 0 rgba(0, 0, 0, 0.1); position:relative; z-index:55;}

.col1-1 { width:940px; margin:10px; float:left; position:relative }
.col1-1.combi { background:#fff; }
.col3-3 { width:940px; margin:10px; float:left; position:relative }
.col1-3 { width:30%; margin:0px; float:left; overflow:hidden }
.combi .col1-3 {width:300px; margin:0; float:left; }
.col2-3 { width:40%; margin:0px; float:left; overflow:hidden }
.combi .col2-3 {width:640px; margin:0; }
.col5-5 { width:92%; align:center }
.col8-2048 { width:100%; height:auto; float:left; overflow:hidden }
.col8-2048-В { width:93.7%; height:auto; float:left; overflow:hidden }
.col8-1024 { width:50%; height:50%; float:left; overflow:hidden }
.col8-1024х1024 { width:50%; height:50%; float:left; overflow:hidden }
.col8-512 { width:25%;  float:left; overflow:hidden }
.col8-256 { width:12.5%; height:12.5%;  float:left; overflow:hidden }
.col8-128 { width:6.25%; height:6.25%;  float:left; overflow:hidden }
.col8-64 { width:3.125%; height:3.125%;  float:left; overflow:hidden }
.col8-32 { width:1.5625%; height:1.5625%;  float:left; overflow:hidden }
.col8-0 { width:3.125%; height:3.125%;  float:left; overflow:hidden }
.col8-25X { width:12.5%; height:auto;  float:left; overflow:hidden }
.пробел { width:40%; height:auto; float:left; overflow:hidden }
.подпись { width:20%; height:auto; float:left; overflow:hidden }
.height-400 {height:400px }

.col1-3.white-right, .col1-3.white, .col1-3.white-left, .white-bottom { padding:10px 35px 31px 35px; }
.white-bottom { position:relative }
.white-bottom.grey-area-last, .white.grey-area-last { padding:10px 35px 0px 35px; }
.tab-tile {background:#fff; }
.col1-3.white.p-small { padding:20px 35px 31px 35px; }

.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,1) rgba(255,255,255,0) rgba(255,255,255,0); position:absolute; margin-top:25px; left:616px; }
.white-bottom: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:-24px; margin-left:0px; }
a:visited .white-bottom:before { border-color: transparent transparent #fff transparent !important; }
a:visited .white-right:before { border-color:transparent #fff transparent transparent !important; }

.bottom-field {border-top:1px solid #ccc; background:#f8f8f8; position:absolute; bottom:0; left:640px; display:block; width:300px; padding:8px 35px 19px 35px; text-transform:uppercase; color:#8d8d8d;  }
.grey-area {position:relative; display:block; width:400px; padding:15px 35px 25px 35px; text-transform:uppercase; color:#8d8d8d; margin:25px 0 15px 0; margin-left:-35px; }
.grey-area.smaller {border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f8f8f8; position:relative; display:block; width:300px; padding:8px 35px 19px 35px; text-transform:uppercase; color:#8d8d8d; margin:25px 0 0px 0; margin-left:-35px; }
.grey-area.last { border-bottom:1px solid #f8f8f8; margin-bottom:0; }
.col2-3 .grey-area {width:620px; }

.cart-single {text-transform:none; }

ul#container {margin:0 auto; position:relative }
ul#container li { width:300px; float:left; white-space: normal; list-style:none outside none; overflow:hidden; position:relative }

ul#container li.col1-3 {width:300px; height:auto; margin:10px; }
ul#container li.col1-3.double {width:300px; height:auto; margin:10px; }
ul#container li.col2-3 {width:620px; height:auto; margin:10px; }
/* =End Main Content
--------------------------------------------------------------------------------------------------------*/


/* =Secondary Content
--------------------------------------------------------------------------------------------------------*/
.break { height:20px; position:relative; }
.images { display:block; position:relative; }
.overflow {overflow:hidden; }
.button a {border:1px solid #ccc; padding:10px 15px 11px 15px; background:#fff; position:relative; font-size:14px; display:inline-block }
.collection {font-size:18px; letter-spacing:5px; padding-top:80px; color:#444; line-height:16px; }
.padding-right {padding-right:30px; }
.margin-right {margin-right:10px; }
/* =End Secondary Content
--------------------------------------------------------------------------------------------------------*/


/* =Image Hover
--------------------------------------------------------------------------------------------------------*/
.images img {width: 100%; display: block; max-width: 100% !important; height:auto; box-shadow: #444 0em 0em 0em; }
.изображения2048 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 0%; padding-bottom: 0%; }
.изображения2048-В img {width: 95%; max-width: 95% !important; height:auto; padding-top: 1.25%; padding-bottom: 1.25%; }
.изображения1024 img {width: 95%; max-width: 95% !important; height:auto; padding-top: 1.25%; padding-bottom: 1.25%; }
.изображения1024х1024 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 0px; padding-bottom: 0px; }
.изображения512 img {width: 90%; max-width: 90% !important; height:auto; padding-top: 5%; padding-bottom: 5%; }
.изображения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: 100%; max-width: 100% !important; height:auto; padding-top: 0px; padding-bottom: 0px; }
.изображения128-2В img {width: 100%; max-width: 100% !important; height:auto; padding-top: 100%; padding-bottom: 100%; }
.изображения128 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 150%; padding-bottom: 150%; }
.изображения64-В img {width: 100%; max-width: 100% !important; height:auto; padding-top: 175%; padding-bottom: 175%; }
.изображения64-2В img {width: 100%; max-width: 100% !important; height:auto; padding-top: 300%; padding-bottom: 300%; }
.изображения64 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 350%; padding-bottom: 350%; }
.изображения32-В img {width: 100%; max-width: 100% !important; height:auto; padding-top: 700%; padding-bottom: 700%; }
.изображения32 img {width: 100%; max-width: 100% !important; height:auto; padding-top: 750%; padding-bottom: 750%; }
.изображения0 img {width: 101%; height:auto; padding-top: 0px; padding-bottom: 0px; }
.изображения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; }
.masonry .element .images img, .index .element .images img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; z-index:9 }
.masonry.full-opacity .element .images img, .index.full-opacity .element .images img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; z-index:9 }

.tabs a {border-bottom:1px solid #ccc; padding:16px 20px; position:relative; display:block; font-size:15px; font-weight:400}
.tabs a:hover {background:#f8f8f8; color:#2b2b2b !important; }
.tabs span {padding:4px 0 0 13px; display:inline-block }
.tabs a.last {border:0; }
.icons { position:relative; height:30px; width:30px; z-index:10; float:left }
.close {background:url(../иконки/закрыть.jpg) center no-repeat; background-size:18px 18px; }

.images .title, .images .subtitle { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position:absolute; top:35px; left:0px !important; width:auto; font-weight:600; margin-left:-500px }
.images .subtitle { top: 3px; font-weight: 400; margin-left:600px }
.masonry .images .title, .masonry .images .subtitle { margin-left:35px; }
.title-wrap, .subtitle-wrap { position:relative; }
.title-wrap h3, .subtitle-wrap p { overflow: hidden; white-space: nowrap; text-transform:uppercase; font-family:'AYYA', Arial, Helvetica, sans-serif; color:#2b2b2b; padding:0px; font-style:normal; }
.title-wrap h3 span, .subtitle-wrap p span { padding:4px 8px 5px 8px; background:#fff;  display:inline-block; position:relative }
.subtitle-wrap p span {font-size:11px; padding:4px 8px 5px 8px; }
.title-wrap h3 { font-size:14px; line-height:1.5; letter-spacing:0; }
/* End Image Hover
--------------------------------------------------------------------------------------------------------*/


/* =Lists
--------------------------------------------------------------------------------------------------------*/
ul.unordered-list { list-style: disc; line-height:1.5; padding:10px 0px 0 0px; margin-left:18px; text-align:left !important; }
ul.unordered-list.check li { background:url(../иконки/bg-check.jpg) no-repeat 1px 13px; background-size:13px 11px; }
ol.ordered-list { list-style: decimal; line-height:1.5; padding:10px 0px 0 0px; margin-left:18px; text-align:left !important; }
ul.unordered-list.floated li {float:left; margin-right:40px; }
/* =End Lists
--------------------------------------------------------------------------------------------------------*/


/* =Footer
--------------------------------------------------------------------------------------------------------*/
footer { height:10px; padding:0px 35px 0 35px; position: relative;	margin-top: 0px; clear:both; z-index:100; -webkit-box-shadow:0 2px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.4); box-shadow:0 2px 0 rgba(0, 0, 0, 0.4);}
footer p {padding-top:31px !important }
/* End Footer
--------------------------------------------------------------------------------------------------------*/


/* =Social
--------------------------------------------------------------------------------------------------------*/
ul.social { padding-top:28px; margin-bottom:6px; letter-spacing:0; font-size:0; }
.social li { display:inline-block; margin:0px 2px;}
.social li a { display:block; }
ul.social a {text-indent:-9000px; text-decoration:none; height:24px; width:24px;}
/* End Social
--------------------------------------------------------------------------------------------------------*/


/* =Isotope
--------------------------------------------------------------------------------------------------------*/
.isotope-item { z-index: 2; -webkit-backface-visibility: hidden; overflow:hidden}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }
/* End: Recommended Isotope styles */

/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

#options { width:auto; /*height:100px;*/ z-index:300; text-align:center; white-space: nowrap;}
#options ul { margin: 0; list-style: none; padding: 20px 20px; padding:0; position:relative; font-size: 0; margin: 0 auto}
#options li { width:90px; }
#options li a { color:#444; font-family: "AYYA"; font-size:12px; line-height:19px; font-weight:600; text-decoration:none; text-transform:uppercase; padding:0px; }
#options li a:hover, #options li a.current, #options li a.selected { color:#444000;}

#options ul li ul.other { position:absolute; list-style: none; top:0px; height:100%; min-height:100%; padding:20px 20px; font-size: 0; display:none }
#options ul li ul.other li { width:auto; }
#options ul li ul.other li a.selected {background:#FFFFFF }

#options ul#homepage { position:inherit; top:0px; height:100%; min-height:100%; padding:0; border:0; font-size: 0; display:block }
#options ul#homepage li {display:inline-block; height: 100%; width: 7.69%; }
#options ul#homepage li a {display:inline-block;  padding:20px 0px; padding-right:0px; height:100%; font-size:12px; margin:0 }
#options ul#homepage li a.selected {background:#FFFFFF }

.dead-link {cursor:default !important }
/* End Isotope
--------------------------------------------------------------------------------------------------------*/


/* =Shop-Link
--------------------------------------------------------------------------------------------------------*/
#shop-link { height:auto; position:fixed; right:35px; bottom:136px; display:block; z-index:30; }
#shop-link ul { overflow:hidden }
#shop-link ul li a { background:url(../иконки/bg-shopping_cart.jpg) 13px 50% no-repeat #fff; background-size:26px 23px; display:block; width:50px; height:50px; -webkit-box-shadow:0 0 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 0 1px rgba(0, 0, 0, 0.5); box-shadow:0 0 1px rgba(0, 0, 0, 0.5);}
#shop-link ul li a span {padding-left:50px; width:auto; padding-top:15px; display:inline-block; color:#2b2b2b; white-space:nowrap }
/* End Shop-Link
--------------------------------------------------------------------------------------------------------*/
