/*
Theme Name: DragonFruit
Theme URI: http://demo.themeton.com/dragon
Author: ThemeTon
Author URI: http://themeton.com
Description: Dragon Fruit WordPress Theme
Version: 1.0
License:
License URI:
Text Domain: themeton
*/

/*--------------------------------------------------------

 TABLE OF CONTENTS:

  00 - Reset
  01 - LAYOUT INITIALIZATION & COLOR PRESETS
  02 - HOME
  03 - ABOUT
  04 - CONTACT
  05 - WORK
  06 - DETAIL
  06 - EXHIBITIONS

------------------------------------------------------*/



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



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, fieldset, form, label, legend, caption, 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%; 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; 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;}
::-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;}


/*  01 - LAYOUT INITIALIZATION & COLOR PRESETS  */
.building-menu ul li ul{
	display: none !important;
}

.admin-bar header{
	top: 32px;
}

.encrypted_args{
    display: none;
}

.portfolio-pagination i{
    margin-right: 10px;
    display: none;

    -webkit-animation: rotating 2s linear infinite;
       -moz-animation: rotating 2s linear infinite;
        -ms-animation: rotating 2s linear infinite;
         -o-animation: rotating 2s linear infinite;
            animation: rotating 2s linear infinite;
}
.portfolio-pagination.spinning i{
    display: inline-block;
}



/* Portfolio loading spinner */
@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

/* 
Default styles 
-------------------------------------------------- */
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
button,input,select,textarea {
    max-width: 100%;
    vertical-align: baseline;
	padding: 10px;
    color: #3b3b3b;
}
table,th,td {
    border: 1px solid #eaeaea;
    border: 1px solid rgba(51, 51, 51, 0.1);
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.6em;
    width: 100%;
}
caption,th,td {
    font-weight: normal;
    text-align: left;
}
th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
}
td {
    border-width: 0 1px 1px 0;
}
th,td {
    padding: 0.4em;
}
/* Text meant only for screen readers */
.says,
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
/* Page links */
.content-text {margin-top:20px;}
.page-links {clear:both;}
.page-links a,
.page-links > span {
    border: 1px solid #eaeaea;
    display: inline-block;
    height: 2em;
    line-height: 2;
    margin: 0 0.3333em 0.3333em 0;
    text-align: center;
    width: 2em;
}
.page-links a {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
    background-color: #333;
    border-color: #333;
    color: #fff;
}
.page-links a:hover,
.page-links a:focus {
    color: #fff;
    text-decoration: none;
}
.page-links > .page-links-title {
    border: 0;
    padding-right: 0.5em;
    width: auto;
}
.wp-caption,.wp-caption-text,.gallery-caption,.bypostauthor,.alignright,.alignleft,.aligncenter,.tags{}
article.sticky .post-title {font-weight: 700;}
.vc_row-fluid .vc_row.vc_inner {
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.vc_row-fluid .vc_row.vc_inner div:first-child {
    padding-left: 0;
}
.vc_row-fluid .vc_row.vc_inner div:last-child {
    padding-right: 0;
}
.vc_row.no-row-padding div[class^="vc_col-"]{padding-left:0;padding-right:0;}
/**
 * Galleries
 */
.gallery {
    margin-bottom: 1.6em;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding-left: 0px;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-icon img {
    margin: 0 auto;
}
.gallery-caption {
    color: #707070;
    color: rgba(51, 51, 51, 0.7);
    display: block;
    font-family: "Noto Sans", sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}
/* Static instagram widget */
.jr-insta-thumb .thumbnails {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 3px;
}
.jr-insta-thumb .jr_col_3 > li { width: 33%}
.jr-insta-thumb .thumbnails > li {
border: 0;
  background: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  padding: inherit !important;
  margin: 0 !important;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jr-insta-thumb:after {
  content: "";
  display: table;
  clear: both;
}
/* Helper classes: Content Alignments */
.alignleft {
    display: inline;
    float: left;
}
.alignright {
    display: inline;
    float: right;
}
.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 1.6em 0;
}
blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}
blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}

/* Captions */
.wp-caption {
    margin-bottom: 1.6em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}
.wp-caption-text {
    font-size: 12px;
    line-height: 1.5;
    padding: 0.5em 0;
    text-align: center;
}
/* Helper classes */
.clearfix {clear:both;}
.text-white {color:#fff !important;}
.text-light {color:#ffffff;}
.text-light a {color:#ffffff;}
.text-light a[class^="social_"] {color:#ffffff;border-color:#ffffff;}
.text-light h1,.text-light h2,.text-light h3,.text-light h4,.text-light h5,.text-light h6 {color:#ffffff;}
.text-dark {color:#222;}
.text-dark a {color:#222;}
.text-dark a[class^="social_"] {color:#222;border-color:#222;}
.text-dark h1,.text-dark h2,.text-dark h3,.text-dark h4,.text-dark h5,.text-dark h6 {color:#222;}
.text-thin {font-weight:100 !important;}
.text-thin-300 {font-weight:300 !important;}
.base-color {color:#f3d028 !important;}
.base-background {color:#fff !important;background-color:#f3d028 !important;border-color:#f3d028 !important;}
.animate {opacity:0;}
@media (max-width:480px) {.hidden-xxs {display:none !important;}}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.list-inline {list-style:none;padding-left:0;}
.list-inline li {display:inline-block;padding-right:0;}
.list-inline li + li {padding-left:10px;}
.no-margin {margin:0;}
.no-margin-top {margin-top:0;}
.no-margin-bottom {margin-bottom:0;}
.no-padding {padding:0;}
.no-padding-top {padding-top:0;}
.no-padding-bottom {padding-bottom:0;}
iframe, object, embed{max-width: 100%;}

/*------------------------------------------------------*/
/*----------------------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%; bottom:0;}

.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: 36px; font-weight: 900; line-height: 52px; text-transform: uppercase;}
.work-title 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; margin-bottom:20px;}
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 { list-style: none;}
.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;}

.menu ul li a {overflow: hidden; position: relative; display: inline-block;}
.menu ul li a:before {content: ''; 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,
.menu ul li.current_page_item a:before{left: 0px; background: #000;}

.menu ul li a.active,
.menu ul li.current_page_item a{color: #000;}



nav.menu > ul > li{

}
nav.menu > ul > li ul{
  position: absolute;
  background: #fff;
  visibility: hidden;
  left: 0;
  top: 50px;
  display: block;
  width: 200px;
  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 #ebebeb;
  display: block;
  opacity: 0;
  visibility: hidden;
  list-style-type: none;
  padding: 0px;
}
nav.menu > ul > li ul li ul{
  top: 0px;
  left: 198px;
}
nav.menu > ul li{
  position: relative;
}
nav.menu > ul li:hover > ul{
  opacity: 1;
  visibility: visible;
}
nav.menu > ul > li a span{
  position: relative;
  right: auto;
  line-height: inherit;
  
  -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
          transform: rotate(0deg);
}
nav.menu > ul > li > ul::before{
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-bottom: 0;
  border-right: 0;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  left: 10px;
  top: -5px;
}



.nav-menu-icon {position: relative; float: right; 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);}

.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%;}
.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);}

.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;}

.descr-block {position: absolute; bottom: -30px; left: 50px; background: #DB2439; 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 {background-color:#DB2439; 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;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 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;}

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

.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;}

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



.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;}


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

.wrapp.contact {min-height: 880px;}
.detail-page {position: relative; width: 100%; padding: 120px 50px 40px;}
.map-canvas { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.contact-title {position: relative; width: 100%;}
.contact-title h2 {padding-bottom: 10px; text-decoration: line-through;}
.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; 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 {margin-top: 30px; 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:#DB2439;}
.work-item.act .n-title svg path.fill-circle {stroke: #DB2439; stroke-dashoffset: 0px;stroke-dasharray: 360px;}
.work-item.act .work-title h1 { opacity: 1; color:#DB2439;  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:#DB2439;}
.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:#DB2439;}
.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; min-height: 180px;}
.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: 600px;}
.error404 .detail-wrr {min-height: 400px;}
.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;text-decoration: none;padding-bottom: 0;}
.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;}
}
@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, .nav-bar 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:hover, .nav-bar span {background: #222; color: #fff;}

.blog-item { padding-bottom: 40px;word-wrap:break-word;}
.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;}
.blog-item p:last-child {padding-bottom:0;}
.blog-item a {color: #666;}
.blog-item.sticky { padding:30px;background:#ffffd5;}

.comments-container {padding-top:80px;}
.comments {position: relative; width: 100%; float: left;}
.comments > h3 {padding-bottom: 50px; font-weight: 700;}
.comments ol.comment-list li.comment { list-style-type: none; }
.comm-block {width: 100%; position: relative; float: left; padding-bottom: 50px;}
.comm-txt {position: relative; float: left; padding-left: 110px; width: 100%;}
.comm-txt h5.comment-title {position: relative; float: left;}
.comm-txt p {position: relative; color: #999; font-size: 14px;}
.comm-txt a {position: relative;}
.date-post {position: relative; float: left; padding-left: 25px;}
.comm-txt .comment-meta {font-size: 16px; line-height: 1em; margin-bottom: 10px;}
.comm-txt .comment-meta h5 {font-weight: 400; color: #000; font-family: 'latoregular';}
.date-post span {position: relative; float: left; font-size: 14px; color: #999;}
.date-post h6 {position: relative; float: left; font-size: 13px; color: #999; padding-left: 10px; text-transform: capitalize;}
.comm-img {position: absolute; left: 0px; top: 0px;}
.comm-txt a.comment-reply-link {font-size: 12px; color: #000; text-transform: uppercase;}
.comm-txt a.comment-reply-link:hover {color: #999;}
.contact-form {position: relative; width: 100%; float: left;}
.contact-form h3 {padding-bottom: 50px; font-weight: 700;}
.popular-block.padd-80 {padding-bottom: 80px;}
.comment-form input {
    height: 45px;
    border: 1px solid #999;
    padding: 0px 15px;
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.contact-form .cptch_block {margin-bottom:15px;}
.contact-form .cptch_block br {display: none;}

.contact-form textarea {
    height: 120px;
    padding-top: 10px;
}
.contact-form input, textarea {
    width: 100%;
    height: 45px;
    border: 1px solid #999;
    padding: 0px 15px;
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.contact-form input[type=submit] {
	width: auto;
}


/* General Widgets
-------------------------------------------------- */
.widget:first-child {
	margin-top: 0;
}
.widget {
	margin-top: 30px;
}
.widget ul {
  list-style: none;
  padding: 0;
}
.widget ul ul {
  padding-left: 20px;
}
.widget select {
	width: 100%;
	border: 1px solid #ededed;
	height: 35px;
    -webkit-appearance: menulist;
}

.widget_title {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.widget_social ul li {
    float:left;
    width: 52px;
    text-align: center;
}
.widget_categories ul li a span,
.widget_archive ul li a span {
    float: right;
}

.widget_search .search_form {
	position: relative;
	display: inline-block;
	width: 100%;
	margin-top: 0;
}
.s-field {
    position: relative;
    float: left;
    width: 100%;
    backface-visibility: hidden;
    opacity: 1;
    height: 35px;
    border: 1px solid #999;
    color: #999;
    padding: 0px 10px;
    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;
}
.search-button {
    position: absolute;
    right: 6px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: none;
    font-size: 20px;
    color: #222;
}
.search-button input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: transparent;
    border:0;
}

div.wpcf7-validation-errors {
	border: none;
	display: inline-block;
	margin: 0;
}

.blog-item iframe,
.blog-item embed {
    height: 250px;
}