.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
	display: none
}
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
a:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px
}
a:hover, a:active {
	outline: 0
}
sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic
}
#map_canvas img, .google-maps img {
	max-width: none
}
button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle
}
button, input {
*overflow:visible;
	line-height: normal
}
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
	cursor: pointer
}
input[type="search"] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
textarea {
	overflow: auto;
	vertical-align: top
}

@media print {
* {
	text-shadow: none !important;
	color: #000 !important;
	background: transparent !important;
	box-shadow: none !important
}
a, a:visited {
	text-decoration: underline
}
a[href]:after {
	content: " (" attr(href) ")"
}
abbr[title]:after {
	content: " (" attr(title) ")"
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: ""
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid
}
thead {
	display: table-header-group
}
tr, img {
	page-break-inside: avoid
}
img {
	max-width: 100% !important
}
@page {
	margin: 0.5cm
}
p, h2, h3 {
	orphans: 3;
	widows: 3
}
h2, h3 {
	page-break-after: avoid
}
}
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icons/icomoon.eot');
	src: url('../fonts/icons/icomoond41d.eot?#iefix') format('embedded-opentype'), url('../fonts/icons/icomoon.svg#icomoon') format('svg'), url('../fonts/icons/icomoon43a0.woff?v3') format('woff'), url('../fonts/icons/icomoon.ttf') format('truetype');
	font-weight: normal;
	font-style: normal
}
[class*="-icon"], [class*=" -icon"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	vertical-align: middle
}
.slippers-icon:before {
	content: "\e600"
}
.table-icon:before {
	content: "\e601"
}
.square-icon:before {
	content: "\e602"
}
.map-icon:before {
	content: "\e603"
}
.bath-icon:before {
	content: "\e604"
}
.chair-icon:before {
	content: "\e605"
}
.top-icon:before {
	content: "\e606"
}
.wall-icon:before {
	content: "\e607"
}
.x-icon:before {
	content: "\e608"
}
.arr-left-icon:before {
	content: "\e60a"
}
.arr-right-icon:before {
	content: "\e609"
}
.map-icon:before {
	content: "\e60b"
}
.shop-icon:before {
	content: "\e60c"
}
.clock-icon:before {
	content: "\e60d"
}
.mail-icon:before {
	content: "\e60e"
}
.phone-icon:before {
	content: "\e610"
}
.pin-icon:before {
	content: "\e60f"
}
.link-icon:before {
	content: "\e611"
}
.row {
*zoom:1
}
.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
.row .fl {
	float: left
}
.row .fl.pull-right {
	float: right
}
.row .fr {
	float: right
}
p {
	margin: 0
}
h1, h2, h3 {
	margin: 0;
	font-weight: 600;
	color: #2c2b2b;
	position: relative
}
.tab-pane {
	display: none
}
.tab-pane.active {
	display: block
}
ul.simple {
	margin: 0;
	padding: 0;
	list-style: none
}
ul.inline {
*zoom:1
}
ul.inline:before, ul.inline:after {
	display: table;
	content: "";
	line-height: 0
}
ul.inline:after {
	clear: both
}
ul.inline li {
	float: left
}
a {
	outline: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
a:focus {
	outline: none;
	-moz-outline-style: none
}
a:-moz-any-link:focus {
outline:none
}
.c-red {
	color: red
}
.hide {
	display: none
}
.fr {
	float: right
}
.fl {
	float: left
}
.clr {
	clear: both
}
.tac {
	text-align: center
}
.bb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.table {
	width: 100%;
	display: table;
	margin: 0 auto
}
.tr {
	display: table-row
}
.tc {
	display: table-cell;
	vertical-align: middle
}
.tc.vat {
	vertical-align: top
}
.tdun {
	text-decoration: none
}
.oh {
	overflow: hidden
}
.ttu {
	text-transform: uppercase
}
.ps-container .ps-scrollbar-y-rail {
	position: absolute;
	right: 0 !important;
	width: 2px;
	background: #dad7d5;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity .3s
}
.ps-container .ps-scrollbar-y {
	position: absolute;
	right: 0;
	width: 2px;
	background: #221f53
}
.ps-container.ps-active-y:hover .ps-scrollbar-y-rail {
	opacity: 1
}
html {
	height: 100%
}
body {
	font-family: 'Oxygen', sans-serif;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	min-width: 980px;
	min-height: 600px;
	background: #FFF;
}
body.loading {
	overflow: hidden
}
body.ios7iPad {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0
}
.main-nav-wrapper, .content-wrapper {
	-webkit-transition: width .2s, height .2s;
	-moz-transition: width .2s, height .2s;
	-o-transition: width .2s, height .2s;
	transition: width .2s, height .2s;
	position: absolute
}
.menu-backdrop {
	background: rgba(25,25,25,0);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 50;
	visibility: hidden;
	cursor: pointer;
	-webkit-transition: visibility .3s, background .3s;
	-moz-transition: visibility .3s, background .3s;
	-o-transition: visibility .3s, background .3s;
	transition: visibility .3s, background .3s
}
.menu-backdrop .icon {
	font-size: 41px;
	line-height: 1;
	color: #fff;
	cursor: pointer;
	position: absolute;
	left: 287px;
	top: 27px;
	opacity: 0;
	-webkit-transform: scale(.4);
	-moz-transform: scale(.4);
	-ms-transform: scale(.4);
	-o-transform: scale(.4);
	transform: scale(.4);
	-webkit-transition: -webkit-transform .2s;
	-moz-transition: -moz-transform .2s;
	-o-transition: -o-transform .2s;
	transition: transform .2s;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden
}
.menu-backdrop .icon:hover {
	color: #221f53
}
.menu-backdrop .icon:active {
	color: #212137;
}
body.menu-open[data-state="2"] .menu-backdrop, body.menu-open[data-state="3"] .menu-backdrop, body.menu-open[data-state="4"] .menu-backdrop {
	background: rgba(25,25,25,0.36);
	visibility: visible
}
body.menu-open[data-state="2"] .menu-backdrop .icon, body.menu-open[data-state="3"] .menu-backdrop .icon, body.menu-open[data-state="4"] .menu-backdrop .icon {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.main-nav-wrapper {
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 100
}
.main-nav-wrapper .main-nav-inner {
	position: absolute;
	top: 0;
	left: 0;
	
}
.main-nav-wrapper .main-nav-inner.no-transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important
}
.main-nav-wrapper .wide-wrapper, .main-nav-wrapper .narrow-wrapper {
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.main-nav-wrapper .wide-wrapper {
	z-index: 2
}
.main-nav-wrapper .narrow-wrapper {
	visibility: hidden;
	z-index: 1
}
.main-nav-wrapper .logo {
	width: 226px;
	height: 113px;
	background-image: url('../img/logo.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute
}

@media all and (-webkit-min-device-pixel-ratio:1.5) {
.main-nav-wrapper .logo {
	background-image: url('../img/logo%402x.png')
}
}
.main-nav-wrapper .copy {
	font-size: 12px;
	line-height: 18px;
	font-weight: 300;
	color: #918c87;
}
.main-nav-wrapper .copy a {
	color: #918c87;
	text-decoration: none
}
.navicon {
	width: 67px;
	height: 57px;
	display: block;
	background-image:url(../images/menuz.jpg);
	text-decoration: none;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 20;
	margin: -20px 0 0 -31px;
}
.navicon:before, .navicon:after, .navicon em {

	position: absolute;
	left: 0;
	z-index: 2
}
.navicon:before {
	top: 0
}
.navicon:after {
	top: 28px
}
.navicon em {
	display: block;
	top: 14px
}
.navicon span {
	font-size: 16px;
	line-height: 12px;
	color: #000;
	font-weight: 300;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -21px;
}
.navicon.copy {
	top: 30px;
	left: 30px;
	margin: 0;
	display: none
}
.navicon.copy span {
	color: #000
}
.navicon.small span {
	font-size: 15px;
	line-height: 14px
}
.main-nav {
	overflow: visible;
	width: 250px;
	padding-right: 8px;
	position: absolute
}
.main-nav .spacer {
	height: 36px
}
.main-nav li {
	font-size: 16px;
	line-height: 36px
}
.main-nav a {
	font-weight: 300;
	text-decoration: none
}
.main-nav a.active {
	font-weight: 400
}
.main-nav .item {
	font-size: 16px;
	line-height: 36px;
	color: #191919;
	position: relative
}
.main-nav .item:before {
	content: '';
	width: 0;
	height: 3px;
	border-radius: 2px;
	background: #302e5b;
	position: absolute;
	left: 0;
	bottom: -7px;
	-webkit-transition: width 0.2s;
	-moz-transition: width 0.2s;
	-o-transition: width 0.2s;
	transition: width .2s
}
.main-nav .item:hover:before, .main-nav .item.active:before {
	width: 39px
}
.main-nav .line {
	width: 100%;
	height: 0;
	overflow: hidden;
	position: relative;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height .3s
}
.main-nav .line:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top: 15px
}
.main-nav-submenu {
*zoom:1;
	max-width: 250px;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .3s, margin-top .3s;
	-moz-transition: max-height .3s, margin-top .3s;
	-o-transition: max-height .3s, margin-top .3s;
	transition: max-height .3s, margin-top .3s;
	margin-right: -11% !important
}
.main-nav-submenu:before, .main-nav-submenu:after {
	display: table;
	content: "";
	line-height: 0
}
.main-nav-submenu:after {
	clear: both
}
.main-nav-submenu .fl {
	float: left
}
.main-nav-submenu .fl.pull-right {
	float: right
}
.main-nav-submenu .fr {
	float: right
}
.main-nav-submenu li {
	font-size: 14px;
	line-height: 16px;
	float: left;
	margin: 4px 8% 4px 0
}
.main-nav-submenu .item-submenu {
	font-size: 14px;
	line-height: 16px;
	color: #2c2c2c
}
.main-nav-submenu .item-submenu:hover {
	color: #cf3b13
}
.main-nav-submenu .item-submenu.active {
	color: #cf3b13
}
.active~.main-nav-submenu {
	max-height: 400px;
	margin-top: 11px !important
}
.active~.line {
	height: 24px
}
body.v-view .main-nav-wrapper, .main-nav-wrapper.copy {
	bottom: 0;
}
body.v-view .main-nav-wrapper .main-nav-inner, .main-nav-wrapper.copy .main-nav-inner {
	bottom: 0;
}
body.v-view .main-nav-wrapper .logo, .main-nav-wrapper.copy .logo {
	top: 54px;
	left: 50%;
	margin-left: -116px
}
body.v-view .main-nav-wrapper .copy, .main-nav-wrapper.copy .copy {
	position: absolute;
	bottom: 18px;
	left: 43px
}
body.v-view .main-nav-wrapper .main-nav, .main-nav-wrapper.copy .main-nav {
	left: 47px;
	top: 257px;
	bottom: 60px
}
body.v-view .main-nav-wrapper .main-nav.center-nav, .main-nav-wrapper.copy .main-nav.center-nav {
	left: 50%;
	margin-left: -121.5px
}
body.v-view .main-nav-wrapper .main-nav.center-nav-small, .main-nav-wrapper.copy .main-nav.center-nav-small {
	width: 214px;
	margin-left: -103.5px
}
body.v-view[data-state="1"] .copy {
	width: 100%;
	text-align: center;
	left: 0
}
body.v-view[data-state="2"] .wide-wrapper, body.v-view[data-state="3"] .wide-wrapper, body.v-view[data-state="4"] .wide-wrapper {
	visibility: hidden
}
body.v-view[data-state="2"] .narrow-wrapper, body.v-view[data-state="3"] .narrow-wrapper, body.v-view[data-state="4"] .narrow-wrapper {
	visibility: visible
}
body.v-view[data-state="2"] .logo {
	width: 145px;
	height: 72px;
	margin-left: -69px
}
body.v-view[data-state="3"] .narrow-wrapper .logo, body.v-view[data-state="4"] .narrow-wrapper .logo {
	display: none
}
body.v-view[data-state="4"] .navicon.copy {
	display: block
}

@media only screen and (max-height:800px) {
body.v-view .main-nav-wrapper .logo {
	top: 20px
}
body.v-view .main-nav-wrapper .main-nav {
	bottom:50%;
}
}

@media only screen and (max-height:700px) {
body.v-view .main-nav {
	top: 127px
}
}
body.h-view .main-nav-wrapper:not(.copy) {
	right: 0;
	z-index: 9
}
body.h-view .main-nav-wrapper:not(.copy) .main-nav-inner {
	right: 0
}
body.h-view .main-nav-wrapper:not(.copy) .wide-wrapper {
	display: none
}
body.h-view .main-nav-wrapper:not(.copy) .logo {
	left: 50%;
	margin-left: -85.5px
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .wide-wrapper, body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .wide-wrapper, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .wide-wrapper {
	visibility: hidden
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .narrow-wrapper, body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .narrow-wrapper, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .narrow-wrapper {
	visibility: visible
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .logo, body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .logo, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .logo {
	top: 50%;
	margin-top: -32.5px
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .navicon, body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .navicon, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .navicon {
	left: 30px;
	top: 50%;
	margin: -24.5px 0 0 0
}
body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .logo, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .logo {
	width: 145px;
	height: 56px;
	margin-top: -24.5px
}
body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .logo {
	width: 116px;
	height: 45px;
	margin-top: -19px;
	margin-left: -58px
}
body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .navicon {
	width: 44px;
	height: 46px;
	margin-top: -19.5px
}
body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .navicon em {
	top: 12px
}
body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .navicon:after {
	top: 24px
}
body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .navicon span {
	font-size: 15px
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .wide-wrapper .logo, body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .wide-wrapper .logo, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .wide-wrapper .logo {
	width: 185px;
	height: 72px;
	top: 23px;
	margin-top: 0;
	margin-left: -92.5px
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .wide-wrapper .main-nav, body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .wide-wrapper .main-nav, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .wide-wrapper .main-nav {
	top: 110px
}
.main-nav-wrapper.copy {
	width: 0 !important;
	height: auto !important;
	font-size: 0 !important
}
.main-nav-wrapper.copy .main-nav-inner {
	width: 0 !important;
	height: auto !important
}
.main-nav-wrapper.copy .narrow-wrapper {
	display: none !important
}

@media only screen and (max-height:800px) {
.main-nav-wrapper.copy .logo {
	top: 20px
}
.main-nav-wrapper.copy .main-nav {
	top: 147px
}
}

@media only screen and (max-height:700px) {
.main-nav-wrapper.copy .main-nav {
	top: 127px
}
}
body.v-view[data-state="2"] .main-nav-wrapper, body.v-view[data-state="3"] .main-nav-wrapper, body.v-view[data-state="4"] .main-nav-wrapper, body.h-view[data-state="2"] .main-nav-wrapper.copy, body.h-view[data-state="3"] .main-nav-wrapper.copy, body.h-view[data-state="4"] .main-nav-wrapper.copy {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px
}
body.v-view[data-state="2"] .main-nav-wrapper .main-nav-inner, body.v-view[data-state="3"] .main-nav-wrapper .main-nav-inner, body.v-view[data-state="4"] .main-nav-wrapper .main-nav-inner, body.h-view[data-state="2"] .main-nav-wrapper.copy .main-nav-inner, body.h-view[data-state="3"] .main-nav-wrapper.copy .main-nav-inner, body.h-view[data-state="4"] .main-nav-wrapper.copy .main-nav-inner {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: .4s
}
body.v-view[data-state="2"] .main-nav-wrapper .menu-side, body.v-view[data-state="3"] .main-nav-wrapper .menu-side, body.v-view[data-state="4"] .main-nav-wrapper .menu-side, body.h-view[data-state="2"] .main-nav-wrapper.copy .menu-side, body.h-view[data-state="3"] .main-nav-wrapper.copy .menu-side, body.h-view[data-state="4"] .main-nav-wrapper.copy .menu-side {
	-webkit-transition: visibility .4s, opacity .4s;
	-moz-transition: visibility .4s, opacity .4s;
	-o-transition: visibility .4s, opacity .4s;
	transition: visibility .4s, opacity .4s
}
body.v-view[data-state="2"] .main-nav-wrapper .wide-wrapper, body.v-view[data-state="3"] .main-nav-wrapper .wide-wrapper, body.v-view[data-state="4"] .main-nav-wrapper .wide-wrapper, body.h-view[data-state="2"] .main-nav-wrapper.copy .wide-wrapper, body.h-view[data-state="3"] .main-nav-wrapper.copy .wide-wrapper, body.h-view[data-state="4"] .main-nav-wrapper.copy .wide-wrapper {
	width: 265px;
	background: #fff;
	right: 0;
	left: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translate3d(-1em, 0, 0) rotateY(-90deg);
	-moz-transform: translate3d(-1em, 0, 0) rotateY(-90deg);
	-ms-transform: translate3d(-1em, 0, 0) rotateY(-90deg);
	-o-transform: translate3d(-1em, 0, 0) rotateY(-90deg);
	transform: translate3d(-1em, 0, 0) rotateY(-90deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform-origin: 100% 100%;
	-o-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}
body.v-view[data-state="2"] .main-nav-wrapper .narrow-wrapper, body.v-view[data-state="3"] .main-nav-wrapper .narrow-wrapper, body.v-view[data-state="4"] .main-nav-wrapper .narrow-wrapper, body.h-view[data-state="2"] .main-nav-wrapper.copy .narrow-wrapper, body.h-view[data-state="3"] .main-nav-wrapper.copy .narrow-wrapper, body.h-view[data-state="4"] .main-nav-wrapper.copy .narrow-wrapper {
	visibility: visible;
	opacity: 1
}
body.menu-open.v-view[data-state="2"] .main-nav-wrapper, body.menu-open.v-view[data-state="3"] .main-nav-wrapper, body.menu-open.v-view[data-state="4"] .main-nav-wrapper, body.menu-open.h-view[data-state="2"] .main-nav-wrapper.copy, body.menu-open.h-view[data-state="3"] .main-nav-wrapper.copy, body.menu-open.h-view[data-state="4"] .main-nav-wrapper.copy {
	width: 265px !important
}
body.menu-open.v-view[data-state="2"] .main-nav-wrapper .main-nav-inner, body.menu-open.v-view[data-state="3"] .main-nav-wrapper .main-nav-inner, body.menu-open.v-view[data-state="4"] .main-nav-wrapper .main-nav-inner, body.menu-open.h-view[data-state="2"] .main-nav-wrapper.copy .main-nav-inner, body.menu-open.h-view[data-state="3"] .main-nav-wrapper.copy .main-nav-inner, body.menu-open.h-view[data-state="4"] .main-nav-wrapper.copy .main-nav-inner {
	-webkit-transform: rotate3d(0, 1, 0, 90deg) translate3d(265px, 0, 0);
	-moz-transform: rotate3d(0, 1, 0, 90deg) translate3d(265px, 0, 0);
	-ms-transform: rotate3d(0, 1, 0, 90deg) translate3d(265px, 0, 0);
	-o-transform: rotate3d(0, 1, 0, 90deg) translate3d(265px, 0, 0);
	transform: rotate3d(0, 1, 0, 90deg) translate3d(265px, 0, 0);
	-webkit-transform-origin: 265px 0;
	-moz-transform-origin: 265px 0;
	-o-transform-origin: 265px 0;
	transform-origin: 265px 0
}
body.menu-open.v-view[data-state="2"] .main-nav-wrapper .wide-wrapper, body.menu-open.v-view[data-state="3"] .main-nav-wrapper .wide-wrapper, body.menu-open.v-view[data-state="4"] .main-nav-wrapper .wide-wrapper, body.menu-open.h-view[data-state="2"] .main-nav-wrapper.copy .wide-wrapper, body.menu-open.h-view[data-state="3"] .main-nav-wrapper.copy .wide-wrapper, body.menu-open.h-view[data-state="4"] .main-nav-wrapper.copy .wide-wrapper {
	visibility: visible;
	opacity: 1
}
body.menu-open.v-view[data-state="2"] .main-nav-wrapper .narrow-wrapper, body.menu-open.v-view[data-state="3"] .main-nav-wrapper .narrow-wrapper, body.menu-open.v-view[data-state="4"] .main-nav-wrapper .narrow-wrapper, body.menu-open.h-view[data-state="2"] .main-nav-wrapper.copy .narrow-wrapper, body.menu-open.h-view[data-state="3"] .main-nav-wrapper.copy .narrow-wrapper, body.menu-open.h-view[data-state="4"] .main-nav-wrapper.copy .narrow-wrapper {
	visibility: hidden;
	opacity: 0
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy), body.h-view[data-state="3"] .main-nav-wrapper:not(.copy), body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) {
	-webkit-perspective: 1500px;
	-moz-perspective: 1500px;
	-ms-perspective: 1500px;
	-o-perspective: 1500px;
	perspective: 1500px
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .main-nav-inner, body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .main-nav-inner, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .main-nav-inner {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: .4s
}
body.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .navicon, body.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .navicon, body.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .navicon {
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity .2s
}
body.menu-open.h-view[data-state="2"] .main-nav-wrapper:not(.copy), body.menu-open.h-view[data-state="3"] .main-nav-wrapper:not(.copy), body.menu-open.h-view[data-state="4"] .main-nav-wrapper:not(.copy) {
	height: 100% !important
}
body.menu-open.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .main-nav-inner, body.menu-open.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .main-nav-inner, body.menu-open.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .main-nav-inner {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: .4s
}
body.menu-open.h-view[data-state="2"] .main-nav-wrapper:not(.copy) .navicon, body.menu-open.h-view[data-state="3"] .main-nav-wrapper:not(.copy) .navicon, body.menu-open.h-view[data-state="4"] .main-nav-wrapper:not(.copy) .navicon {
	opacity: 0
}
.content-wrapper {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	right: 4px;
	bottom: 4px;
	z-index: 1;
	overflow: hidden
}
.content-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0.5s;
	-moz-transition: -moz-transform 0.5s;
	-o-transition: -o-transform 0.5s;
	transition: transform .5s
}
.tile-row {
	height: 33.33333333%;
	position: relative
}
.tile-row.translate {
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	transform: translate(0, -100%)
}
.tile-item {
	width: 20%;
	height: 100%;
	float: left;
	border-width: 4px;
	border-style: solid;
	border-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	display: block;
	position: relative;
	z-index: 2
}
.tile-item.big {
	width: 40%;
	height: 200%
}
.tile-item:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	display: none
}
.tile-item.rotating:before {
	display: block
}
body.v-view .content-wrapper {
	top: 4px
}
body.h-view .content-wrapper {
	left: 4px
}
.tile-item {
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
	overflow: hidden
}
.tile-item.bg {
	background: #eeecea
}
.canarycube-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	z-index: 2;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-animation: rotate-lr-1 .4s 0s 1 normal forwards;
	-moz-animation: rotate-lr-1 .4s 0s 1 normal forwards;
	-ms-animation: rotate-lr-1 .4s 0s 1 normal forwards;
	-o-animation: rotate-lr-1 .4s 0s 1 normal forwards;
	animation: rotate-lr-1 .4s 0s 1 normal forwards
}
.canarycube-wrapper.rotate {
	-webkit-animation: rotate-lr-2 .4s 0s 1 normal forwards;
	-moz-animation: rotate-lr-2 .4s 0s 1 normal forwards;
	-ms-animation: rotate-lr-2 .4s 0s 1 normal forwards;
	-o-animation: rotate-lr-2 .4s 0s 1 normal forwards;
	animation: rotate-lr-2 .4s 0s 1 normal forwards
}
.canarycube-wrapper.rotate .front .side-bg {
	background: rgba(19,19,19,0.5);
	visibility: visible
}
.canarycube-wrapper.rotate .top .side-bg {
	background: rgba(19,19,19,0);
	visibility: hidden
}
.canarycube-wrapper.rotate.init {
	-webkit-animation: initial;
	-moz-animation: initial;
	-ms-animation: initial;
	-o-animation: initial;
	animation: initial;
	-webkit-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em);
	-moz-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em);
	-ms-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em);
	-o-transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em);
	transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em);
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}
.canarycube-wrapper.rotate.init .side-bg {
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-o-transition-duration: 0;
	transition-duration: 0
}
.canarycube-wrapper .side {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1
}
.canarycube-wrapper .side.orange {
	background: #221f53
}
.canarycube-wrapper .side.dark:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 3
}
.canarycube-wrapper .side.dark.dark-73:before {
	background-color: rgba(255,255,255,0.85)
}
.canarycube-wrapper .side.dark.dark-85:before {
	background-color: rgba(255,255,255,0.85)
}
.canarycube-wrapper .side.dark.dark-80:before {
	background-color: rgba(255,255,255,0.85)
}
.canarycube-wrapper .side.dark.dark-70:before {
	background-color: rgba(255,255,255,0.85)
}
.canarycube-wrapper .side.dark.dark-46:before {
	background-color: rgba(255,255,255,0.85)
}
.canarycube-wrapper .side.dark.dark-65:before {
	background-color: rgba(255,255,255,0.85)
}
.canarycube-wrapper .side.dark.dark-50:before {
	background-color: rgba(255,255,255,0.85)
}
.canarycube-wrapper .side-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	opacity: 1;
	-webkit-transition: background .4s, visibility .4s;
	-moz-transition: background .4s, visibility .4s;
	-o-transition: background .4s, visibility .4s;
	transition: background .4s, visibility .4s
}
.canarycube-wrapper .bg-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1
}
.canarycube-wrapper .front .side-bg {
	background: rgba(19,19,19,0);
	visibility: hidden
}
.canarycube-wrapper .top {
	-webkit-transform: translate3d(0, 0, -1em) rotateY(-90deg);
	-moz-transform: translate3d(0, 0, -1em) rotateY(-90deg);
	-ms-transform: translate3d(0, 0, -1em) rotateY(-90deg);
	-o-transform: translate3d(0, 0, -1em) rotateY(-90deg);
	transform: translate3d(0, 0, -1em) rotateY(-90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0
}
.canarycube-wrapper .top .side-bg {
	background: rgba(19,19,19,0.5);
	visibility: visible
}
.yaBrowser .canarycube-wrapper .top:before, .operaBrowser-old .canarycube-wrapper .top:before {
	content: '';
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	-webkit-backface-visibility: hidden
}
@-webkit-keyframes rotate-lr-1 {
0% {
-webkit-transform:rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em)
}
90% {
-webkit-transform:translate3d(0, 0, -0.01em)
}
100% {
-webkit-transform:rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0)
}
}
@-moz-keyframes rotate-lr-1 {
0% {
-moz-transform:rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em)
}
90% {
-moz-transform:translate3d(0, 0, -0.01em)
}
100% {
-moz-transform:rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0)
}
}
@-ms-keyframes rotate-lr-1 {
0% {
-ms-transform:rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em)
}
90% {
-ms-transform:translate3d(0, 0, -0.01em)
}
100% {
-ms-transform:rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0)
}
}
@keyframes rotate-lr-1 {
0% {
transform:rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em)
}
90% {
transform:translate3d(0, 0, -0.01em)
}
100% {
transform:rotate3d(0, 0, 0, 0deg) translate3d(0, 0, 0)
}
}
@-webkit-keyframes rotate-lr-2 {
0% {
-webkit-transform:translate3d(0, 0, 0)
}
10% {
-webkit-transform:translate3d(0, 0, -0.01em)
}
100% {
-webkit-transform:rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em)
}
}
@-moz-keyframes rotate-lr-2 {
0% {
-moz-transform:translate3d(0, 0, 0)
}
10% {
-moz-transform:translate3d(0, 0, -0.01em)
}
100% {
-moz-transform:rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em)
}
}
@-ms-keyframes rotate-lr-2 {
0% {
-ms-transform:translate3d(0, 0, 0)
}
10% {
-ms-transform:translate3d(0, 0, -0.01em)
}
100% {
-ms-transform:rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em)
}
}
@keyframes rotate-lr-2 {
0% {
transform:translate3d(0, 0, 0)
}
10% {
transform:translate3d(0, 0, -0.01em)
}
100% {
transform:rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 1em)
}
}
.no-preserve-3d .tile-item {
	-webkit-perspective: 0;
	-moz-perspective: 0;
	-ms-perspective: 0;
	-o-perspective: 0;
	perspective: 0
}
.no-preserve-3d .tile-item.animate .canarycube-wrapper {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}
.no-preserve-3d .canarycube-wrapper {
	-webkit-transform-style: flat;
	-moz-transform-style: flat;
	-ms-transform-style: flat;
	-o-transform-style: flat;
	transform-style: flat;
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none
}
.no-preserve-3d .canarycube-wrapper.rotate {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	-o-animation: none;
	animation: none
}
.no-preserve-3d .canarycube-wrapper.rotate.init .side {
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-o-transition-duration: 0;
	transition-duration: 0
}
.no-preserve-3d .canarycube-wrapper.rotate .front {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.no-preserve-3d .canarycube-wrapper.rotate .top {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.no-preserve-3d .canarycube-wrapper .side {
	-webkit-transition: -webkit-transform .4s;
	-moz-transition: -moz-transform .4s;
	-o-transition: -o-transform .4s;
	transition: transform .4s;
	visibility: visible !important
}
.no-preserve-3d .canarycube-wrapper .top {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}
.no-preserve-3d body.v-view[data-state="2"] .main-nav-wrapper .menu-side, .no-preserve-3d body.v-view[data-state="3"] .main-nav-wrapper .menu-side, .no-preserve-3d body.v-view[data-state="4"] .main-nav-wrapper .menu-side, .no-preserve-3d body.h-view[data-state="2"] .main-nav-wrapper.copy .menu-side, .no-preserve-3d body.h-view[data-state="3"] .main-nav-wrapper.copy .menu-side {
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: .4s
}
.no-preserve-3d body.v-view[data-state="2"] .main-nav-wrapper .wide-wrapper, .no-preserve-3d body.v-view[data-state="3"] .main-nav-wrapper .wide-wrapper, .no-preserve-3d body.v-view[data-state="4"] .main-nav-wrapper .wide-wrapper, .no-preserve-3d body.h-view[data-state="2"] .main-nav-wrapper.copy .wide-wrapper, .no-preserve-3d body.h-view[data-state="3"] .main-nav-wrapper.copy .wide-wrapper {
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	left: 0
}
.no-preserve-3d body.menu-open.v-view[data-state="2"] .main-nav-wrapper .main-nav-inner, .no-preserve-3d body.menu-open.v-view[data-state="3"] .main-nav-wrapper .main-nav-inner, .no-preserve-3d body.menu-open.v-view[data-state="4"] .main-nav-wrapper .main-nav-inner, .no-preserve-3d body.menu-open.h-view[data-state="2"] .main-nav-wrapper.copy .main-nav-inner, .no-preserve-3d body.menu-open.h-view[data-state="3"] .main-nav-wrapper.copy .main-nav-inner {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}
.no-preserve-3d body.menu-open.v-view[data-state="2"] .main-nav-wrapper .wide-wrapper, .no-preserve-3d body.menu-open.v-view[data-state="3"] .main-nav-wrapper .wide-wrapper, .no-preserve-3d body.menu-open.v-view[data-state="4"] .main-nav-wrapper .wide-wrapper, .no-preserve-3d body.menu-open.h-view[data-state="2"] .main-nav-wrapper.copy .wide-wrapper, .no-preserve-3d body.menu-open.h-view[data-state="3"] .main-nav-wrapper.copy .wide-wrapper {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	visibility: visible;
	opacity: 1
}
.no-preserve-3d body.menu-open.v-view[data-state="2"] .main-nav-wrapper .narrow-wrapper, .no-preserve-3d body.menu-open.v-view[data-state="3"] .main-nav-wrapper .narrow-wrapper, .no-preserve-3d body.menu-open.v-view[data-state="4"] .main-nav-wrapper .narrow-wrapper, .no-preserve-3d body.menu-open.h-view[data-state="2"] .main-nav-wrapper.copy .narrow-wrapper, .no-preserve-3d body.menu-open.h-view[data-state="3"] .main-nav-wrapper.copy .narrow-wrapper {
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	visibility: hidden;
	opacity: 0
}
.mp-top-side {
	background: #eeecea;
	text-align: center
}
.mp-top-side .inner {
	width: 100%;
	z-index: 2;
	position: absolute;
	top: 50%
}
.mp-top-side .inner.t-1-1 {
	height: 205px;
	margin-top: -102.5px
}
.mp-top-side .inner.t-1-3 {
	height: 75px;
	margin-top: -37.5px
}
.mp-top-side .inner.t-1-4 {
	height: 106px;
	margin-top: -53px
}
.mp-top-side .inner.t-1-5 {
	height: 142px;
	margin-top: -71px
}
.mp-top-side .inner.t-2-3 {
	height: 134px;
	margin-top: -67px
}
.mp-top-side .inner.t-2-4 {
	height: 203px;
	margin-top: -101.5px
}
.mp-top-side .inner.t-3-1 {
	height: 116px;
	margin-top: -58px
}
.mp-top-side .inner.t-3-2 {
	height: 135px;
	margin-top: -67.5px
}
.mp-top-side .inner.t-3-3 {
	height: 116px;
	margin-top: -59.5px
}
.mp-top-side .icon, .mp-top-side .section-name {
	width: 100%;
	position: absolute;
	left: 0
}
.mp-top-side .icon {
	color: #dc6728;
	line-height: 1;
	top: 0
}
.mp-top-side .square-icon {
	font-size: 122px
}
.mp-top-side .map-icon {
	font-size: 95px
}
.mp-top-side .table-icon {
	font-size: 55px
}
.mp-top-side .chair-icon {
	font-size: 94px
}
.mp-top-side .slippers-icon {
	font-size: 135px
}
.mp-top-side .top-icon {
	font-size: 74px
}
.mp-top-side .wall-icon {
	font-size: 66px
}
.mp-top-side .bath-icon {
	font-size: 78px
}
.mp-top-side .section-name {
	font-size: 22px;
	line-height: 26px;
	font-weight: 100;
	color: #000;
	bottom: 0
}
.mp-top-side .section-name.home {
	font-size: 24px;
	line-height: 32px;
	top: 0;
	bottom: auto
}
.mp-top-side .section-name.home:before {
	content: '';
	width: 78px;
	height: 1px;
	background: #c0bfbe;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -39px
}
.mp-top-side.orange .section-name {
	color: #fff
}
.mp-top-side.orange .section-name:before {
	background: #fff
}
.mp-top-side.black {
	background: #191919
}
.mp-top-side.black .section-name {
	color: #fff
}
.tile-item.big .mp-top-side .section-name {
	font-size: 34px
}
.mp-init .top.mp-top-side.orange, .mp-init .black {
	background: #eeecea
}
.mp-init .top.mp-top-side.orange .section-name, .mp-init .black .section-name {
	color: #000
}
.mp-init .top.mp-top-side.orange .section-name:before, .mp-init .black .section-name:before {
	background: #c0bfbe
}
.sp-side .inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}
.sp-side .series-info {
	height: 68px;
	width: 100%;
	line-height: 34px;
	color: #000;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 5;
	margin-top: -34px
}
.sp-side .series-name {
	font-size: 26px;
	font-weight: 400;
	position: relative;
	z-index: 1
}
.sp-side .series-name.double {
	margin-top: -34px
}
.sp-side .series-desc {
	font-size: 18px;
	font-weight: 300;
	position: relative;
	z-index: 1
}
.sp-top-side .inner.dark {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.sp-top-side .inner.dark:before {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(25,25,25,0.46);
	position: absolute;
	z-index: 2
}
.sp-top-side .series-info {
	color: #fff
}
.sp-top-side .series-name {
	font-size: 34px
}
.sp-top-side.orange .icon {
	font-size: 65px;
	line-height: 65px;
	text-align: center;
	width: 100%;
	margin-bottom: 12px
}
.sp-top-side.orange .series-info {
	color: #fff;
	height: 156px;
	width: 100%;
	margin-top: -78px;
	line-height: 32px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 5
}
.sp-top-side.orange .series-name {
	font-size: 24px;
	line-height: 38px;
	font-weight: 300
}
.sp-top-side.orange .series-desc {
	font-size: 14px;
	line-height: 20px
}
.ios7 .rotate:not(.init) .sp-top-side .inner.dark {
	-webkit-transform: translate3d(0, 0, 1em);
	-moz-transform: translate3d(0, 0, 1em);
	-ms-transform: translate3d(0, 0, 1em);
	-o-transform: translate3d(0, 0, 1em);
	transform: translate3d(0, 0, 1em)
}
.ios7 .tile-row:nth-child(1) {
	z-index: 3
}
.ios7 .tile-row:nth-child(2) {
	z-index: 2
}
.ios7 .tile-row:nth-child(3) {
	z-index: 1
}
.sp-front-side {
	background: #f5f5f5;
}
.sp-front-side .series-info {
	color: #000
}
.sp-front-side .inner {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.more-btn {
	font-size: 14px;
	line-height: 39px;
	color: #fff;
	height: 40px;
	width: 117px;
	display: block;
	text-decoration: none;
	position: absolute;
	bottom: -62px;
	left: 50%;
	margin-left: -58px;
	z-index: 1
}
.more-btn span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform .3s
}
.more-btn em {
	width: 100%;
	height: 100%;
	font-style: normal;
	position: absolute;
	left: 0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity .3s
}
.more-btn em:first-child {
	-webkit-box-shadow: inset 0 0 0 1px #fff;
	-moz-box-shadow: inset 0 0 0 1px #fff;
	box-shadow: inset 0 0 0 1px #fff;
	top: 0;
	opacity: 1
}
.more-btn em:last-child {
	top: 100%;
	opacity: 0;
	color: #000;
	background: #fff;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}
.more-btn:hover span {
	-webkit-transform: rotateX(90deg) translateY(-14px);
	-moz-transform: rotateX(90deg) translateY(-14px);
	-ms-transform: rotateX(90deg) translateY(-14px);
	-o-transform: rotateX(90deg) translateY(-14px);
	transform: rotateX(90deg) translateY(-14px)
}
.more-btn:hover em:first-child {
	opacity: 0
}
.more-btn:hover em:last-child {
	opacity: 1
}
.no-preserve-3d .more-btn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: .3s;
	-webkit-box-shadow: inset 0 0 0 0 #fff;
	-moz-box-shadow: inset 0 0 0 0 #fff;
	box-shadow: inset 0 0 0 0 #fff
}
.no-preserve-3d .more-btn:hover {
	color: #131313;
	-webkit-box-shadow: inset 116px 0 0 0 #fff;
	-moz-box-shadow: inset 116px 0 0 0 #fff;
	box-shadow: inset 116px 0 0 0 #fff
}
.no-preserve-3d .more-btn:hover span {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.no-preserve-3d .more-btn span {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none
}
.no-preserve-3d .more-btn span:before {
	display: none
}
.sp-pagination {
	width: 80%;
	height: 95px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -47.5px 0 0 -40%;
	z-index: 1
}
.sp-pagination .sp-arr {
	position: absolute;
	top: 0;
	z-index: 10
}
.sp-arr {
	width: 104px;
	height: 95px;
	display: block;
	position: relative
}
.sp-arr i {
	font-size: 95px;
	position: absolute;
	top: 0;
	overflow: hidden;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	transition: .4s
}
.sp-arr .bg {
	color: #221f53;
	z-index: 1;
	width: 100%
}
.sp-arr .fg {
	color: #191919;
	z-index: 2;
	width: 0
}
.sp-arr.prev {
	left: 0
}
.sp-arr.prev .bg {
	right: 0
}
.sp-arr.prev .bg:before {
	float: right
}
.sp-arr.prev .fg {
	left: 0
}
.sp-arr.next {
	right: 0
}
.sp-arr.next .bg {
	left: 0
}
.sp-arr.next .fg {
	right: 0
}
.sp-arr.next .fg:before {
	float: right
}
.sp-arr:not(.unactive):hover i {
	-webkit-transform: scaleY(.8);
	-moz-transform: scaleY(.8);
	-ms-transform: scaleY(.8);
	-o-transform: scaleY(.8);
	transform: scaleY(.8)
}
.sp-arr:not(.unactive):hover .bg {
	width: 0
}
.sp-arr:not(.unactive):hover .fg {
	width: 100%
}
.sp-arr.unactive {
	cursor: default
}
.sp-arr.unactive i {
	color: #d6d0ca
}
.sp-dots {
	display: table;
	margin-top: 150px !important;
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}
.sp-dots li {
	width: 7px;
	height: 7px;
	background: #d6d0ca;
	border-radius: 100%;
	margin: 0 6px;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background .3s;
	display: table-cell
}
.sp-dots li:not(.unactive):hover, .sp-dots li.active {
	background: #f77845
}
.sp-dots li.unactive {
	cursor: default
}
.small-tile .sp-pagination {
	height: 60px;
	margin-top: -30px
}
.small-tile .sp-arr {
	width: 66px;
	height: 60px
}
.small-tile .sp-arr i {
	font-size: 60px
}
.small-tile .more-btn {
	bottom: -50px
}
.small-tile .sp-top-side .series-name {
	font-size: 28px;
	line-height: 34px
}
.small-tile .sp-dots {
	margin-top: 90px !important
}
.mfp-front-side {
	background: #f5f5f5;
}
.mfp-front-side .mfp-intro {
	padding: 0 8%;
	position: relative
}
.mfp-front-side .inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}
.mfp-front-side .inner:not(.not3d) {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.mfp-front-side .inner.mfp-intro {
	width: auto !important;
	height: auto !important;
	top: 8% !important;
	left: 8% !important;
	bottom: 8% !important;
	right: 4% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 4% 0 0;
	overflow: hidden
}
.mfp-front-side .inner.mfp-intro .ps-scrollbar-y-rail {
	right: 2px !important
}
.mfp-front-side h1 {
	font-size: 60px;
	line-height: 1;
	font-weight: 700
}
.mfp-front-side h1.right {
	text-align: right
}
.mfp-front-side h1.right~.sub-title {
	text-align: right
}
.mfp-front-side .sub-title {
	font-size: 26px;
	line-height: 34px;
	font-weight: 100;
	margin-bottom: 8%
}
.mfp-front-side p {
	font-size: 15px;
	line-height: 24px;
	font-weight: 300
}
.mfp-front-side.shadow:before {
	content: '';
	height: 38px;
	background-image: url('../img/desc_bg.png');
	background-repeat: repeat-x;
	position: absolute;
	left: 8%;
	right: 8%;
	bottom: 4%;
	z-index: 5
}
.mfp-front-side .end {
	height: 28px
}
.mfp-products-list {
	margin: 5% 0 6% 0 !important;
*zoom:1
}
.mfp-products-list:before, .mfp-products-list:after {
	display: table;
	content: "";
	line-height: 0
}
.mfp-products-list:after {
	clear: both
}
.mfp-products-list .fl {
	float: left
}
.mfp-products-list .fl.pull-right {
	float: right
}
.mfp-products-list .fr {
	float: right
}
.mfp-products-list li {
	font-size: 16px;
	line-height: 18px;
	float: left;
	margin: 2% 8% 2% 0
}
.mfp-products-list .item {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	color: #2b2b2b;
	text-decoration: none;
	position: relative
}
.mfp-products-list .item:before {
	content: '';
	width: 100%;
	height: 2px;
	background: #dad7d5;
	position: absolute;
	left: 50%;
	bottom: -4px;
	z-index: -1;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: height .2s .1s, opacity .1s;
	-moz-transition: height .2s .1s, opacity .1s;
	-o-transition: height .2s .1s, opacity .1s;
	transition: height .2s .1s, opacity .1s
}
.mfp-products-list .item.hover:before {
	height: 26px;
	opacity: 0;
	-webkit-transition: height .2s, opacity .1s .2s;
	-moz-transition: height .2s, opacity .1s .2s;
	-o-transition: height .2s, opacity .1s .2s;
	transition: height .2s, opacity .1s .2s
}
.link-wrapper {
	font-size: 13px;
	line-height: 16px;
	white-space: pre-wrap;
	word-break: break-all;
	max-width: 234px;
	border-radius: 2px;
	-webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
	background: #fff;
	color: #000;
	text-decoration: none;
	padding: 17px 30px 17px 75px;
	background-image: url('../img/link.png');
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: -30px 50%;
	position: absolute;
	z-index: 1000;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s;
	-moz-transition: visibility 0s;
	-o-transition: visibility 0s;
	transition: visibility 0s;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

@media all and (-webkit-min-device-pixel-ratio:1.5) {
.link-wrapper {
	background-image: url('../img/link%402x.png')
}
}
.link-wrapper.scale {
	-webkit-transform: scale(.5);
	-moz-transform: scale(.5);
	-ms-transform: scale(.5);
	-o-transform: scale(.5);
	transform: scale(.5)
}
.link-wrapper.show {
	opacity: 1;
	visibility: visible;
	background-position: 30px 50%;
	-webkit-transform: scale(1) translateY(-95%);
	-moz-transform: scale(1) translateY(-95%);
	-ms-transform: scale(1) translateY(-95%);
	-o-transform: scale(1) translateY(-95%);
	transform: scale(1) translateY(-95%);
	-webkit-transition: -webkit-transform .3s, opacity .3s, visibility .1s, background-position .3s;
	-moz-transition: -moz-transform .3s, opacity .3s, visibility .1s, background-position .3s;
	-o-transition: -o-transform .3s, opacity .3s, visibility .1s, background-position .3s;
	transition: transform .3s, opacity .3s, visibility .1s, background-position .3s
}
.mfp-back {
	font-size: 14px;
	line-height: 21px;
	font-weight: 400;
	text-align: center
}
.mfp-back .sp-arr {
	margin: 0 auto 30px auto
}
.link-inner {
	text-align: center
}
.link-inner .icon-wrapper {
	position: relative;
	margin: 0 auto 9px auto
}
.link-inner .icon {
	line-height: 1;
	display: block;
	width: 100%;
	overflow: hidden;
	position: absolute;
	-webkit-transition: height 0.4s;
	-moz-transition: height 0.4s;
	-o-transition: height 0.4s;
	transition: height .4s
}
.link-inner .icon:before {
	position: absolute;
	left: 0
}
.link-inner.contacts-link .icon-wrapper {
	width: 157px;
	height: 95px
}
.link-inner.contacts-link .icon {
	font-size: 95px
}
.link-inner.shop-link .icon-wrapper {
	width: 84px;
	height: 64px
}
.link-inner.shop-link .icon {
	font-size: 64px
}
.link-inner .bg {
	color: #221f53;
	height: 100%;
	top: 0;
	z-index: 1
}
.link-inner .bg:before {
	top: 0
}
.link-inner .fg {
	color: #191919;
	height: 0;
	bottom: 0;
	z-index: 2
}
.link-inner .fg:before {
	bottom: 0
}
.link-inner:hover .bg {
	height: 0
}
.link-inner:hover .fg {
	height: 100%
}
.link-inner .link-name {
	font-size: 22px;
	line-height: 42px;
	font-weight: 300;
	color: #121212
}
.mfp-desc {
	width: auto !important;
	height: auto !important;
	top: 8% !important;
	left: 8% !important;
	bottom: 8% !important;
	right: 4% !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 4%;
	overflow: hidden
}
.mfp-desc h2 {
	font-size: 28px;
	line-height: 34px;
	font-weight: 700;
	margin-bottom: 4%
}
.mfp-desc h3 {
	font-size: 20px;
	line-height: 24px;
	font-weight: 100;
	margin: 3% 0 2% 0
}
.small-tile .mfp-front-side .mfp-intro {
	padding: 0 7%
}
.small-tile .mfp-front-side .inner.mfp-intro {
	padding: 0 4% 0 0
}
.small-tile .mfp-front-side h1 {
	font-size: 40px
}
.small-tile .mfp-front-side .sub-title {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 4%
}
.small-tile .mfp-front-side p {
	line-height: 22px
}
.small-tile .mfp-front-side .products-list li {
	font-size: 15px;
	line-height: 17px;
	margin: 1% 8% 1% 0
}
.small-tile .mfp-front-side .products-list .item {
	font-size: 15px;
	line-height: 17px
}
.ap h1 {
	margin-bottom: 8%
}
.ap p {
	margin-bottom: 4%
}
.ap-time {
	font-size: 16px;
	line-height: 42px;
	font-weight: 300;
	text-align: center
}
.ap-time b {
	line-height: 28px;
	font-weight: 400;
	display: block
}
.ap-time i {
	font-size: 70px;
	line-height: 1;
	color: #221f53;
	margin-bottom: 13px
}
.small-tile .ap-time {
	font-size: 15px;
	line-height: 32px
}
.small-tile .ap-time b {
	line-height: 26px
}
.small-tile .ap-time i {
	font-size: 65px;
	margin-bottom: 0
}
.cp-info-row {
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	color: #2b2b2b
}
.cp-info-row:nth-of-type(1) {
	margin-bottom: 28px
}
.cp-info-row:nth-of-type(2) {
	margin-bottom: 34px
}
.cp-info-row:nth-of-type(3) {
	margin-bottom: 37px
}
.cp-info-row .icon-cell {
	width: 57px
}
.cp-info-row .icon {
	line-height: 1;
	color: #e06332;
	cursor: default
}
.cp-info-row .pin-icon {
	font-size: 48px
}
.cp-info-row .phone-icon {
	font-size: 44px
}
.cp-info-row .mail-icon {
	font-size: 33px
}
.cp-info-row .clock-icon {
	font-size: 42px;
	margin-top: 6px
}
.cp-info-row b {
	font-weight: 400
}
.cp-info-row .email {
	color: #2b2b2b
}
.cp-info-row .email:hover {
	color: #e06332
}
.contacts-page .canarycube-wrapper .front {
	-webkit-backface-visibility: hidden
}
.contacts-page .tile-row {
	position: static
}
.map-wrapper {
	overflow: hidden;
	position: absolute;
	bottom: 4px;
	right: 4px;
	z-index: 1
}
.map-wrapper .map {
	width: 100%;
	height: 100%;
	background-color: transparent !important;
	position: absolute;
	z-index: 1
}
.map-wrapper .map-line {
	background: #fff;
	position: absolute;
	z-index: 2
}
.map-wrapper .map-line.h {
	height: 8px;
	right: 0
}
.map-wrapper .map-line.v {
	width: 8px;
	top: 0
}
.tile-item.hidden {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s, visibility .3s;
	-moz-transition: opacity .3s, visibility .3s;
	-o-transition: opacity .3s, visibility .3s;
	transition: opacity .3s, visibility .3s
}
.tile-item.hidden .side.top {
	display: none
}
.small-tile .cp-info-row {
	font-size: 16px
}
.small-tile .cp-info-row:nth-of-type(1) {
	margin-bottom: 16px
}
.small-tile .cp-info-row:nth-of-type(2) {
	margin-bottom: 22px
}
.small-tile .cp-info-row:nth-of-type(3) {
	margin-bottom: 25px
}
.page-loader {
	background-color: #fff;
	background-image: url('../img/logo@2x.png');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2000;
	display: none
}
.page-loader.show {
	display: block
}
body.loading .page-loader {
	display: block
}
.block-wrapper {
	background-color: rgba(0,0,0,0.88);
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 3000;
	display: none
}
.block-wrapper .msg {
	font-size: 30px;
	line-height: 1;
	font-weight: 300;
	color: #fff;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 50% 0;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: none
}
.block-wrapper .msg-mobile {
	width: 330px;
	padding-top: 300px;
	background-image: url('../img/rotate_m.png');
	background-size: 277px 249px
}

@media all and (-webkit-min-device-pixel-ratio:1.5) {
.block-wrapper .msg-mobile {
	background-image: url('../img/rotate_m%402x.png')
}
}
.block-wrapper .msg-desktop {
	width: 300px;
	padding-top: 300px;
	background-image: url('../img/rotate.png');
	background-size: 229px 230px
}

@media all and (-webkit-min-device-pixel-ratio:1.5) {
.block-wrapper .msg-desktop {
	background-image: url('../img/rotate%402x.png')
}
}
.block-wrapper.mobile-block {
	display: block
}
.block-wrapper.mobile-block .msg-mobile {
	display: block
}
.block-wrapper.desktop-block {
	display: block
}
.block-wrapper.desktop-block .msg-desktop {
	display: block
}
.old-browser {
	background: #f3f5f2;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 3000;
	display: none
}
.old-browser .msg {
	width: 940px;
	text-align: justify;
	margin: 200px auto 0 auto;
	font-weight: 400
}
.old-browser .msg p {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px
}
.old-browser h3 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 15px;
	font-weight: 400;
	text-align: center
}
.old-browser .browsers {
*zoom:1;
	width: 482px;
	margin: 0 auto
}
.old-browser .browsers:before, .old-browser .browsers:after {
	display: table;
	content: "";
	line-height: 0
}
.old-browser .browsers:after {
	clear: both
}
.old-browser .browsers .fl {
	float: left
}
.old-browser .browsers .fl.pull-right {
	float: right
}
.old-browser .browsers .fr {
	float: right
}
.old-browser .browsers li {
	float: left;
	margin: 0 10px
}
.old-browser .browsers a {
	width: 100px;
	height: 100px;
	display: block
}
.old-browser .browsers .chrome {
	background-image: url('../img/browsers-logo/browser_chrome.jpg')
}
.old-browser .browsers .firefox {
	background-image: url('../img/browsers-logo/browser_firefox.jpg')
}
.old-browser .browsers .opera {
	background-image: url('../img/browsers-logo/browser_opera.jpg')
}
.old-browser .browsers .msie {
	background-image: url('../img/browsers-logo/browser_msie.jpg')
}
.ie8 .old-browser, .yaBrowser-old .old-browser {
	display: block
}