.c-menu-trigger:active, .c-menu-trigger:focus, .c-share__item .o-share-button:active, .c-share__item .o-share-button:focus, .o-button:active, .o-button:focus, a:active, a:hover {
	outline: 0
}
.c-collections--horizontal .c-collections-list:after, .c-contact-form:after, .c-contact-form__row:after, .c-lang-selector:after, .c-press__inner:after, .c-row:after, .c-share:after, .c-share__list:after, .c-social-list ul:after, .o-cookie-bar__content:after, .o-input--checkbox:after, .o-menu__foot:after, .o-page-internal__body:after, .u-clearfix:after {
	content: '';
	display: table;
	clear: both
}
.c-menu-trigger:after, .o-checkbox-outer .o-checkbox-hack:before, .o-ico, [data-ico]::after {
	display: inline-block;
	margin-right: .2em;
	margin-left: .2em;
	font-family: icomoon;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.c-mosaic-explore a, .o-link {
	perspective: 100px
}
.c-mosaic-explore a:after, .c-mosaic-explore a:before, .o-link:after, .o-link:before {
	content: '';
	position: absolute;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 1px;
	width: 35%;
	background: #ccc;
	transition: all .3s ease-out
}
.c-mosaic-explore a:before, .o-link:before {
	top: 0
}
.c-mosaic-explore a:after, .o-link:after {
	bottom: 0
}
.c-mosaic-explore .no-touch a:hover:after, .c-mosaic-explore .no-touch a:hover:before, .no-touch .c-mosaic-explore a:hover:after, .no-touch .c-mosaic-explore a:hover:before, .no-touch .o-link:hover:after, .no-touch .o-link:hover:before {
	transform: translateX(-50%) rotateY(-180deg);
	width: 100%
}
.c-menu-trigger, .c-share__item .o-share-button, .o-button {
	padding: 0;
	margin: 0;
	border: 0;
	background: 0 0
}
.o-cookie-bar__content .o-cookie-bar__button, .o-not-found .o-button {
	width: 100%;
	display: block;
	padding: 0;
	position: relative;
	border-radius: 0;
	line-height: 42px;
	border: 2px solid #fff;
	text-transform: uppercase;
	background: 0 0;
	font-size: 1.4rem;
	letter-spacing: .06em;
	color: #fff;
	height: 42px;
	transition: all .2s ease
}
a, body {
	color: #333
}
.c-gallery__button--next .o-ico, .c-gallery__button--prev .o-ico, .c-mosaic__navigator .o-ico, .c-news__button--next .o-ico, .c-news__button--prev .o-ico, .c-slider__navigator .o-ico {
	transition: all .3s ease
}

@media (min-width:48em) {
.o-cookie-bar__content .o-cookie-bar__button, .o-not-found .o-button {
	width: auto;
	display: inline-block;
	padding: 0 3em
}
}
legend, td, th, ul {
	padding: 0
}
.no-touch .o-cookie-bar__content .o-cookie-bar__button:hover, .no-touch .o-not-found .o-button:hover, .o-cookie-bar__content .no-touch .o-cookie-bar__button:hover, .o-not-found .no-touch .o-button:hover {
	color: #333;
	background: #fff
}
.o-page-internal:after {
	content: '';
	display: none;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translateZ(0);
	background: linear-gradient(to bottom, rgba(51,51,51,.1) 0, transparent 15%)
}
.c-mosaic-caption, .c-slider__caption, .o-button.has-shadow {
	box-shadow: 0 1px 2px rgba(51,51,51,.25)
}
.no-touch .o-button.hover--zoom:hover>* {
	animation: button-hover .45s linear;
	-ms-transform: scale(1.2);
	transform: scale(1.2)
}
.c-gallery__button--back, .o-show-collections {
	position: absolute;
	bottom: 2rem;
	right: 2rem;
	z-index: 15;
	text-align: center
}

@media (min-width:75em) {
.c-gallery__button--back, .o-show-collections {
	bottom: auto;
	right: auto;
	left: 50%;
	top: 3rem;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
}
.c-gallery__button--back .o-ico, .o-show-collections .o-ico {
	font-size: 2rem;
	margin: 0;
	line-height: inherit;
	transition: all .3s ease
}
.c-gallery__button--back .o-button, .o-show-collections .o-button {
	cursor: pointer
}
.c-gallery__button--next, .c-gallery__button--prev, .c-news__button--next, .c-news__button--prev {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}

@media (min-width:75em) {
.c-gallery__button--next, .c-gallery__button--prev, .c-news__button--next, .c-news__button--prev {
	-ms-transform: translateY(0);
	transform: translateY(0)
}
}
.c-gallery__button--prev, .c-news__button--prev {
	left: 2rem
}

@media (min-width:75em) {
.c-gallery__button--prev, .c-news__button--prev {
	top: 25%
}
}
.c-gallery__button--next, .c-news__button--next {
	right: 2rem
}

@media (min-width:75em) {
.c-gallery__button--next, .c-news__button--next {
	top: 75%
}
}
.c-collections--horizontal .c-collections-item .o-big-text {
	text-transform: uppercase;
	letter-spacing: .3em
}
.c-collections--horizontal .c-collections-item .o-big-text span {
	display: block;
	white-space: nowrap
}
.c-mosaic__navigator, .c-slider__navigator {
	position: absolute
}
.top.c-mosaic__navigator, .top.c-slider__navigator {
	top: 1rem;
	left: 1rem
}
.no-touch .top.c-mosaic__navigator:hover .o-ico, .no-touch .top.c-slider__navigator:hover .o-ico {
	-ms-transform: translateY(-.5em);
	transform: translateY(-.5em)
}
.bottom.c-mosaic__navigator, .bottom.c-slider__navigator {
	bottom: 1rem;
	right: 1rem
}
.no-touch .bottom.c-mosaic__navigator:hover .o-ico, .no-touch .bottom.c-slider__navigator:hover .o-ico {
	-ms-transform: translateY(.5em);
	transform: translateY(.5em)
}
.u-mobile-only {
	display: block
}

@media (min-width:48em) {
.u-mobile-only {
	display: none
}
}
.u-s-tablet-only {
	display: none
}

@media (min-width:48em) {
.u-s-tablet-only {
	display: block
}
}

@media (min-width:62em) {
.u-s-tablet-only {
	display: none
}
}
.u-s-tablet-above {
	display: none
}

@media (min-width:48em) {
.u-s-tablet-above {
	display: block
}
}
.u-b-tablet-above {
	display: none
}

@media (min-width:62em) {
.u-b-tablet-above {
	display: block
}
}
.u-until-b-tablet {
	display: block
}

@media (min-width:62em) {
.u-until-b-tablet {
	display: none
}
}
.u-until-desktop {
	display: block
}

@media (min-width:75em) {
.u-until-desktop {
	display: none
}
}
.u-desktop-above {
	display: none
}

@media (min-width:75em) {
.u-desktop-above {
	display: block
}
}
.o-menu:after, .o-not-found .u-table-cell:after, .u-bg-image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}
.u-table {
	display: table;
	width: 100%;
	height: 100%
}
.u-table-cell {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.u-text-center {
	text-align: center
}
.u-table-center {
	display: table;
	margin: 0 auto
}
body, ul {
	margin: 0
}
.u-has-grab {
	cursor: grab!important
}
.u-is-grabbing {
	cursor: grabbing!important
}
.u-below-desktop-scroll {
	overflow-y: auto;
	overflow-x: hidden
}

@media (min-width:75em) {
.u-below-desktop-scroll {
	overflow: visible
}
}
.u-upper-desktop-scroll {
	overflow: visible
}

@media (min-width:75em) {
.u-upper-desktop-scroll {
	overflow-y: auto;
	overflow-x: hidden
}
}
.a-reveal, svg:not(:root) {
	overflow: hidden
}
.a-reveal {
	position: relative
}
.a-reveal__inner {
	position: absolute;
	display: block;
	top: 0;
	height: 50%;
	width: 100%;
	left: 0;
	z-index: 10;
	background: #fff
}
.o-address a[href^="mailto:"], .o-big-text.has--hover, .o-input--checkbox a, .o-small-text.has--hover, sub, sup {
	position: relative
}
.a-reveal__inner+.a-reveal__inner {
	top: auto;
	bottom: 0
}
@keyframes button-loading {
0% {
width:0
}
30% {
width:50%
}
70% {
width:80%
}
100% {
width:100%
}
}
@keyframes button-hover {
0% {
transform:scale(1);
opacity:1
}
65% {
transform:scale(1.3);
opacity:0
}
70% {
transform:scale(0);
opacity:0
}
100% {
transform:scale(1.2);
opacity:1
}
}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: transparent;
	text-decoration: none
}
abbr[title] {
	border-bottom: 1px dotted
}
b, optgroup, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0;
	max-width: 100%
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre, textarea {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
.c-mosaic, .c-mosaic__media, .c-slider, .c-slider__media, .o-close-up, .o-cookie-bar, .o-page-body {
	overflow: hidden
}
button, select {
	text-transform: none
}
.o-small-text, .o-title {
	text-transform: uppercase
}
.c-slider__media {
	overflow: visible !important;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.c-column {
	float: left
}
.c-column.column--float-r {
	float: right
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	font-size: 62.5%
}
*, :after, :before {
	box-sizing: border-box
}
* {
	-webkit-tap-highlight-color: transparent
}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
img {
	max-width: none;
	width: 100%
}
}
ul {
	list-style-type: none
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: 400
}
.o-address a[href^="mailto:"]:before, .o-big-text.has--hover:before, .o-input--checkbox a:before, .o-small-text.has--hover:before {
	content: '';
	display: inline-block;
	position: absolute;
	z-index: 10;
	bottom: -3px;
	left: 50%;
	width: 0;
	height: 1px;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	transition: all .25s ease;
	background: #333
}
.c-home-paginator p .bar, .c-home-paginator p .bottom, .c-home-paginator p .top, .c-mosaic-counter p .bar, .c-mosaic-counter p .bottom, .c-mosaic-counter p .top {
	transition: transform .2s ease-out;
	display: inline-block
}
.no-touch .o-address a[href^="mailto:"]:hover:before, .no-touch .o-big-text.has--hover:hover:before, .no-touch .o-input--checkbox a:hover:before, .no-touch .o-small-text.has--hover:hover:before, .o-address .no-touch a[href^="mailto:"]:hover:before, .o-input--checkbox .no-touch a:hover:before {
	width: 80%
}
.o-big-text.has--underline {
	position: relative;
	display: inline-block
}
.o-big-text.has--underline:before {
	content: '';
	position: absolute;
	z-index: 10;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #333
}
.c-slider, .c-slider__nav {
	top: 0;
	height: 100%;
	left: 0;
	width: 100%;
	position: absolute;
	z-index: -1;
}
.o-small-text {
	font-size: 1rem;
	letter-spacing: .2em
}

@media screen and (min-width:1200px) {
.o-small-text {
	font-size: .9rem
}
}
.c-home-paginator p, .o-link, .o-medium-text {
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: .3em
}

@media screen and (min-width:768px) {
.c-home-paginator p, .o-link, .o-medium-text {
	font-size: 1.5rem
}
}

@media screen and (min-width:1200px) {
.c-home-paginator p, .o-link, .o-medium-text {
	font-size: 1.4rem
}
}
.o-big-text {
	font-size: 3rem;
	letter-spacing: .1em
}

@media screen and (min-width:768px) {
.o-big-text {
	font-size: 3.6rem
}
}

@media screen and (min-width:1200px) {
.o-big-text {
	font-size: 4.2rem
}
}

@media screen and (min-width:992px) {
.o-big-text {
	letter-spacing: .05em
}
}
.o-title {
	font-size: 3.2rem;
	letter-spacing: .25em;
	word-break: break-all;
	margin: 0em 0
}

@media screen and (min-width:768px) {
.o-title {
	font-size: 3rem
}
}
.c-news__title .o-big-text, .o-text-cite {
	font-size: 2.2rem;
	line-height: 1.6em;
	letter-spacing: .05em
}

@media screen and (min-width:768px) {
.c-news__title .o-big-text, .o-text-cite {
	font-size: 3rem
}
}

@media screen and (min-width:1200px) {
.c-news__title .o-big-text, .o-text-cite {
	font-size: 3.8rem
}
}
.c-company .o-medium-text, .c-news__body .o-medium-text, .c-privacy .o-medium-text {
	font-size: 1.4rem;
	margin: 0;
	text-transform: none;
	letter-spacing: 0px;
	line-height: 1.9em
}

@media screen and (min-width:768px) {
.c-company .o-medium-text, .c-news__body .o-medium-text, .c-privacy .o-medium-text {
	font-size: 1.6rem
}
}

@media screen and (min-width:1200px) {
.c-company .o-medium-text, .c-news__body .o-medium-text, .c-privacy .o-medium-text {
	font-size: 1.6rem
}
}
.o-text-cite {
	font-style: normal;
	margin: 2em 0 1em
}
@font-face {
	font-family: icomoon;
	src: url(/assets/fonts/icomoon.eot?-8nuhea);
	src: url(/assets/fonts/icomoon.eot?#iefix-8nuhea) format("embedded-opentype"), url(/assets/fonts/icomoon.ttf?-8nuhea) format("truetype"), url(/assets/fonts/icomoon.woff?-8nuhea) format("woff"), url(/assets/fonts/icomoon.svg?-8nuhea#icomoon) format("svg");
	font-weight: 400;
	font-style: normal
}
.c-company .o-medium-text, .c-news__body .o-medium-text, .c-privacy .o-medium-text, .o-address .text--bold, .o-big-text, .o-input, .o-text-cite, .o-title {
	font-family: "Playfair Display", serif;
	font-weight: 400;
	margin-bottom: 25px;
}
.c-privacy strong {
	font-family: "Playfair Display", serif;
	font-weight: 700
}
html {
	font-family: Roboto, sans-serif !important;
	font-weight: 300
}
.c-menu-row span, .o-cookie-bar__content .o-cookie-bar__button, .o-form-button .o-button, .o-link, .o-medium-text.text--bold, .o-not-found .o-button, .o-small-text.text--bold {
	font-family: Roboto, sans-serif;
	font-weight: 700
}
.o-ico--twitter::before, [data-ico~=twitter]::after {
	content: ""
}
.o-ico--facebook::before, [data-ico~=facebook]::after {
	content: ""
}
.o-ico--arrow-right::before, [data-ico~=arrow-right]::after {
	content: ""
}
.o-ico--checkmark::before, [data-ico~=checkmark]::after {
	content: ""
}
.o-ico--collections::before, [data-ico~=collections]::after {
	content: ""
}
.o-ico--play::before, [data-ico~=play]::after {
	content: ""
}
.o-ico--stop::before, [data-ico~=stop]::after {
	content: ""
}
.o-ico--all-collections::before, [data-ico~=all-collections]::after {
	content: ""
}
.o-ico--arrow-left::before, [data-ico~=arrow-left]::after {
	content: ""
}
.o-ico--cross::before, [data-ico~=cross]::after {
	content: ""
}
.o-ico--indicator::before, [data-ico~=indicator]::after {
	content: ""
}
.o-ico--arrow-down::before, [data-ico~=arrow-down]::after {
	content: ""
}
.o-ico--arrow-up::before, [data-ico~=arrow-up]::after {
	content: ""
}
.c-slider {
	z-index: 10
}
.c-slider__nav {
	background-color: #f7f7f7
}
.c-slider__media {
	position: absolute;
	top: 15%;
	left: 0;
	width: 100%;
	height: 65%
}
.c-slider__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}
.c-slider__message {
	height: 30%;
	z-index: 1;
}

@media (min-width:48em) {
.c-slider__message {
	height: 50%;
	z-index: 1;
}
}
.c-slider__caption {
	position: absolute;
	z-index: 35;
	top: 25%;
	left: 15%;
	height: 50%;
	width: 70%;
	padding: 0 5%;
	background: #fff;
	opacity: 0.5;
}

@media (min-width:48em) {
.c-slider__caption {
	left: 50%;
	top: 28%;
	width: 396px;
	height: 350px;
	-ms-transform: translate(-210px, -210px);
	transform: translate(-210px, -210px);
	padding: 0 3rem;
	z-index: 999999;
}
}
.c-slider__caption:hover .c-home-paginator p .top {
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}
.c-slider__caption:hover .c-home-paginator p .bottom {
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}
.c-slider__caption:hover .c-home-paginator p .bar {
	display: inline-block;
	width: 1px;
	height: .9rem;
	background-color: #333;
	-ms-transform: rotate(90deg) scale(1);
	transform: rotate(90deg) scale(1)
}
.no-touch .c-slider__navigator.top:hover .o-ico {
	-ms-transform: translateX(-.5em);
	transform: translateX(-.5em)
}
.no-touch .c-slider__navigator.bottom:hover .o-ico {
	-ms-transform: translateX(.5em);
	transform: translateX(.5em)
}
.c-home-paginator {
	line-height: 44px;
	top: 1.5rem;
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1
}

@media screen and (min-width:1200px) {
.c-home-paginator {
	line-height: 50px
}
}
.c-home-paginator p {
	display: inline-block;
	line-height: 44px
}

@media screen and (min-width:1200px) {
.c-home-paginator p {
	line-height: 50px
}
}
.c-home-paginator p .top {
	-ms-transform: translateX(-20%);
	transform: translateX(-20%)
}
.c-home-paginator p .bottom {
	-ms-transform: translateX(20%);
	transform: translateX(20%)
}
.c-home-paginator p .bar {
	width: 1px;
	height: .9rem;
	background-color: #333;
	-ms-transform: rotate(20deg) scale(1, 1);
	transform: rotate(20deg) scale(1, 1)
}
.c-paginator__link {
	bottom: 1.5rem;
	position: absolute;
	left: 0;
	right: 0
}
.c-paginator__item {
	position: relative
}
.c-paginator__item.item--counter:before {
	content: '/';
	padding-right: .5em
}
.o-close-up {
	position: absolute;
	width: 75px;
	z-index: 30;
	-ms-transform-origin: left top;
	transform-origin: left top
}
.o-close-up__media {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-repeat: no-repeat
}
.close-up--top {
	top: -25px;
	right: 270px;
	height: 125px
}
.close-up--top .o-close-up__media {
	background-position: 75% 0
}
.close-up--mid {
	top: 115px;
	left: 270px;
	height: 250px
}
.close-up--mid .o-close-up__media {
	background-position: 20% 16%
}
.close-up--bottom {
	top: 50%;
	right: 80px;
	height: 250px;
	margin-top: -125px
}
.c-mosaic, .c-mosaic__media, .c-mosaic__media .mask {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute
}
.close-up--bottom .o-close-up__media {
	background-position: 10% 50%
}
.c-mosaic {
	z-index: 10
}
.c-mosaic__media .mask {
	background: #fff
}
.no-touch .c-mosaic__navigator.top:hover .o-ico {
	-ms-transform: translateX(-.5em);
	transform: translateX(-.5em)
}
.no-touch .c-mosaic__navigator.bottom:hover .o-ico {
	-ms-transform: translateX(.5em);
	transform: translateX(.5em)
}
.c-mosaic-caption {
	position: absolute;
	top: 50%;
	height: 150px;
	left: 15%;
	right: 15%;
	padding: 0 5%;
	-ms-transform: translateY(-75px);
	transform: translateY(-75px);
	background: #fff;
	text-align: center;
	z-index: 15
}

@media (min-width:48em) and (max-width:61.99em) {
.c-mosaic-caption {
	height: 200px;
	-ms-transform: translateY(-100px);
	transform: translateY(-100px)
}
}

@media (min-width:75em) {
.c-mosaic-caption {
	top: 33.3333333333%;
	left: 33.3333333333%;
	width: 33.3333333333%;
	height: 33.3333333333%;
	-ms-transform: translateY(0);
	transform: translateY(0)
}
}
.c-mosaic-caption .o-small-text {
	margin: 0;
	line-height: 1.8em
}
.c-mosaic-caption:hover .c-mosaic-counter p .top {
	-ms-transform: translateX(-100%);
	transform: translateX(-100%)
}
.c-mosaic-caption:hover .c-mosaic-counter p .bottom {
	-ms-transform: translateX(100%);
	transform: translateX(100%)
}
.c-mosaic-caption:hover .c-mosaic-counter p .bar {
	display: inline-block;
	width: 1px;
	height: .9rem;
	background-color: #333;
	-ms-transform: rotate(90deg) scale(1);
	transform: rotate(90deg) scale(1)
}
.c-mosaic-counter {
	line-height: 44px;
	top: 1rem;
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1
}

@media screen and (min-width:1200px) {
.c-mosaic-counter {
	line-height: 50px
}
}
.c-mosaic-counter p {
	display: inline-block;
	line-height: 44px
}

@media screen and (min-width:1200px) {
.c-mosaic-counter p {
	line-height: 50px
}
}
.c-mosaic-counter p .top {
	-ms-transform: translateX(-20%);
	transform: translateX(-20%)
}
.c-mosaic-counter p .bottom {
	-ms-transform: translateX(20%);
	transform: translateX(20%)
}
.c-mosaic-counter p .bar {
	width: 1px;
	height: .9rem;
	background-color: #333;
	-ms-transform: rotate(20deg) scale(1, 1);
	transform: rotate(20deg) scale(1, 1)
}
.c-mosaic-explore {
	line-height: 44px;
	bottom: 1rem;
	position: absolute;
	left: 0;
	right: 0
}

@media screen and (min-width:1200px) {
.c-mosaic-explore {
	line-height: 50px
}
}
.c-mosaic-explore a {
	display: inline-block;
	padding: 5px
}
.c-mosaic__media.mosaic--simple .c-mosaic__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%
}
.c-mosaic__media.mosaic--simple .c-mosaic__image+.c-mosaic__image {
	top: 50%
}
.c-mosaic__media.mosaic--composite .c-mosaic__image {
	position: absolute
}
.c-mosaic__media.mosaic--composite .c-mosaic__image:nth-child(1) {
	top: 0;
	left: 0;
	width: 100%;
	height: 50%
}

@media (min-width:75em) {
.c-mosaic__media.mosaic--composite .c-mosaic__image:nth-child(1) {
	width: 66.6666666667%;
	height: 33.3333333333%;
	top: 0;
	left: 0
}
}
.c-mosaic__media.mosaic--composite .c-mosaic__image:nth-child(2) {
	top: 50%;
	left: 0;
	width: 100%;
	height: 50%
}

@media (min-width:75em) {
.c-mosaic__media.mosaic--composite .c-mosaic__image:nth-child(2) {
	width: 33.3333333333%;
	height: 66.6666666667%;
	top: 0;
	right: 0;
	left: auto;
	bottom: auto
}
}
.c-mosaic__media.mosaic--composite .c-mosaic__image:nth-child(3) {
	display: none
}

@media (min-width:75em) {
.c-mosaic__media.mosaic--composite .c-mosaic__image:nth-child(3) {
	display: block;
	width: 66.6666666667%;
	height: 33.3333333333%;
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	z-index: 2
}
}
.c-mosaic__media.mosaic--composite .c-mosaic__image:nth-child(4) {
	display: none
}

@media (min-width:75em) {
.c-mosaic__media.mosaic--composite .c-mosaic__image:nth-child(4) {
	display: block;
	width: 33.3333333333%;
	height: 66.6666666667%;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	z-index: 1
}
}
.c-gallery, .c-gallery__image, .c-gallery__media {
	width: 100%;
	height: 100%
}
.titles-container {
	position: relative;
	padding-bottom: 3.4rem;
	display: block
}
.titles-container .mask-transition {
	opacity: 1;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: opacity .3s linear;
	opacity: 1
}
.c-gallery .c-paginator, .c-gallery__meta {
	position: absolute;
	bottom: 2rem;
	z-index: 15
}
.titles-container .mask-transition.mask-enter, .titles-container .mask-transition.mask-leave {
	transition: opacity .3s linear;
	opacity: 0
}
.c-gallery__media {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden
}
.c-gallery__button {
	z-index: 15
}
.c-gallery__button--back .o-ico {
	font-size: 1.4rem
}
.c-gallery__button--back .o-small-text {
	color: #fff
}
.c-gallery__meta {
	left: 2rem
}
.c-gallery__meta .o-medium-text {
	color: #fff;
	margin: 0;
	line-height: 1.5em;
	letter-spacing: .2em
}
.c-gallery .c-paginator {
	line-height: 44px;
	right: 8rem;
	color: #fff;
	font-size: 1.6rem;
	-ms-transform: translateY(.3em);
	transform: translateY(.3em)
}

@media screen and (min-width:1200px) {
.c-gallery .c-paginator {
	line-height: 50px
}
}

@media (min-width:75em) {
.c-gallery .c-paginator {
	right: 2rem
}
}
.c-gallery .c-paginator__item {
	display: inline-block;
	position: static;
	font-size: 1.6rem;
	line-height: inherit;
	letter-spacing: .1em;
	-ms-transform: translateY(-.3em);
	transform: translateY(-.3em)
}
.c-gallery .c-paginator__item.item--counter {
	-ms-transform: translateY(.3em);
	transform: translateY(.3em);
	padding-left: .3em
}
.c-gallery .c-paginator__item.item--counter:before {
	content: '/';
	position: absolute;
	top: -6px;
	left: -9px;
	font-size: 3rem;
	padding-right: 0
}
.c-gallery__image {
	position: absolute;
	top: 0;
	left: 0
}
.c-gallery__image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(51,51,51,.4) 0, transparent 25%, transparent 75%, rgba(51,51,51,.4) 100%)
}
.o-input--checkbox label, .o-input:not(.o-input--checkbox) input, .o-input:not(.o-input--checkbox) label, .o-input:not(.o-input--checkbox) textarea {
	font-size: 1.6rem;
	letter-spacing: .1em
}
.o-input {
	position: relative;
	margin-top: 42px
}
.o-input:not(.o-input--checkbox):after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 95%;
	height: 1px;
	transition: all .3s ease;
	background: #999
}
.o-input:not(.o-input--checkbox).is-filled:after {
	width: 100%
}
.o-input:not(.o-input--checkbox).is-filled label {
	line-height: 21px;
	font-size: 1.2rem;
	-ms-transform: translateY(-21px);
	transform: translateY(-21px)
}

@media (min-width:48em) {
.o-input:not(.o-input--checkbox).is-filled:after {
	width: calc(100% - 4rem)
}
}
.o-input:not(.o-input--checkbox).has-error:after {
	background: #e13f3f
}
.o-input:not(.o-input--checkbox).has-error input, .o-input:not(.o-input--checkbox).has-error label, .o-input:not(.o-input--checkbox).has-error textarea {
	color: #e13f3f
}
.o-input:not(.o-input--checkbox) input, .o-input:not(.o-input--checkbox) textarea {
	position: relative;
	display: block;
	width: 100%;
	border: 0;
	background: 0 0;
	outline: 0
}

@media (min-width:48em) {
.o-input:not(.o-input--checkbox) input, .o-input:not(.o-input--checkbox) textarea {
	margin-left: -2rem
}
}
.o-input:not(.o-input--checkbox) input {
	height: 42px;
	line-height: 42px
}
.o-input:not(.o-input--checkbox) textarea {
	resize: none;
	line-height: 1.8em;
	height: 126px
}
.o-input:not(.o-input--checkbox) label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	line-height: 42px;
	color: #999;
	transition: all .3s ease;
	cursor: pointer
}
.o-input--checkbox a, .o-input--checkbox label {
	color: #999
}
.o-input--checkbox label {
	margin-left: .5em;
	float: left;
	line-height: 26px
}
.touch .o-input--checkbox a:before {
	width: 100%;
	background: #999
}
.o-checkbox-outer {
	float: left
}
.o-checkbox-outer .o-checkbox-field {
	position: relative;
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	opacity: 0;
	z-index: 10;
	cursor: pointer
}
.o-checkbox-outer .o-checkbox-hack {
	position: relative;
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin-left: -26px;
	border: 2px solid #999;
	background: 0 0;
	transition: all .3s ease
}
.o-checkbox-outer .o-checkbox-hack:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	line-height: 22px;
	font-size: 10px;
	text-align: center;
	color: #333;
	opacity: 0;
	z-index: 1
}
.o-checkbox-outer .o-checkbox-field:checked+.o-checkbox-hack:before {
	opacity: 1
}
.o-checkbox-outer.has-error .o-checkbox-hack {
	border-color: #e13f3f
}
input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {
-webkit-box-shadow:0 0 0 42px #f7f7f7 inset;
-webkit-text-fill-color:#333
}
.o-cookie-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 15px;
	margin: 15px 0;
	z-index: 99
}

@media (min-width:48em) {
.o-cookie-bar {
	padding: 0 25px;
	margin: 25px 0
}
}
.o-cookie-bar__wrapper {
	width: 100%;
	height: 100%;
	background: #333
}
.o-cookie-bar__content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 2rem 5%;
	color: #fff
}
.o-cookie-bar .o-medium-text {
	width: 100%;
	float: none;
	max-width: 500px;
	margin: 0 auto 2rem;
	line-height: 1.8em;
	text-transform: none;
	letter-spacing: .05em
}
.c-menu-row span, .o-link {
	text-transform: uppercase
}

@media (min-width:48em) {
.o-cookie-bar .o-medium-text {
	width: 60%;
	float: left;
	margin-bottom: 0
}
}
.o-cookie-bar a {
	color: #fff;
	text-decoration: underline
}
.o-cookie-bar__content .o-cookie-bar__button {
	width: 80%;
	margin: 0 auto;
	text-decoration: none;
	font-size: 1.2rem;
	line-height: 32px;
	height: 32px
}

@media (min-width:48em) {
.o-cookie-bar__content .o-cookie-bar__button {
	width: auto;
	line-height: 42px;
	font-size: 1.4rem;
	height: 42px
}
}
.o-button, .o-link {
	display: inline-block;
	line-height: 44px
}
.o-cookie-bar__accept {
	text-align: center;
	float: none;
	width: 100%
}

@media (min-width:48em) {
.o-cookie-bar__accept {
	width: 40%;
	float: left;
	padding-top: 0;
	text-align: right
}
}
.c-popup {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(247,247,247,.9);
	z-index: 99!important
}
.c-popup__wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 80%;
	height: 80%;
	max-width: 700px;
	max-height: 700px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}
.c-popup__button {
	position: absolute;
	left: 0;
	right: 0;
	margin: 10px auto;
	z-index: 2
}
[v-cloak] body {
	opacity: 0;
	visibility: hidden
}
::-moz-selection {
background-color:#333;
color:#fff
}
::selection {
	background-color: #333;
	color: #fff
}
body:after {
	visibility: hidden;
	content: 'mobile'
}

@media (min-width:48em) {
body:after {
	content: 's-tablet'
}
}

@media (min-width:62em) {
body:after {
	content: 'l-tablet'
}
}

@media (min-width:75em) {
body:after {
	content: 'desktop'
}
}

@media (min-width:100em) {
body:after {
	content: 'wide'
}
}
.o-page-body {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: #fff;
	transform: translateZ(0);
	backface-visibility: hidden
}
.o-page-content {
	position: absolute;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	z-index: 10;
	background: #f7f7f7
}

@media (min-width:48em) {
.o-page-content {
	top: 25px;
	right: 25px;
	bottom: 25px;
	left: 25px
}
}
.o-page-header {
	position: relative;
	margin: 15px
}

@media (min-width:48em) {
.o-page-header {
	margin: 25px
}
}
.o-page-footer {
	position: absolute;
	bottom: 0;
	left: 15px;
	right: 15px
}

@media (min-width:48em) {
.o-page-footer {
	left: 25px;
	right: 25px
}
}
.o-image-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}
.o-link {
	position: relative
}
.o-button {
	width: 44px;
	height: 44px;
	text-align: center;
	border-radius: 50%;
	font-size: 1.4rem;
	background: #fff;
	transition: all .3s ease
}

@media screen and (min-width:1200px) {
.o-button {
	width: 50px
}
}

@media screen and (min-width:1200px) {
.o-button {
	height: 50px
}
}

@media screen and (min-width:1200px) {
.o-button {
	line-height: 50px
}
}
.o-button .o-ico {
	line-height: inherit
}
.o-page-internal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10
}
.o-page-internal.has-scroll {
	overflow: scroll
}

@media (min-width:75em) {
.o-page-internal--double-layout .o-page-internal__head {
	width: 35%;
	bottom: 0;
	height: auto
}
.o-page-internal--double-layout .o-page-internal__body {
	top: 90px;
	left: 35%;
	width: 65%
}
}
.o-page-internal__head {
	position: absolute;
	top: 56px;
	left: 0;
	width: 100%;
	height: 90px;
	text-align: center
}

@media (min-width:48em) {
.o-page-internal__head {
	height: 180px
}
}
.o-page-internal__body {
	position: absolute;
	top: 146px;
	bottom: 0;
	left: 0;
	width: 100%
}

@media (min-width:48em) {
.o-page-internal__body {
	top: 236px
}
}
.o-loader {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 100
}
.o-loader #load-bar {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 0;
	height: 1px;
	background-color: #bbb
}
.o-loader-intro {
	position: fixed;
	background-color: #f7f7f7;
	top: 0;
	left: 0;
width:calc(100% - ($corner-size-small * 2));
height:calc(100% - ($corner-size-small * 2));
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	z-index: 100
}

@media (min-width:48em) {
.o-loader-intro {
	top: 25px;
	right: 25px;
	bottom: 25px;
	left: 25px;
width:calc(100% - ($corner-size-big * 2));
height:calc(100% - ($corner-size-big * 2))
}
}
.o-loader-intro #load-bar {
	position: absolute;
	top: 50%;
	bottom: 50%;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	margin: auto;
	width: 5%;
	height: 1px;
	background-color: #bbb
}
.loader-transition {
	opacity: 1;
	transition: all .6s ease
}
.loader-leave {
	opacity: 0
}
.loader-enter {
	opacity: 1
}

@media (max-width:47.99em) {
.o-page-internal.u-below-desktop-scroll {
	top: 6rem;
	bottom: 2rem;
	height: auto
}
.o-page-internal.u-below-desktop-scroll .o-page-internal__head {
	top: 0
}
.o-page-internal.u-below-desktop-scroll .o-page-internal__body {
	top: 90px
}
}
.o-rotate-device {
	display: none
}

@media (max-width:47.99em) {
.is-landscape .o-rotate-device {
	display: block;
	position: fixed;
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	z-index: 101;
	background: #f7f7f7
}
}
.o-rotate-device .o-image-logo {
	padding: 0 42%;
	margin: 2rem 0 0
}
.o-rotate-device .o-image-rotate {
	padding: 0 40%;
	margin: 2rem 0 0
}
.o-rotate-device .o-medium-text {
	line-height: 1.7em;
	max-width: 60%;
	margin: 1em auto;
	text-align: center
}
.c-collections--horizontal .c-collections-item .o-media {
	width: 45%;
	margin: 0 auto
}

@media screen and (min-width:768px) {
.c-collections--horizontal .c-collections-item .o-media {
	width: 32%
}
}

@media screen and (min-width:992px) {
.c-collections--horizontal .c-collections-item .o-media {
	width: 30%
}
}

@media screen and (min-width:1200px) {
.c-collections--horizontal .c-collections-item .o-media {
	width: 20%
}
}
.o-menu, .o-menu:after, .o-menu__head {
	position: absolute;
	left: 0;
	width: 100%
}
.o-menu {
	opacity: 0;
	top: 0;
	height: 100%;
	background: #f7f7f7;
	z-index: 40
}
.o-menu:after {
	content: '';
	top: 0;
	height: 100%;
	z-index: -1;
	background-image: url(/assets/images/collections/citco-prive/02-citco-prive.jpg);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .1
}

@media (max-width:47.99em) {
.o-menu .o-big-text {
	font-size: 2.5rem
}
}
.o-menu__head {
	top: 56px;
	bottom: 55px;
	height: auto;
	overflow: auto
}

@media (min-width:48em) {
.o-menu__head {
	overflow: hidden
}
}
.o-menu-list {
	padding: 0 15px;
	text-align: center
}
.o-menu-list .mask {
	display: inline-block;
	overflow: hidden;
	position: relative
}
.o-menu-list .mask .o-big-text {
	white-space: nowrap;
	line-height: 1.6em
}
.o-menu__foot {
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px
}
.c-collections--horizontal .c-collections-outer {
	height: 100%
}

@media (min-width:62em) {
.c-collections--horizontal .c-collections-outer {
	padding: 2.5rem 0
}
}
.c-collections--horizontal .c-collections-list {
	height: 100%;
	white-space: nowrap
}
.c-collections--horizontal .c-collections-item {
	width: 125px;
	display: inline-block;
	visibility: visible;
	opacity: 1;
	position: relative;
	height: 100%;
	text-align: center
}

@media screen and (min-width:768px) {
.c-collections--horizontal .c-collections-item {
	width: 225px
}
}

@media screen and (min-width:1200px) {
.c-collections--horizontal .c-collections-item {
	width: 265px
}
}
.c-collections--horizontal .c-collections-item .animation {
	position: relative;
	width: 100%;
	height: 100%
}
.c-collections--horizontal .c-collections-item.zaha-hadid {
	margin: 0 auto;
	display: block
}

@media (min-width:62em) {
.c-collections--horizontal .c-collections-item {
	-ms-transform: translateY(2.5rem);
	transform: translateY(2.5rem)
}
.c-collections--horizontal .c-collections-item:nth-child(2n) {
	-ms-transform: translateY(-2.5rem);
	transform: translateY(-2.5rem)
}
}

@media (max-width:47.99em) {
.c-collections--horizontal .c-collections-item .o-big-text {
	letter-spacing: .1em
}
}
.c-collections--horizontal .c-collections-item__link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 12
}
.c-collections--horizontal .c-collections-item .o-media {
	position: relative;
	height: 100%;
	z-index: 11
}
.c-collections--horizontal .c-collections-item .o-media__image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .7;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.c-collections--horizontal .c-collections-item .o-link-mobile {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 14
}
.c-collections--horizontal .c-collections-item__title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	white-space: normal;
	z-index: 13;
	transition: .2s ease ease
}

@media (min-width:75em) {
.no-touch .c-collections--horizontal .c-collections-item:hover .c-collections-indicator .o-ico {
	transform: rotateY(-180deg)
}
.no-touch .c-collections--horizontal .c-collections-item:hover .c-categories-list__item {
	-ms-transform: translateX(0) scale(1);
	transform: translateX(0) scale(1);
	opacity: 1
}
.no-touch .c-collections--horizontal .c-collections-item:hover .c-collections-item__title.has-category {
	opacity: 0
}
}
.c-collections--horizontal .c-collections-indicator {
	position: absolute;
	top: 3em;
	right: -6em
}
.c-collections--horizontal .c-collections-indicator .o-ico {
	font-size: 1.5rem;
	transition: all .3s ease;
	transform: rotateY(0)
}
.c-collections--horizontal .c-categories-counter {
	position: relative;
	font-size: 1.3rem;
	margin: 1rem 0 0;
	letter-spacing: .4rem
}
.c-collections--horizontal .c-categories-counter:before {
	content: '';
	position: absolute;
	top: 50%;
	height: 1px;
	left: 0;
	width: 3em;
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
	background: #333
}
.c-collections-categories {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 14
}
.c-categories-list {
	width: 50%;
	margin: 0 auto
}
.c-categories-list .o-medium-text {
	padding: 0 2.4em
}
.c-categories-list__item {
	-ms-transform: translateX(2.5rem) scale(.85);
	transform: translateX(2.5rem) scale(.85);
	margin-left: 2.5rem;
	opacity: 0;
	transition: all .35s ease
}
.c-categories-list__item:nth-child(2n) {
	text-align: center;
	-ms-transform: translateX(-2.5rem) scale(.85);
	transform: translateX(-2.5rem) scale(.85);
	margin-left: -2.5rem
}
.c-categories-list__item:nth-child(2n) a {
	background: #bbb
}
.c-categories-list__item a {
	display: inline-block;
	background: #fff;
	line-height: 44px;
	transition: all .2s ease
}
.c-lang a, .c-social-item a {
	display: block;
	line-height: 1em
}
.no-touch .c-categories-list__item a:hover {
	background: #333;
	color: #fff
}
.c-lang a:after, .c-lang+.c-lang:before {
	content: '';
	top: 50%;
	background: #bbb
}
.c-langs {
	display: block;
	width: 100%
}

@media (min-width:48em) {
.c-langs {
	float: left;
	width: 50%
}
}
.c-lang {
	padding: .5rem 0;
	position: relative;
	display: block;
	float: left
}
.c-lang+.c-lang {
	margin-left: 5em
}
.c-lang+.c-lang:before {
	position: absolute;
	left: -4em;
	height: 1px;
	margin-top: -1px;
	width: 2.5em
}
.c-lang:hover a:after {
	-ms-transform: scale(1);
	transform: scale(1);
	width: 150%
}
.c-lang a {
	position: relative;
	z-index: 10;
	letter-spacing: 1em
}
.c-lang a:after {
	position: absolute;
	z-index: -1;
	height: 3px;
	margin-top: -2px;
	left: -33%;
	transition: all .35s ease;
	width: 0;
	-ms-transform: scale(0);
	transform: scale(0);
	-ms-transform-origin: center;
	transform-origin: center
}
.c-lang.is-active a:after {
	width: 150%;
	-ms-transform: scale(1);
	transform: scale(1)
}
.c-social-list {
	display: block;
	width: 100%
}

@media (max-width:47.99em) {
.c-social-list {
	margin: 10px 0
}
}

@media (min-width:48em) {
.c-social-list {
	float: left;
	width: 50%
}
}
.c-social-item {
	display: block;
	float: left
}
.c-social-item a {
	font-size: 2.5rem;
	padding: 0 .4em;
	transition: all .35s ease
}
.c-social-item:hover a {
	color: rgba(51,51,51,.8)
}
#page-footer .o-small-text {
	line-height: 15px
}

@media (min-width:48em) {
#page-footer .o-small-text {
	line-height: 25px
}
}
#page-footer .c-column+.c-column {
	padding-left: 1rem
}

@media (min-width:48em) {
#page-footer .c-column+.c-column {
	padding-left: 2em;
	text-align: center;
}
}
.c-menu-trigger {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 50
}
.c-menu-trigger.is-active:after {
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	transition-delay: .45s
}
.c-menu-trigger:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 2.5rem;
	line-height: 26px;
	text-align: center;
	transition: all .35s cubic-bezier(.28, .8, .35, 1.29) 0s;
	-ms-transform: scale(.3);
	transform: scale(.3);
	opacity: 0
}
.c-menu-row:after, .o-form-button .o-button:after, .o-not-found .u-table-cell:after {
	content: ''
}
.no-touch .c-menu-trigger:not(.is-active):hover .c-menu-row {
	transition-delay: .2s
}
.no-touch .c-menu-trigger:not(.is-active):hover .c-menu-row:after {
	transition-delay: 0s
}
.no-touch .c-menu-trigger:not(.is-active):hover .c-menu-row.row--first {
	padding-left: 0;
	padding-right: 1.6em
}
.no-touch .c-menu-trigger:not(.is-active):hover .c-menu-row.row--first:after {
	-ms-transform: translateX(3.3em);
	transform: translateX(3.3em)
}
.no-touch .c-menu-trigger:not(.is-active):hover .c-menu-row.row--second {
	padding-left: 1.6em;
	padding-right: 0
}
.no-touch .c-menu-trigger:not(.is-active):hover .c-menu-row.row--second:after {
	-ms-transform: translateX(-3.3em);
	transform: translateX(-3.3em)
}
.no-touch .c-menu-trigger.is-active:hover:after {
	-ms-transform: scale(.8);
	transform: scale(.8)
}
.c-menu-row {
	position: relative;
	transition: all .3s cubic-bezier(.4, .6, .35, .85) 0s
}
.c-menu-row:after {
	position: absolute;
	top: 50%;
	height: 1px;
	width: .8em;
	background: #333 !important;
	transition: all .35s cubic-bezier(.28, .8, .35, 1.29) .2s;
	-ms-transform-origin: center center;
	transform-origin: center center
}
.is-white .c-menu-row:after {
	background: #fff
}
.c-menu-row span {
	display: inline-block;
	color: #333;
	font-size: 1.1rem;
	line-height: 15px;
	padding: 0 .3em;
	transition: all .1s ease-out .3s
}
.is-white .c-menu-row span {
	color: #333 !important;
}
.c-menu-row.row--first {
	padding-left: 1.6em
}
.c-menu-row.row--first:after {
	left: .3em
}
.c-menu-row.row--second {
	padding-right: 1.6em
}
.c-menu-row.row--second:after {
	right: .3em
}
.is-active .c-menu-row span {
	opacity: 0;
	transition-delay: 0s
}
.is-active .c-menu-row:after {
	width: 100%;
	transition-timing-function: ease;
	transition-duration: .2s;
	opacity: 0
}
.is-active .c-menu-row.row--first:after {
	left: 0;
	top: 0
}
.is-active .c-menu-row.row--second:after {
	right: 0;
	top: 100%
}
.o-company-logo {
	position: absolute;
	top: 13px;
	left: 20px;
	z-index: 50
}
.o-company-logo img {
	height: 28px
}
.c-share {
	margin: 2rem 0
}
.c-share .o-small-text {
	display: block;
	float: left;
	line-height: 44px;
	margin: 0
}

@media screen and (min-width:1200px) {
.c-share .o-small-text {
	line-height: 50px
}
}
.c-share__list {
	display: block;
	float: left
}
.c-share__item {
	display: block;
	float: left;
	padding: 0 .5rem
}
.c-share__item .o-share-button {
	line-height: 44px;
	width: 44px;
	height: 44px;
	display: block;
	position: relative;
	font-size: 2.5rem;
	overflow: hidden;
	text-align: center
}

@media screen and (min-width:1200px) {
.c-share__item .o-share-button {
	line-height: 50px
}
}

@media screen and (min-width:1200px) {
.c-share__item .o-share-button {
	width: 50px
}
}

@media screen and (min-width:1200px) {
.c-share__item .o-share-button {
	height: 50px
}
}
.no-touch .c-share__item .o-share-button:hover .o-ico {
	color: rgba(51,51,51,.8)
}
.c-share__item .o-ico {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	line-height: inherit;
	transition: all .25s ease .15s
}
.c-share__item .o-ico--secondary {
	transition-delay: 0s;
	-ms-transform: translateX(70%);
	transform: translateX(70%)
}
.c-company .o-text-cite {
	font-style: italic;
	display: block;
	margin-top: 0
}
.c-company__text-container {
	padding: 0 15px 30px
}

@media (min-width:48em) {
.c-company__text-container {
	padding: 0 25px 75px
}
}

@media (min-width:62em) {
.c-company__text-container {
	max-width: 85%;
	margin: 0 auto
}
}

@media (min-width:75em) {
.c-company__text-container {
	max-width: 80rem;
	margin-top: 30px;
}
}
.o-page-news .o-page-internal__head .o-big-text {
	margin: 0
}
.o-page-news .c-paginator {
	line-height: 44px;
	position: absolute;
	bottom: 2rem;
	right: 8rem;
	font-size: 1.6rem;
	-ms-transform: translateY(.3em);
	transform: translateY(.3em);
	z-index: 15
}

@media screen and (min-width:1200px) {
.o-page-news .c-paginator {
	line-height: 50px
}
}

@media (min-width:75em) {
.o-page-news .c-paginator {
	right: 2rem
}
}
.o-page-news .c-paginator__item {
	display: inline-block;
	position: static;
	font-size: 1.6rem;
	line-height: inherit;
	letter-spacing: .1em;
	-ms-transform: translateY(-.3em);
	transform: translateY(-.3em)
}
.o-page-news .c-paginator__item.item--counter {
	-ms-transform: translateY(.3em);
	transform: translateY(.3em);
	padding-left: .3em
}
.o-page-news .c-paginator__item.item--counter:before {
	content: '/';
	position: absolute;
	top: -6px;
	left: -9px;
	font-size: 3rem;
	padding-right: 0
}
.c-news {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 6.5rem
}

@media (min-width:48em) {
.c-news {
	padding: 0 10rem
}
}

@media (min-width:75em) {
.c-news {
	padding: 0 22rem 0 4rem
}
}
.c-news__head {
	text-align: center
}
.c-news__meta {
	color: #999;
	margin: 0
}

@media (min-width:48em) {
.c-news__meta {
	text-align: left
}
}

@media (min-width:48em) {
.c-news__title {
	text-align: left;
	max-width: 80%
}
}
.c-news__title .o-big-text {
	margin: 1em 0 2em
}

@media (min-width:75em) {
.c-news__title .o-big-text {
	margin: .5em 0 1em
}
}
.c-news__button {
	z-index: 10
}

@media (max-width:47.99em) {
.c-news__button--prev {
	left: 1rem
}
}

@media (max-width:47.99em) {
.c-news__button--next {
	right: 1rem
}
}

@media (min-width:75em) {
.c-news__body {
	margin-bottom: 2em
}
}
.c-news__foot {
	display: none
}

@media (min-width:75em) {
.c-news__foot {
	display: block;
	position: fixed;
	top: 86px;
	right: 45px;
	z-index: 11
}
.c-news__foot .c-share__item {
	float: none;
	padding: 0
}
.c-news__foot .c-share__item button {
	width: 50px
}
.c-news__foot .o-small-text {
	position: absolute;
	bottom: 0;
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-bottom: -3rem;
	width: 50px
}
}
.o-contact-page {
	padding: 0 15px
}

@media (min-width:48em) {
.o-contact-page {
	padding: 0 25px
}
}
.c-contact-form .o-medium-text, .c-contact-form .o-small-text, .o-address .o-medium-text, .o-address a {
	font-size: 1.4rem;
	text-transform: none;
	margin: 0;
	color: #999;
	letter-spacing: .08em;
	line-height: 1.4em
}

@media screen and (min-width:768px) {
.c-contact-form .o-medium-text, .c-contact-form .o-small-text, .o-address .o-medium-text, .o-address a {
	font-size: 1.4rem
}
}

@media screen and (min-width:1200px) {
.c-contact-form .o-medium-text, .c-contact-form .o-small-text, .o-address .o-medium-text, .o-address a {
	font-size: 1.4rem
}
}

@media (max-width:47.99em) {
.o-address {
	margin-top: 4rem
}
}
.o-address+.o-address {
	margin-top: 4rem
}
.o-address a {
	margin: .2em 0
}
.o-address .text--bold {
	color: #333;
	margin: 0 0 .5em
}
.touch .o-address a[href^="mailto:"]:before {
	width: 100%;
	background: #999
}

@media (min-width:48em) {
.o-address {
	width: 33%;
	float: left
}
.o-address+.o-address {
	margin-top: 0
}
}
.u-contacts {
	margin-top: 4rem
}
.c-contact-form {
	margin: 4rem 0
}

@media (min-width:48em) {
.c-contact-form {
	padding: 0 2rem
}
}

@media (min-width:48em) {
.c-contact-form .o-medium-text, .c-contact-form .o-small-text {
	margin-left: -2rem
}
}
.c-contact-form .o-small-text {
	margin-top: 1em
}

@media (min-width:48em) {
.c-contact-form .o-small-text {
	font-size: 1rem
}
}
.c-contact-form .o-medium-text {
	color: #333
}

@media (min-width:48em) {
.c-contact-form .o-input {
	float: left;
	width: 33.3333333333%;
	padding: 0 2rem
}
.c-contact-form .o-input--double {
	width: 66.6666666667%
}
.c-contact-form .o-input--half {
	width: 50%
}
.c-contact-form .o-input--full {
	width: 100%
}
.c-contact-form .o-input--checkbox {
	padding: 8px 0
}
}

@media (min-width:48em) {
.c-contact-form__row {
	margin-left: -2rem;
	margin-right: -2rem
}
}
.o-form-button {
	margin: 42px 0 0
}
.o-form-button .o-button {
	position: relative;
	border-radius: 0;
	width: 100%;
	line-height: 42px;
	border: 2px solid #999;
	text-transform: uppercase;
	background: 0 0;
	font-size: 1.8rem;
	letter-spacing: .06em;
	color: #999;
	height: 42px;
	top: 0;
	opacity: .3;
	/*cursor: not-allowed;*/
	transition: font-size .2s ease, top .3s ease, height .3s ease, transform .3s ease
}
.o-form-button .o-button:after {
	display: none;
	position: absolute;
	top: -2px;
	bottom: -2px;
	left: -2px;
	width: 0;
	animation: button-loading 4s linear infinite alternate;
	background: #333
}
.o-form-button .o-button.is-valid {
	opacity: 1;
	cursor: pointer
}
.o-form-button .o-button.is-loading {
	top: 21px;
	font-size: 0;
	height: 6px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.o-form-button .o-button.is-loading:after {
	display: block
}

@media (min-width:48em) {
.o-form-button {
	float: left;
	width: 50%;
	padding: 0 4rem
}
}
.c-press, .c-press .c-zoomtip, .c-press__body, .c-press__head {
	position: absolute;
	width: 100%;
	left: 0
}
.c-press {
	top: 0;
	height: 100%;
	z-index: 10;
	overflow: hidden
}
.c-press .c-zoomtip {
	height: 80px;
	top: 0
}

@media screen and (min-width:768px) {
.c-press .c-zoomtip {
	height: 80px
}
}

@media screen and (min-width:992px) {
.c-press .c-zoomtip {
	height: 80px
}
}

@media screen and (min-width:1600px) {
.c-press .c-zoomtip {
	height: 80px
}
}
.c-press__head {
	height: 100px;
	top: 0
}

@media screen and (min-width:768px) {
.c-press__head {
	height: 220px
}
}

@media screen and (min-width:992px) {
.c-press__head {
	height: 150px
}
}

@media screen and (min-width:1600px) {
.c-press__head {
	height: 200px
}
}
.c-press__body {
	top: 100px;
	bottom: 20px;
	padding: 0 2rem
}

@media screen and (min-width:768px) {
.c-press__body {
	top: 220px
}
}

@media screen and (min-width:992px) {
.c-press__body {
	top: 150px
}
}

@media screen and (min-width:1600px) {
.c-press__body {
	top: 200px
}
}

@media screen and (min-width:768px) {
.c-press__body {
	bottom: 160px
}
}

@media screen and (min-width:992px) {
.c-press__body {
	bottom: 80px
}
}

@media screen and (min-width:1600px) {
.c-press__body {
	bottom: 160px
}
}
.c-press__inner {
	height: 100%
}

@media (min-width:48em) {
.c-press__inner {
	padding-left: 25%
}
}

@media (min-width:75em) {
.c-press__inner {
	padding-left: 22%
}
}
.c-press__item {
	width: 85%;
	display: inline-block;
	position: relative;
	height: 100%;
	padding: 0 1rem;
	text-align: center;
	transform: translateZ(0)
}

@media screen and (min-width:768px) {
.c-press__item {
	width: 35%
}
}

@media screen and (min-width:992px) {
.c-press__item {
	width: 28%
}
}
.c-press__item .o-big-text, .c-press__item .o-small-text {
	margin: 0;
	line-height: 1.6em
}
.c-press__item .o-big-text {
	letter-spacing: .01em
}
.c-press__item .o-small-text {
	color: #999
}
.c-press__item .o-meta {
	height: 85px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

@media screen and (min-width:768px) {
.c-press__item .o-meta {
	height: 100px
}
}
.c-press__item .o-media {
	bottom: 85px;
	padding: 6px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #fff
}

@media screen and (min-width:768px) {
.c-press__item .o-media {
	bottom: 100px
}
}

@media screen and (min-width:768px) {
.c-press__item .o-media {
	padding: 10px
}
}

@media screen and (min-width:992px) {
.c-press__item .o-media {
	padding: 12px
}
}
.c-press__item .o-media__image {
	width: 100%;
	height: 100%;
	background-position: top center;
	transition: all .45s ease;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.c-press__item .o-inner {
	position: relative;
	padding: 0 3rem;
	height: 100%
}
.c-press__item .t-initial-state {
	transition: all .25s ease .1s
}
.c-press__item .t-hover-state {
	transition: all .25s ease 0s;
	opacity: 0;
	-ms-transform: translateY(-40%) scale(.85);
	transform: translateY(-40%) scale(.85)
}

@media (min-width:48em) {
.c-press__item {
	padding: 0 2rem
}
}

@media (min-width:62em) {
.c-press__item {
	padding: 0 3rem
}
}

@media (min-width:75em) {
.c-press__item {
	padding: 0 4rem
}
}
.no-touch .c-press__item:hover .o-media__image {
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
.no-touch .c-press__item:hover .t-initial-state {
	opacity: 0;
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	transition-delay: 0s
}
.no-touch .c-press__item:hover .t-hover-state {
	opacity: 1;
	-ms-transform: translateY(-100%) scale(1);
	transform: translateY(-100%) scale(1);
	transition-delay: .15s;
	transition-duration: .35s
}
.c-press__lightbox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #f7f7f7
}
.c-press__lightbox .c-lightbox__navigation {
	top: 0;
	left: 0;
	z-index: -1
}
.c-press__lightbox .c-lightbox__slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.c-press__lightbox .c-lightbox__slider li {
	display: block;
	width: 100%;
	height: 100%
}
.c-press__lightbox .c-lightbox__mask {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow: hidden
}
.c-press__lightbox .c-lightbox__image {
	display: block;
	margin: auto
}
.c-press__lightbox .c-lightbox__button {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	cursor: pointer;
	z-index: 12;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 2rem
}
.c-press__lightbox .c-lightbox__button.button--next {
	margin: 0 25px;
	right: 0
}
.c-press__lightbox .c-lightbox__button.button--prev {
	margin: 0 25px;
	left: 0
}
.c-press__lightbox .c-lightbox__button.button--close {
	margin: 25px auto;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.c-privacy {
	padding: 0 15px 30px
}

@media (min-width:48em) {
.c-privacy {
	padding: 0 25px 75px
}
}

@media (min-width:62em) {
.c-privacy {
	max-width: 85%;
	margin: 0 auto
}
}

@media (min-width:75em) {
.c-privacy {
	max-width: 80rem
}
}
.c-privacy ul {
	list-style-type: decimal;
	display: block;
	width: 100%
}
.c-privacy ul ul {
	padding: 0 0 0 3rem
}
.c-privacy strong {
	display: block;
	margin: 1em 0
}
.o-not-found .u-table-cell {
	padding: 0 10%
}
.o-not-found .u-table-cell:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-image: url(/assets/images/404.jpg);
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .1
}
.o-not-found .o-big-text {
	font-size: 6rem;
	letter-spacing: .1em;
	margin: 0 0 .5em;
	line-height: 1em
}

@media screen and (min-width:768px) {
.o-not-found .o-big-text {
	font-size: 10rem
}
}

@media screen and (min-width:1200px) {
.o-not-found .o-big-text {
	font-size: 12rem
}
}
.o-not-found .o-button {
	color: #333;
	background: 0 0;
	border-color: #333
}
.no-touch .o-not-found .o-button:hover {
	color: #fff;
	background: #333
}
.c-design #br {
	display: none
}

@media (max-width:61.99em) {
.c-design #br {
	display: inline
}
}
.c-design .container {
	position: absolute;
	top: 0;
	height: 100%;
	width: 50%
}

@media (max-width:61.99em) {
.c-design .container {
	height: 50%;
	width: 100%
}
}
.c-design .container .box {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -100px;
	margin-top: -100px;
	height: 200px;
	width: 200px
}

@media (max-width:61.99em) {
.c-design .container .box {
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0
}
}
.c-design .container .box .bg {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: .7;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.c-design .container .box a {
	position: relative;
	z-index: 1
}

@media (min-width:62em) {
.c-design .container .box:hover .o-title {
	margin-top: 35%
}
}
.c-design .container .box .o-title {
	position: relative;
	transition: margin-top .3s ease;
	margin-left: -100%;
	text-align: center;
	margin-top: 60%;
	z-index: 1
}

@media (min-width:62em) {
.c-design .container .box .o-title {
	font-size: 3rem
}
}

@media (max-width:61.99em) {
.c-design .container .box .o-title {
	font-size: 1.8rem;
	margin: 0;
	top: 50%;
	margin-top: -.5em
}
}
.c-design .container.left {
	left: 0
}

@media (max-width:61.99em) {
.c-design .container.left {
	top: 40px
}
}
.c-design .container.right {
	right: 0
}

@media (max-width:61.99em) {
.c-design .container.right {
	top: 50%
}
}
/* Menu */
#menuToggle {
	display: block;
	position: relative;
	top: 20px;
	right: 20px;
	z-index: 999999;
	-webkit-user-select: none;
	user-select: none;
	
}
#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	right: -5px;
	cursor: pointer;
	opacity: 0; /* hide this */
	z-index: 2; /* and place it over the hamburger */
	-webkit-touch-callout: none;
}
.navi{
	position: relative;
}
/*
 * Just a quick hamburger
 */
#menuToggle span {
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;

}
#menuToggle span:first-child {
	transform-origin: 0% 0%;
}
#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
}
/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}
/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}
/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
	transform: rotate(-45deg) translate(0, -1px);
}
/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
	position: absolute;
	width: 100%;
	margin: -78px 0 0 -79px;
	padding: 50px;
	padding-top: 120px;
	padding-bottom: 125px;
	min-height: 960px;
	background: url(../images/menubg2.jpg ) left top no-repeat;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of text in safari */
  
	transform-origin: 0% 0%;
	opacity: 1;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}
#menu li {
	padding: 10px 0;
	font-size: 35px;
	text-align: center;
	line-height: 28px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1;
}
#menu li a {
	font-size: 45px;
	line-height: 57px;
	font-weight: normal;
}
/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul {
	transform: none;
}
.logobg {
	background: #fff;
	width: 164px;
	height: 93px;
	float: right;
	z-index: 999999;
	position: absolute;
	right: 0px;
	top: -1px;
	opacity: 0.9;
}
.frow {
	float: left;
	width: 100%;
	margin: 20px 0px;
}
.profile-pic {
	float: left;
 width: 30%:
}
.profile-name {
	float: left;
	width: 60%;
	margin-left: 2%;
}
.profile-name h3 {
	font-family:"Playfair Display", serif;
	font-weight: 500;
	font-size: 20px;
	margin-top: 23%;
	margin-bottom: 0px;
}
.profile-name p {
	font-family:"Playfair Display", serif;
	font-weight: 400;
	font-size: 16px;
	margin: 0px;
}
#menuToggle input:checked ~ ul {
	transform: none;
	width: 100%;
	margin: -47px 0px 0px -20px;
}
/*=== Trigger  ===*/
.animate {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*=== Optional Delays, change values here  ===*/


.three {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.four {
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	animation-delay: 0.5s;
}


/*=== Animations start here  ===*/


/*=== FADE IN LEFT ===*/
@-webkit-keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}


/*==== FADE IN RIGHT ===*/
@-webkit-keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
ul li a {
	display: inline-block;
	position: relative;
}
/*effect-underline*/
a.effect-underline:after {
	content: '';
	position: absolute;
	left: 0;
	display: inline-block;
	height: 1em;
	width: 100%;
	border-bottom: 1px solid;
	margin-top: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}
a.effect-underline:hover:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.o-medium-text.text--bold {
	font-family: Roboto, sans-serif;
	font-weight: 700;
	line-height: 35px;
	font-size: 18px;
}
.c-gallery__button--back .o-button, .o-show-collections .o-button {
    cursor: pointer !important;
}
   body {
        opacity: 1;
        transition: 1s opacity;
    }
    body.fade-out {
        opacity: 0;
        transition: none;
    }
.row {
margin: 0 auto;
max-width: 85%;
width: 85%;
float: right;
	cursor: grab;
	padding-left: 22%;
}
.row:before, .row:after {
	content: " ";
	display: table
}
.row:after {
	clear: both
}
.row.collapse>.column, .row.collapse>.columns {
	padding-left: 0;
	padding-right: 0
}
.row.collapse .row {
	margin-left: 0;
	margin-right: 0
}
.row .row {
	margin: 0 -.9375rem;
	max-width: none;
	width: auto
}

.item .imgbox img{
	transition: all .45s ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
	cursor: pointer;
}
.item .imgbox img:hover{
	-webkit-filter: grayscale(0);
filter: grayscale(0);
}

@media only screen and (max-width: 40em) {
#hero .owl-logo {
	display: none
}
}
.home-demo {
	padding: 2rem 0
}
.home-demo .item {
	background: #fff;
	padding: 10px;
}
.home-demo h3 {
	text-align: center;
	color: #808080;
	margin: 2rem
}
.home-demo h2 {
	color: #333;
	text-align: center;
	cursor: pointer;
	padding: 5rem 0;
	margin: 0;
	font-size: 38px;
	font-weight: 500;
	font-family: Roboto, sans-serif;
}
.home-demo .owl-dot.active span {
	background: #ff3f4d
}
#features .feature {
	margin: 2rem 0 6rem
}
#features h2 {
	font-weight: 300;
	margin-top: 0;
	margin-bottom: 1rem
}
#features img {
	display: block;
	margin: 0 auto
}

.hoverable {
      cursor:pointer;
      color:#000;
      text-decoration:none;
	transition: 0.3s;     
	

    }
    .hoverable .hover {
      display:none;
		
		
    }
    .hoverable:hover .normal {
      display:none;
		
		
		
    }
    .hoverable:hover .hover {
      display:block;  /* CHANGE IF FOR BLOCK ELEMENTS */
		
		
    }

.c--anim-btn span {
  color: white;
  text-decoration: none;
  text-align: center;
  display: block;
}

.c--anim-btn, .c-anim-btn {
  transition: 0.3s;     
}

.c--anim-btn {
  height: 64px;
  font: normal normal 700 1em/4em Arial,sans-serif;
  overflow: hidden;
  width: 200px;
  background-color: #3b5998;
}

.c-anim-btn{
  margin-top: 0em;   
}

.c--anim-btn:hover .c-anim-btn{
  margin-top: -4em;
}

@media (min-width: 320px) and (max-width: 480px) {
.rslides li img.slideimg {
	width: 100% !important;
	height: 100%;
	min-height: 450px;
}
#menu li a {
	font-size: 20px;
	line-height: 20px;
}
.c-slider__caption {
	top: 7% !important;
	position: absolute;
}
.o-title {
	font-size: 22px !important;
}
.o-company-logo {
	top: 6px;
}
}
@media (min-width:1600px) and (max-width:2500px){	
	.info-text{
		position: absolute;
	bottom: 31% !important;
	left: 8%;
	z-index: 999999;
}
	}
@media (min-width:1024px) and (max-width:1366px){	
	.info-text{
		position: absolute;
	bottom: 24% !important;
	left: 2%;
	z-index: 999999;
}
	.home-demo {
    padding: -1rem 0 !important;
}
	}
.mobile-menu-section {
  position: absolute;
  right: 20px;
  top: 18px;
	z-index: 999;
}
.hamburger-container {
  width: 63px;
  height: 45px;
  position: relative;
  /*margin-top: -.8rem;*/
  cursor: pointer; 
}
.hamburger-container span {
  /* background: #444;
 display: block;*/
  /*position: absolute;*/
  height: 3px;
  transform: rotate(0deg);
  transition: all 0.25s cubic-bezier(0.22, 0.61, 0.36, 1);
  opacity: 1;
  /*width: 100%; */
}

span {
  border-radius: 2px;
  left: 0; 
}
.hamburger span:nth-child(1) {
  top: 0px; 
}
.hamburger span:nth-child(2), 
.hamburger span:nth-child(3) {
  top: 9px; 
}
.hamburger span:nth-child(4) {
  top: 18px; 
}
#btnControl {
  display: none; 
}
#btnControl:checked + label > div > span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; 
}
#btnControl:checked + label > div > span:nth-child(2) {
  transform: rotate(45deg); 
}
#btnControl:checked + label > div > span:nth-child(3) {
  transform: rotate(-45deg); 
}
#btnControl:checked + label > div > span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; 
}
.active {
 transform: translateX(0) !important;
}
#menu {
  display: block;
  list-style-type: none;
  position: fixed;
  top: 0;
  transform: translateX(-100%);
  width: 100%;
  background: url(../images/menubg2.jpg ) left top no-repeat;
  color: whitesmoke;
  padding: 250px 50px 50px 50px;
  margin: -78px 0 0 -26px !important;
  transition: transform 450ms cubic-bezier(0.22, 0.61, 0.36, 1);
  z-index: 11;
  height: 100%;
}
#toggle {
  z-index: 10;
  right: 0;
  opacity: 1;
  background: transparent;
  height: 80px;
  width: 118px; 
}
.o-text-cite{
	font-size: 3.3rem;
}
.service-block{
	float: left;
	width: 100%;
}
.servicetitle{
	width: 100%;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}
 .servicetitle h2{
	font-family: "Playfair Display", serif;
	font-size: 38px !important;
	 position: relative;
	 padding-top: 0px !important;
}
.servicebox{
	float: left;
	width: 210px;
	background: #fff;
	padding: 10px 10px;
	margin-right: 12px;
	transition: box-shadow .3s;
}
.servicebox:hover{
	 box-shadow: 0 0 11px rgba(33,33,33,.2); 
}
.servicebox:first-child{
	margin-left: 1px;
}

.servicebox h3{
	font-family: "Playfair Display", serif;
	font-size: 2.5rem;
	color: #333 !important;
}
.servicebox .imgbox img{
	transition: all .45s ease;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
	cursor: pointer;
}
.servicebox .imgbox img:hover{
	-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.c-menu-trigger {
	position: ;
	top: 15px;
	left: 15px;
	z-index: 50
}
.c-menu-trigger.is-active:after {
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	transition-delay: .45s
}
.c-menu-trigger:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 2.5rem;
	line-height: 26px;
	text-align: center;
	transition: all .35s cubic-bezier(.28, .8, .35, 1.29) 0s;
	-ms-transform: scale(.3);
	transform: scale(.3);
	opacity: 0
}
.c-menu-row:after, .o-form-button .o-button:after, .o-not-found .u-table-cell:after {
	content: ''
}
.c-menu-trigger:not(.is-active):hover .c-menu-row {
	transition-delay: .2s
}
.c-menu-trigger:not(.is-active):hover .c-menu-row:after {
	transition-delay: 0s
}
.c-menu-trigger:not(.is-active):hover .c-menu-row.row--first {
	padding-left: 0;
	padding-right: 1.6em
}
.c-menu-trigger:not(.is-active):hover .c-menu-row.row--first:after {
	-ms-transform: translateX(3.3em);
	transform: translateX(3.3em)
}
.c-menu-trigger:not(.is-active):hover .c-menu-row.row--second {
	padding-left: 1.6em;
	padding-right: 0
}
.c-menu-trigger:not(.is-active):hover .c-menu-row.row--second:after {
	-ms-transform: translateX(-3.3em);
	transform: translateX(-3.3em)
}
.c-menu-trigger.is-active:hover:after {
	-ms-transform: scale(.8);
	transform: scale(.8)
}

#project-submenu li {
	padding: 0%;
	margin: 0%;
	
  }
  #project-submenu li a {
	font-size: 20px !important;
  }

  /*-----iPad landscape-----------*/

  @media (min-width: 1024px ) and (max-width: 1024px) {

	 .c-slider__caption{
		 top: 40% !important;
	 }
  }

/*--------iPad Vertical --------*/

@media (min-width: 768px) and (max-width: 768px) {

	.c-slider__caption{
		top: 54% !important;
	}
}

/*-------iPhone plus----------*/
@media (min-width:414px) and (max-width: 736px) {
	.o-title{
		font-size: 20px !important;
	}
}