/*STYLE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: Dragon Fruit.*/
/* Version: 1.0 Initial Release*/
/* Build Date: 27-06-2015*/
/* Author: Unbranded.*/
/* Website: http://moonart.net.ua/
/* Copyright: (C) 2015 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/* 02 - HOME */
/* 03 - ABOUT */
/* 04 - CONTACT */
/* 05 - WORK */
/* 06 - DETAIL */
/* 06 - EXHIBITIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - LAYOUT INITIALIZATION & COLOR PRESETS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,900,700,500);

/*------------------------------------------------------*/
/*----------------------RESET----------------------*/

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Montserrat-Regular.eot');
  src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Montserrat-Regular.woff') format('woff'),
       url('fonts/Montserrat-Regular.ttf') format('truetype'),
       url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/Montserrat-Bold.eot');
  src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
       url('fonts/Montserrat-Bold.woff') format('woff'),
       url('fonts/Montserrat-Bold.ttf') format('truetype'),
       url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
body *{-webkit-text-size-adjust:none;}
.clear{clear:both; overflow:hidden; height:0px; font-size:0px; display: block;}
input:focus, select:focus, textarea:focus, button:focus {outline: none; box-shadow:none;}
input, textarea, select{ -webkit-appearance: none; border-radius: 0; outline: none; border: 0px none; outline: none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
a, a:link, a:visited, a:active, a:hover{cursor: pointer; text-decoration: none; outline: none;}
a {text-decoration:none; color: inherit; outline:none; transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;}
iframe {border: none; outline: none;}
ul {list-style: none;}
::-webkit-input-placeholder {color:#999; opacity: 1;}
::-moz-placeholder          {color:#999; opacity: 1;}
:-moz-placeholder           {color:#999; opacity: 1;}
:-ms-input-placeholder      {color:#999; opacity: 1;}

/*------------------------------------------------------*/
/*----------------------BACKGROUND----------------------*/

.bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;}
.bg img{position:absolute; top: 0px; width: 100%; height: 100%;}
.bg video{position:absolute;}
.bg-bg {background-position: 50% 0px; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.bg-bg-chrome{background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;}
.bg-bg-chrome.act{position: absolute;}
.center-bg {transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.bg-bg-chrome.left {background-position: 0% 50%;}
.bg-bg-chrome.right {background-position: 50% 100%;}
.clip{clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}

.full-width {position:relative; width:100%;}
.full-height {height:100%; position:relative; width: 100%; display: inline-block;}
.vertical-center {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; position: absolute;}
.vertical-align {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; position: absolute; width: 100%; left: 0px;}
.vertical-bottom {position: absolute; bottom: 0px; left: 0px; width: 100%;}
.vertical-top {position: absolute; left: 0px; top: 0px; width: 100%;}

.table-view{height: 100%; width: 100%; display: table;}
.row-view{display: table-row;}
.cell-view{display: table-cell; vertical-align: middle;}

/*------------------------------------------------------*/
/*----------------------SWIPER SLIDER----------------------*/

.swiper-container {margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;height: auto!important;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;
-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;
transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;cursor:url(../img/drag.png) 16 9, ew-resize!important;margin: 0 auto;height: inherit!important;float: left;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left; height: inherit!important; position: relative;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}
.pagination-hidden.pagination{display: none!important;}

.pagination {position: absolute; width: 100%; text-align: center; left: 0px; margin: 0px;}
.poin-style-1 {bottom: 0px;}
.poin-style-1 .swiper-pagination-switch {position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 50%; border: 1px solid #777; margin: 0px 7px; cursor: pointer; transition:all 0.3s ease-in;-webkit-transition:all 0.3s ease-in;-moz-transition:all 0.3s ease-in;-o-transition:all 0.3s ease-in;-ms-transition:all 0.3s ease-in;}
.poin-style-1 .swiper-pagination-switch.swiper-active-switch {transform: scale(1.4);-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4); border: 2px solid #777;}
.poin-style-1 .swiper-pagination-switch:hover {transform: scale(1.4);-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-ms-transform: scale(1.4); border: 2px solid #777;}

/*------------------------------------------------------*/
/*----------------------TEXT STYLE----------------------*/

body {font-family: 'Maven Pro', sans-serif;}
h1 {font-size: 60px; font-weight: 900; line-height: 70px; text-transform: uppercase;}
h2 {font-size: 24px; line-height: 32px; font-weight: 900; text-transform: uppercase;}
h3 {font-size: 22px; line-height: 30px; font-weight: 700; text-transform: capitalize;}
h4 { font-size: 16px; line-height: 22px; font-weight: 400; text-transform: uppercase;}
h5 {font-size: 14px; line-height: 18px; font-weight: 400;}
h6 {font-size: 13px; line-height: 16px; font-weight: 700; text-transform: uppercase;}
p {font-size: 16px; line-height: 26px; font-weight: 400;}
ul li {font-size: 16px; line-height: 32px; font-weight: 300;}
ol li {font-size: 16px; line-height: 32px; font-weight: 300; list-style-position: outside;}
b {font-weight: 900;}
.thin {font-weight:300;}
.normal {font-weight: 400;}
.medium {font-weight: 600;}
.bold {font-weight: 700;}
.ex-bold {font-weight: 800;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.tt {text-transform: uppercase;}

.bg-white {background: #fff;}
.bg-dark {background: #000;}
.color-white {color: #fff;}
.color-white-op {color: rgba(255,255,255,0.6);}
.color-dark {color: #000;}
.fl {float: left;}
.fr {float: right;}

.padd-0 {padding: 0px;}
.padd-10 {padding: 10px;}
.padd-15 {padding: 15px;}
.padd-40 {padding-bottom: 40px;}
.padd-80 {padding-bottom: 80px;}
.padd-90 {padding-bottom: 90px;}
.padd-100 {padding: 100px 0px;}
.col-no-padd > div {padding-left: 0px; padding-right: 0px;}
	
/*------------------------------------------------------*/
/*----------------------LOADING----------------------*/

.loading {position: fixed; overflow: hidden; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; z-index: 8000;}
.loading .n-title {width: 100px; opacity: 1; height: 100px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
.loading .n-title span {font-size: 30px; color: #222; position: absolute; left: 50%; top: 50%; z-index: 5; font-weight: 700; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);}
.loading .n-title svg path{fill: none;stroke-width: 3; transition: all 1.5s ease-out; -moz-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;}
.loading .n-title svg path.ip-loader-circlebg {stroke: #222;}
.loading .n-title svg path.fill-circle {stroke: #fff; stroke-dashoffset: 360px;stroke-dasharray: 360px; stroke-width: 4;}
.loading .n-title.act svg path.fill-circle {stroke: #fff; stroke-dashoffset: 0px;stroke-dasharray: 360px;}

.border {background: #fff; position: fixed; z-index: 5000;}
.border-bottom {width: 100%; height: 50px; bottom: 0px; left: 0px;}
.border-left {width: 50px; height: 100%; top: 0px; left: 0px;}
.border-right {width: 50px; height: 100%; top: 0px; right: 0px;}

/*------------------------------------------------------*/
/*----------------------HEADER----------------------*/

header {position: fixed; left: 0px; top: 0px; height: 50px; width: 100%; background: #fff; z-index: 1000; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
header.fix {background: rgba(255,255,255,0.9); height: 60px;}
nav {position: relative; float: right; margin-right: 30px; padding-top: 18px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;} 
nav > ul > li {position: relative; float: left; margin: 0px 21px; font-size: 13px; font-weight: 300; line-height: 16px; text-transform: uppercase;}

nav ul li a {color: #bebebe;}
nav > ul > li.active > a {color: #000; font-weight: 500;}
nav > ul > li.active > span {color: #000; transform: rotateX(-180deg);-webkit-transform: rotateX(-180deg);-moz-transform: rotateX(-180deg);-ms-transform: rotateX(-180deg);}
nav > ul > li > a > span {padding-left: 10px;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
nav ul > li ul {opacity: 0; position: absolute; top: 25px; background: #fff; visibility: hidden; left: 0; display: block; min-width: 150px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out; border: 1px solid #f5f5f5;}
.menu ul > li > ul > li span {position: absolute; right: 12px; line-height: 15px; transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.menu ul > li:hover .dropmenu {opacity: 1; visibility: visible; }
.menu ul > li > ul > li > ul {opacity: 0; visibility: hidden; position: absolute; left: 100%; max-width: 150px; background: #fff; top: 0px;}
.menu ul > li > ul > li {position: relative; margin: 0px; width: 100%;}
.menu ul > li > ul > li:last-child{border-bottom: 0px none;}
.menu ul > li > ul > li:hover ul {opacity: 1; visibility: visible;}
.menu ul li > ul li a {display: block; clear: both; padding: 8px 7px; position: relative; font-size: 12px; line-height: 16px;}
.menu ul > li > ul > li > a:hover {background: #f5f5f5; color: #000;}
nav > ul > li:last-child .dropmenu {right: 0%; left: auto;}
nav > ul > li:last-child .dropmenu li {text-align: right;}
.dropmenu {;}
.dropmenu li {margin:3px;}


.menu ul li a {overflow: hidden; position: relative; display: inline-block;}
.menu ul li a:before { position: absolute; left: -100%; z-index: -1; top: 50%; width: 100%; height: 2px; background: #bebebe; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;}
.menu ul li a:hover:before {left: 0px;}
.menu ul li:hover a {color: #bebebe;}
.menu ul li a.active:before {left: 0px; background: #000;}
.menu ul li a.active {color: #000; font-weight: bold;}

.nav-menu-icon {position: relative; left: 50%; width: 24px; height: 24px; z-index: 600; margin-right: 50px; margin-top: 11px; display: none; z-index: 5001;}
.nav-menu-icon a {display: inline-block;width:24px;height:24px;cursor: pointer;text-decoration: none;}
.nav-menu-icon a i {position: relative;display: inline-block;width: 24px;height: 3px;color:#000;font:bold 14px/.4 Helvetica;text-transform: uppercase;text-indent:-55px;background: #000;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.nav-menu-icon a i::before, .nav-menu-icon a i::after {content:''; width: 24px;height: 3px;background: #262626;position: absolute;left:0;transition:all .2s ease-out;}
.nav-menu-icon a i::before {top: -7px;}
.nav-menu-icon a i::after {bottom: -7px;}
.nav-menu-icon a:hover i::before {top: -10px;}
.nav-menu-icon a:hover i::after {bottom: -10px;}
.nav-menu-icon a.active i {background: none;}
.nav-menu-icon a.active i::before {top:0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform:rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.nav-menu-icon a.active i::after {bottom:0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}

/** center logo **/
.header-center-logo {height: inherit; padding: 20px 0;}
.header-center-logo .logo, .header-center-logo .menu {display: block !important; float: none; text-align: center;}
.header-center-logo .menu {width: 100%;}
.header-center-logo .menu ul {display: inline-block;}

.logo {position: relative; display: inline; float: left; margin: 10px 0px 0px 50px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.logo a {color: #000;font-size: 20px; line-height: 26px; text-align: center; font-weight: 300; text-transform: uppercase; letter-spacing: 3px;}

footer {position: relative; text-align: center; float: left; width: 100%;}
.copyright {position: relative; float: left; width: 100%; padding-bottom: 20px; padding-top: 20px;}
.copyright span {font-size: 14px; text-transform: none; color: #999; font-weight: 300; line-height:20px;}
.copyright span b {font-weight: 300; color: #222;}
.copyright span a {font-weight: 300; color: #222; text-transform: uppercase;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - HOME */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.main-wrapp {position: relative; width: 100%; padding: 50px; overflow: hidden; height: 95vmin;}
.slide-wrapp {position: relative; float: left; overflow: hidden; backface-visibility: hidden; height: 90vmin; cursor: pointer; transition:all 350ms ease-out;-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;}
.izotope-container {width: 100%;}
.item {width: 31.333%; margin: 0px 1%; position: relative; float: left;}
.item a h3 {transition:all 350ms ease-out;-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;}
.item a h3:hover {color: #999;}
.slide-wrapp.item {width: 31.333%; margin: 0px 1%;}

.fullwidth {position: relative; float: left; overflow: hidden; backface-visibility: hidden; height: 90vmin; cursor: pointer; transition:all 350ms ease-out;-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;}
.fullwidth.item {width: 31.333%; margin: 0px 1%;}

.fullwidth.item {width: 100%; margin: 0px 1%;}
.item.w_66 {width: 64.666%; margin: 0px 1%;}
.item.w_60 {width: 60%; margin: 0px 0px 30px;}
.item.w_50 {width: 50%; margin: 0px 0px 30px;}

.work-title {text-align: center; color: #fff; opacity: 0; -webkit-transition: all 400ms cubic-bezier(0.39, 0.43, 0.265, 1.39);
-moz-transition: all 400ms cubic-bezier(0.39, 0.43, 0.265, 1.39);
-o-transition: all 400ms cubic-bezier(0.39, 0.43, 0.265, 1.39);
transition: all 400ms cubic-bezier(0.39, 0.43, 0.265, 1.39);}
.work-title h1 {transform: translateY(-30px) scale(1.1);-webkit-transform: translateY(-30px) scale(1.1);-moz-transform: translateY(-30px) scale(1.1);-ms-transform: translateY(-30px) scale(1.1);-webkit-transition: all 400ms cubic-bezier(0.39, 0.43, 0.265, 1.39);-moz-transition: all 400ms cubic-bezier(0.39, 0.43, 0.265, 1.39);-o-transition: all 400ms cubic-bezier(0.39, 0.43, 0.265, 1.39);
transition: all 400ms cubic-bezier(0.39, 0.43, 0.265, 1.39);}

.grid-sizer {width: 0px;}
.slide-wrapp.inscale {transform: scale(0.9);-webkit-transform: scale(0.9);-moz-transform: scale(0.9);-ms-transform: scale(0.9); opacity: 0.8;}
.slide-wrapp.slide {width: 100%; left: auto; right: auto; max-width: 100%;}
.slide-wrapp.inscale .layer {opacity: 1;}
.slide-wrapp.hide-slide {opacity: 0;}
.item:hover .work-title  {opacity: 1;}
.item:hover .work-title h1 { opacity: 1; transform: translateY(0px) scale(1);-webkit-transform: translateY(0px) scale(1);-moz-transform: translateY(0px) scale(1);-ms-transform: translateY(0px) scale(1);}
.item:hover .layer {opacity: 1;}
.item:hover .n-title {opacity: 1; transform: scale(1) translateY(0);-webkit-transform: scale(1) translateY(0);-moz-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);}
.slide-wrapp.act {z-index: 5; opacity: 1; transform: scale(1) translateX(-50%);-webkit-transform: scale(1) translateX(-50%);-moz-transform: scale(1) translateX(-50%);-ms-transform: scale(1) translateX(-50%); max-width: 100%; left: 50%!important;}

.n-title {position: relative; opacity: 0; display: inline-block; transform: scale(0.5) translateY(15px);-webkit-transform: scale(0.5) translateY(15px);-moz-transform: scale(0.5) translateY(15px);-ms-transform: scale(0.5) translateY(15px); transition:all 350ms ease-out;-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;}
.n-title span {font-size: 30px; color: #fff; position: absolute; left: 50%; top: 50%; z-index: 5; font-weight: 400; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%);-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);}
.n-title svg path{fill: none;stroke-width: 3; transition: all 1s ease-out; -moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-ms-transition: all 1s ease-out;}
.n-title svg path.ip-loader-circlebg{stroke: #fff;}
.n-title svg path.fill-circle { stroke-dashoffset: 360px;stroke-dasharray: 360px;}
.n-title.act svg path.fill-circle {stroke-dashoffset: 0px;stroke-dasharray: 360px;}

.work-title.color {opacity: 1;}
.work-title.color h1 {color: #fff; opacity: 1; transform: translateY(0px) scale(1);-webkit-transform: translateY(0px) scale(1);-moz-transform: translateY(0px) scale(1);-ms-transform: translateY(0px) scale(1);}
.work-title.color .n-title {opacity: 1; transform: scale(1) translateY(0);-webkit-transform: scale(1) translateY(0);-moz-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);}

.main-wrapp.hide-content {display: none;}
.top-wrapp {margin: 50px 50px 0px 50px; display: block; width: auto; position: relative;}
.detail-popup {display: inline-block; position: relative; width: 100%; overflow: hidden; transition:all 300ms ease-out;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;}
.detail-popup .full-height {height: 90vmin;}
.layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); opacity: 0;transition:all 350ms ease-out;-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;}
.top-wrapp .layer {opacity: 1;}
.top-wrapp .layer.hidden {opacity: 0;}

.intro-scroll-down {position: absolute; left: 0px; bottom: 50px; width: 100%; text-align: center; cursor: pointer;}
.intro-scroll-down div {width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; position: relative; display: inline-block; float: none; text-align: center; padding-top: 20px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.intro-scroll-down span {color: #fff; position: relative; display: block; float: left; line-height: 0px; width: 100%; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.intro-scroll-down span:nth-child(1) {font-size: 36px;}
.intro-scroll-down span:nth-child(2) {font-size: 28px; opacity: 0;}
.intro-scroll-down span:nth-child(3) {font-size: 22px; opacity: 0; margin-top: -3px;}
.intro-scroll-down div:hover {padding-top: 8px; transform: scale(1.3); -webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);}
.intro-scroll-down div:hover span {line-height: 9px;}
.intro-scroll-down div:hover span:nth-child(2) {opacity: 1;}
.intro-scroll-down div:hover span:nth-child(3) {opacity: 1;}

.arrow {overflow: hidden;width: 25%;height: 100%; cursor: pointer; position: absolute;top: 0%;display: block;outline: none;text-align: left;z-index: 10; backface-visibility: hidden; transition:all 350ms ease-out;-webkit-transition:all 350ms ease-out;-moz-transition:all 350ms ease-out;-ms-transition:all 350ms ease-out;}
.arrow.slide {width: 100%; max-width: 100%; z-index: 11; opacity: 1; left: auto; right: auto; transform: translateX(0) translateY(0); -webkit-transform: translateX(0) translateY(0);-moz-transform: translateX(0) translateY(0);-ms-transform: translateX(0) translateY(0);}

.nav-imgbar .clip {position: absolute;top: 0;min-width: 100%;min-height: 100%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.nav-imgbar .prev .clip {left: 0;-webkit-transform: translateX(-100%);transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%); opacity: 0;}
.nav-imgbar .next .clip {right: 0;-webkit-transform: translateX(100%);transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%); opacity: 0;}
.nav-imgbar .arrow:hover .clip {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);}
.nav-imgbar .arrow.slide .clip {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);}

.nav-imgbar .prev {left: 0px;}
.nav-imgbar .prev.move {left: 50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.nav-imgbar .next {right: 0px;}
.nav-imgbar .next.move {right: 50%; transform: translateX(50%);-webkit-transform: translateX(50%);-moz-transform: translateX(50%);-ms-transform: translateX(50%);}

.nav-imgbar .move.prev .clip {-webkit-transform: translateX(0%);transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%); opacity: 1;}
.nav-imgbar .move.next .clip {-webkit-transform: translateX(0%);transform: translateX(0%);-moz-transform: translateX(0%);-ms-transform: translateX(0%); opacity: 1;}
/* sa modific*/
.descr-block {position: absolute; bottom: -30px; left: 50px; background: #ffffff; width: 0%; height: 80px; z-index: 500; text-align: center; color: #fff; opacity: 0; backface-visibility: hidden; transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-ms-transition:all 500ms ease-out; transform-origin: 0% 50% 0%;}
.descr-block.slide {opacity: 1; width: 40%;}
.descr-block-w {position: absolute; left: 50%; overflow: hidden; top: 50%; width: 100%; transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);}
.descr-block-w h5 {position: relative; font-size: 13px; float: none; display: inline-block; font-weight: 700; padding: 0px 10px; transition:all 500ms ease-out;-webkit-transition:all 500ms ease-out;-moz-transition:all 500ms ease-out;-ms-transition:all 500ms ease-out; opacity: 0;}
.tt {text-transform: uppercase; }
.descr-block-w h5:nth-child(1) {transform: translateX(-60px);-moz-transform: translateX(-60px);-webkit-transform: translateX(-60px);-ms-transform: translateX(-60px); transition-delay: 0.8s;}
.descr-block-w h5:nth-child(2) {transform: translateX(-100px); -webkit-transform: translateX(-100px);-moz-transform: translateX(-100px);-ms-transform: translateX(-100px); transition-delay: 1s;}
.descr-block-w h5:nth-child(3) {transform: translateX(-140px);-webkit-transform: translateX(-140px);-moz-transform: translateX(-140px);-ms-transform: translateX(-140px); transition-delay: 1.2s;}
.descr-block-w h5 span {padding: 0px 5px;}
.descr-block-w h5 span.tt {padding: 0px;}
.descr-block.slide .descr-block-w h5 {transform: translateX(0);-moz-transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0); opacity: 1;}

.item-desc {position: relative; width: 100%; margin-bottom: 40px; float: left;}
.item-desc img {width: 100%; height: auto; display: block; transition:all .35s ease-out;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;} 
.item-folow {position: relative; width: 100%; text-align: center; margin-top: -33px;}
.item-folow a {position: relative; z-index: 5; float: none; display: inline-block; margin: 0px 10px; background: #000; color: #fff; font-size: 16px; border-radius: 50%; text-align: center; padding-top: 14px; width: 50px; height: 50px; opacity: 0; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;} 
.item-folow a span {color: #fff; font-size: 21px; transition:all .2s ease-out;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;}
.item-folow a:nth-child(1) {transition-delay: 0.1s; margin-left: -80px;}
.item-folow a:nth-child(2) {transition-delay: 0.2s; margin-left: -60px;}
.item-folow a:nth-child(3) {transition-delay: 0.3s; margin-left: -40px;}
.item-title {padding-top: 10px;}
.item-title p {color: #999; font-size: 14px;}
.item-img {position: relative; width: 100%; overflow: hidden;}
.item-img a {z-index: 6;}
.item-desc:hover .item-folow a {opacity: 1; margin-left: 0px;}
.item-desc:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);  transition:all .35s ease-out;-webkit-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-ms-transition:all .35s ease-out;}
.item-folow a:hover {background: #fff;}
.item-folow a:hover span {color: #222;}
.item-desc:hover .layer {opacity: 1;}

.slide-prev, .slide-next {display: block; width: 50px; height: 50px; position: absolute; top: 45%; transform: translateY(-45%); text-align: center; background-color: rgba(255, 255, 255, 0.8);}
.slide-prev:hover, .slide-next:hover {background-color: #333; transition: all .3s ease-out;}
.slide-prev:hover i, .slide-next:hover i {color: #fff;}
.slide-next {right: 28px;}
.slide-prev {left: 2px;}
.slide-prev i, .slide-next i {line-height: 50px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - ABOUT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.wrapp {position: relative; width: 100%; height: 100%; display: inline-block;}
.main-block {position: relative; width: 80%; background: #fff; margin: 100px 10% 50px; display: inline-block; padding: 50px 30px;}
.page-title {position: relative; width: 100%; display: inline-block; padding-bottom: 25px;}
.page-title h2 {padding-bottom: 15px;}
.team-slider {padding-bottom: 30px;}
.about .main-block {padding-bottom: 30px;}

.team-block {position: relative; float: left; overflow: hidden; width: 100%;}
.team-block img {width: 100%; height: auto;}
.later-team {position: absolute; left: 0px; bottom: -100%; width: 100%; height: 100%; background: rgba(255,255,255,0.9); z-index: 1; padding: 40px 35px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.later-team h4 {padding-bottom: 15px; font-weight: 700;}
.later-team h6 {font-weight: 300; color: #555;}
.later-team p {font-size: 14px; color: #777; padding: 35px 50px 0px 0px;}
.team-share {padding-top: 30px;}
.team-share a {font-size: 22px; color: #555; margin: 0px 15px;}
.team-share a:first-child {margin-left: 0px;}
.hiden-text {opacity: 0; padding-top: 40px; -webkit-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-moz-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);-o-transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);transition: all 350ms cubic-bezier(0.77, 0.155, 0.445, 1.32);}
.team-block:hover .later-team {bottom: 0px;}
.team-block:hover .hiden-text {opacity: 1; padding-top: 0px;}

.blue-color .work-title h1 {color: #3333FF;}
.blue-color.item:hover a {color: #3333FF;}

.blue-color.item .n-title svg path.fill-circle {stroke: #3333FF; stroke-dashoffset: 360px;stroke-dasharray: 360px;}
.blue-color.item .n-title.act svg path.fill-circle {stroke: #3333FF; stroke-dashoffset: 0px;stroke-dasharray: 360px;}
.blue-color .n-title.act svg path.fill-circle {stroke: #3333FF;}
.descr-block.blue-color {background: #3333FF;}

.white-color .work-title h1 {color: #ffffff;}
.white-color.item:hover a {color: #ffffff;}
.white-color.item .n-title svg path.fill-circle {stroke: #ffffff; stroke-dashoffset: 360px;stroke-dasharray: 360px;}
.white-color.item .n-title.act svg path.fill-circle {stroke:#ffffff; stroke-dashoffset: 0px;stroke-dasharray: 360px;}
.white-color .n-title.act svg path.fill-circle {stroke: #ffffff;}

.yellow-color .work-title h1 {color: #FCE100;}
.yellow-color.item:hover a {color: #FCE100;}
.yellow-color.item .n-title svg path.fill-circle {stroke: #FCE100; stroke-dashoffset: 360px;stroke-dasharray: 360px;}
.yellow-color.item .n-title.act svg path.fill-circle {stroke:#FCE100; stroke-dashoffset: 0px;stroke-dasharray: 360px;}
.yellow-color .n-title.act svg path.fill-circle {stroke: #FCE100;}

.white-color .descr-block {background: #ffffff;}
.blue-color .descr-block {background: #3333FF;}
.yellow-color .descr-block {background: #FCE100;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - CONTACT */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.wrapp.contact {min-height: 880px;}
.detail-page {position: relative; width: 100%; padding: 120px 50px 0px;}
.map-canvas { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.contact-title {position: relative; width: 100%; padding-bottom: 40px;}
.contact-title h2 {padding-bottom: 10px; }
.contact-title p {color: #999; font-size: 15px; line-height: 20px; font-weight: 100;}
.contact-block input {height: 40px; width: 100%; border: 1px solid #000; padding: 0px 15px; margin-bottom: 30px; background: none; color: #999; text-transform: uppercase; font-size: 12px;}
.contact-block input[type="submit"] {background: #000; color: #fff; margin-bottom: 0px; font-size: 12px;}
.contact-block input[type="submit"]:hover {color: #222; background: none;}
.contact-block textarea {width: 100%; height: 200px; border: 1px solid #000; text-transform: uppercase; padding: 15px; background: none; margin-bottom: 20px; resize: none; font-size: 12px;}
.conatct-item {padding-bottom: 30px; position: relative; width: 100%;}
.conatct-item h4 {padding-bottom: 5px; color: #999;}
.conatct-item a, .conatct-item span {color: #000;}
.wrapp .main-block {overflow: hidden; backface-visibility: hidden; transform-origin: top right; -webkit-transform-origin: top right; -moz-transform-origin: top right;-ms-transform-origin: top right;transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.contact-bg {position: relative; width: 94%; height: 90vmin; margin: 5vmin 3%; background: #E1E1E1;}
.contact-bg .contact-block {text-align: center; width: 100%;}
.contact-bg .contact-block input {border: 0px none; border-bottom: 2px solid #999; width: 170px; position: relative; height: auto; padding: 0px; font-size: 26px;}
.contact-bg .contact-block  textarea {border: 0px none; border-bottom: 2px solid #999; height: auto; width: 100%; height: auto; font-size: 26px;}
.contact-block label {position: relative; font-size: 26px; color: #555; text-transform: uppercase; padding: 0px 15px; font-weight: 400;}
.contact-bg .contact-block input[type="submit"] {position: relative; float: none; display: inline-block; padding: 10px 0px;} 
.close-x {position: absolute; right: 30px; top: 30px;cursor: pointer; width: 20px; height: 20px;}
.main-block.slide-block	{transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); opacity: 0; transform-origin: top right; -webkit-transform-origin: top right;}
.marker	{display: block; opacity: 0; position: absolute; right: 50%; top: 50%; margin-left: -15px; margin-top: -15px; cursor: pointer; width: 30px; height: 30px; transform: scale(0);transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0); transition: all 0.55s ease-out; -moz-transition: all 0.55s ease-out;-o-transition: all 0.55s ease-out;-webkit-transition: all 0.55s ease-out;-ms-transition: all 0.55s ease-out;}
.marker.act {opacity: 1; transform: scale(1);transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 05 - WORK */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.work {position: relative; width: 100%; padding: 50px 50px 0px; overflow: hidden;}
.work-item {min-height: 600px; margin-bottom: 30px;}
.work-item .work-title h1  {color:#ffffff;}
.work-item.act .n-title svg path.fill-circle {stroke: #ffffff; stroke-dashoffset: 0px;stroke-dasharray: 360px;}
.work-item.act .work-title h1 { opacity: 1; color:#ffffff;  transform: translateY(0px) scale(1);-webkit-transform: translateY(0px) scale(1);-moz-transform: translateY(0px) scale(1);-ms-transform: translateY(0px) scale(1);}
.work-item.act  a {color:#ffffff;}
.work-item.act .layer {opacity: 1;}
.work-item.act .n-title {opacity: 1; transform: scale(1) translateY(0);-webkit-transform: scale(1) translateY(0);-moz-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);}
.work-item.act .n-title span {color:#ffffff;}
.work-item.act .work-title {opacity: 1;}
.hov-layer {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 50;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - DETAIL */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.detail {position: relative; float: left; width: 100%; overflow: hidden;}
.detail .work-title {opacity: 1;}
.detail .layer {opacity: 1;}
.detail .detail-page {display: inline-block; padding-top: 80px;}
.detail .descr-block {opacity: 1; transform: translateY(0);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0); left: 100px;}
.detail-wrr {position: relative; display: inline-block; width: 100%; min-height: 500px;}

.icon-wrap {position: absolute; text-align: center; display: block; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.icon-wrap .fa {font-size: 30px; color: #fff;}
.icon-wrap.left-arrow {left: -50px;}
.icon-wrap h4 {color: #fff; white-space: nowrap;}
.icon-wrap.right-arrow {right: -30px;}
.icon-wrap.left-arrow  h4 {transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);}
.icon-wrap.right-arrow h4 {transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);}
.mfp-bg {z-index: 8000;}
.mfp-wrap {z-index: 8005;}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 06 - EXHIBITIONS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

.line-sep {width: 100%;}
.vert-year.line-sep {top: 60%;}
.exibit-block.exibit-year {min-height: 600px; margin-top: 50px;}
.exibit {position: relative; display: inline-block; padding: 50px 50px 0px; background: #ebebeb; width: 100%;}
.year {position: absolute; left:  50%; transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); width: 100px; height: 100px; border-radius: 50%; border: 3px solid #ccc; text-align: center; background: #ebebeb; z-index: 55; top: 0px;}
.year span {font-size: 30px; color: #222; padding-top: 25px; display: inline-block; font-weight: 700;}
.exibit-title { width: 100%; left: 0px; height: 100%; position: absolute; left: 0px; z-index: 50;}
.exibit-title h2 {font-weight: 900; font-size: 40px; line-height: 48px; display: block; margin: 0 auto; max-width: 830px;}
.line-sep:before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); height: 500px; width: 3px; background: #ccc; top: -510px;}
.line-sep:after {content: ''; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); height: 500px; width: 3px; background: #ccc; bottom: -510px;}
.exibit-block {position: relative;text-align: center; width: 100%; min-height: 500px; padding: 0px 30px; overflow: hidden;}
.exibit-img {position: relative; width: 30%;}
.exibit-img img {width: 100%; height: auto;}


@media screen and (max-width: 992px) { 
    .nav-menu-icon {display: block;}  
    nav {position: fixed; overflow-y: auto; top: 0px; left: 0px; margin: 0px; padding: 0px; background: #fff; width: 100%; height: 100%;  transform: translateY(-100%);-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%); z-index: 5000;}
    nav.slide-menu {transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px);}
	nav ul {position: relative; width: 100%; display: inline-block; text-align: center; padding: 80px 0px 30px;}
	nav ul li {position: relative; width: 100%; margin: 15px 0px; float: none;}
	.exibit-title h2 {font-size: 30px; line-height: 32px;}
	.exibit-block {min-height: 400px;}
	.exibit-title {padding: 0px;}
	.exibit-img {width: 40%;}
	.work-item.item {width: 48%;}
	.work-title h1 {font-size: 40px; line-height: 45px;}
	.icon-wrap h4 {font-size: 14px;}
	.icon-wrap .fa {font-size: 20px}
	.descr-block.slide {width: 80%; left: auto; margin: 0px 10%;}
	.intro-scroll-down {bottom: 60px;}
	.detail-page {padding-top: 80px;}
	.item {width: 48%;}
	.item.w_66 {width: 48%;}
}
@media screen and (max-width: 768px) { 
    .border {display: none;}
	.main-wrapp {padding: 50px 30px;}
	.work {padding: 50px 15px;}
	.work-item {margin-bottom: 5px;}
	.nav-menu-icon {margin-right: 30px;}
	.logo {margin-left: 30px;}
	.contact-block input {margin-bottom: 15px;}
	.contact-block textarea {margin-bottom: 15px;}
	.exibit-img {width: 45%;}
	.exibit-block {padding: 0px;}
	.exibit-title h2 {font-size: 20px; line-height: 22px;}
	.exibit-block {min-height: 350px;}
	.main-wrapp {height: 100%;}
	.slide-wrapp.item {width: 98%; margin-bottom: 15px;}
	.item {width: 98%;}
	.item.w_66 {width: 98%;}
	.detail-page {padding: 80px 30px;}
	.top-wrapp {padding: 50px 30px 0px;}
	.top-wrapp {padding: 0px; margin: 50px 0px 0px 0px;}
  .slide-next {right: 0;}
  .slide-prev {left: 0;}
}
@media screen and (max-width: 550px) {
    .work-item.item {width: 98%;}
	.descr-block.slide {width: 100%; margin: 0px;}
	.descr-block-w h5 {width: 100%; padding: 5px 0px;}
	.descr-block {height: 120px; bottom: -120px;}
	.intro-scroll-down {bottom: 20px;}
	.detail-page {padding: 150px 0px 50px;}
	.arrow {width: 25%;}
	.detail .detail-page {padding-top: 80px;}
	
}
@media screen and (max-width: 480px) { 
	.detail-popup .full-height {height: 400px;}
	nav ul {padding-top: 50px;}
	.main-block {margin: 80px 2% 50px; width: 96%;}
	.logo a {font-size: 16px; letter-spacing: 2px;}
	.logo {margin: 12px 0px 0px 10px;}
	.nav-menu-icon {margin-right: 10px;}
	.exibit-img {display: none;}
	.exibit-block.exibit-year {min-height: 350px;}
	.line-sep {margin-top: 70px;}
	.exibit {padding: 50px 15px;} 
}

.nav-bar {position: relative; width: 100%; text-align: center; padding: 40px 0px 20px;}
.nav-bar a span {position: relative; float: none; display: inline-block; margin: 0px 3px; background: #ebebeb; padding: 8px 14px; font-size: 14px; transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out;-o-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out;-ms-transition: all 0.35s ease-out;}
.nav-bar a span:hover {background: #222; color: #fff;}

.blog-item { padding-bottom: 40px;}
.blog-item img {width: 100%; height: auto;}
.top-bar {position: relative; width: 100%; padding: 10px 0px 15px; font-size: 14px; text-transform: uppercase; color: #999; font-weight: 300;}
.blog-item.item a h4:hover {color: #999;}
.top-bar a {color: #999; margin-right: 15px; font-size: 12px;}
.top-bar a:hover {color: #000;}
.top-bar span {margin-right: 15px; font-size: 12px;}
.blog-item h4 a {padding-bottom: 20px; color: #222; display: block;}
.blog-item h4 a:hover {color: #999;}
.blog-item p {color: #999; font-size: 14px; padding-bottom: 20px;}


.home .discover {
	bottom: 60px;
    left: 0px;
    position: absolute;
    right: 0px;
    text-align: center;
    
}
.home .discover .link {
	border-bottom:#ffffff 3px solid;
	font-size:12px;
	padding:10px 0px;
    color: #ffffff;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif; 
}	
.swiper-slide .discover {bottom: 120px;}
.video-wrapper {position: relative; width: 100%; height: 100vmin; float: left; min-height: 650px;}

.video-wrapper {position: relative; width: 100%; height: 100vmin; float: left; min-height: 650px;}
video.bgvid-container {position: absolute; width: 100%; height: 100%; left: 0px; top: 0px;}
video.bgvid {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; background: url(../img/home_image_1.jpg) no-repeat; background-size: cover; overflow: hidden;}



.bg {position:absolute; left:0px; top:0px; width:100%; height:100%; overflow: hidden;}
.bg img{position:absolute; top: 0px; width: 100%; height: 100%;}
.bg video{position:absolute;}
.bg-bg {background-position: 50% 0px; background-repeat: no-repeat;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bg-bg-bag {background-attachment: scroll;background-origin: initial;background-clip: initial;background-size: cover;background-repeat:no-repeat;background-position:50% 0;position:relative;}
.bg-bg-chrome{background-position: 50% 50%; background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-ms-background-size: cover; background-size: cover; position:fixed;}
.bg-bg-chrome.act{position: absolute;}
.clip {clip: rect(auto, auto, auto, auto); height: 100%; position: absolute; width: 100%;}

.full-width {position:relative; width:100%;}
.full-height {height:100vmin; position:relative; float:left; width: 100%;}
.vertical-center {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%;}
.vertical-align {-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top:50%; position: absolute; width: 100%; left: 0px;}
.center_img {position: absolute;}
.swiper-container{margin:0 auto; height: inherit; width: 100%; position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden; overflow: hidden;}
.swiper-wrapper{position:relative;width:100%; -webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}.swiper-wp8-horizontal{-ms-touch-action:pan-y;}.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-slide{position:relative; float: left;}

.main-slider {max-width: 1600px;}
.main-slider .swiper-slide .main-title {margin-left: -150px; transition: all .6s cubic-bezier(.6,0,.3,1);-ms-transition: all .6s cubic-bezier(.6,0,.3,1); -webkit-transition: all .6s cubic-bezier(.6,0,.3,1);-moz-transition: all .6s cubic-bezier(.6,0,.3,1); opacity: 0;}
.main-slider .swiper-slide.active .main-title {opacity: 1; margin-left: 0px;}
.main-slider .swiper-slide .full-height {height: 700px;}