.owl-carousel,.owl-carousel .owl-item,body,html {
 -webkit-tap-highlight-color:transparent
}
.cbp-rfgrid,.grid,ol,ul {
 list-style:none
}
.all-works,.all-works a,.capt,.cbp-rfgrid li a div,.os-phrases h2,.owl-theme .owl-controls,.table-cell,nav.cl-effect-2 {
 text-align:center
}
.icon-back,.slide-down,.socials li a {
 text-indent:-9999px
}
#map-txt,.all-works,.cbp-rfgrid li h2,.cbp-rfgrid li p,.codrops-top,.grid figure figcaption,.os-phrases h2,.slide-fr .text-ab,nav a {
 text-transform:uppercase
}
.os-phrases h2 {
 font-size:70px;
 font-weight:200;
 width:100%;
 overflow:hidden;
 padding:0;
 margin:0;
 position:absolute;
 top:50%;
 left:0;
 letter-spacing:14px;
 font-family:semibold
}
svg {
 -webkit-background-clip:text
}
.os-phrases h2,.os-phrases h2>span {
 display:-webkit-box;
 display:-moz-box;
 display:-ms-flexbox;
 display:-webkit-flex;
 display:flex;
 -webkit-flex-direction:row;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-pack:center;
 -moz-box-pack:center;
 -webkit-justify-content:center;
 -ms-flex-pack:center;
 justify-content:center;
 -webkit-box-align:center;
 -moz-box-align:center;
 -webkit-align-items:center;
 -ms-flex-align:center;
 align-items:center
}
.os-phrases h2>span {
 margin:0 15px
}
.os-phrases h2>span>span {
 display:inline-block;
 perspective:1000px;
 -webkit-transform-origin:50% 50%;
 -moz-transform-origin:50% 50%;
 transform-origin:50% 50%
}
.cl-effect-2 a,.os-phrases h2>span>span {
 -webkit-perspective:1000px;
 -moz-perspective:1000px
}
.os-phrases h2>span>span>span {
 display:inline-block;
 color:rgba(255,255,255,0);
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 transform-style:preserve-3d;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0);
 -webkit-animation:OpeningSequence 2s linear forwards;
 -moz-animation:OpeningSequence 2s linear forwards;
 animation:OpeningSequence 2s linear forwards
}
.os-phrases h2:nth-child(2)>span>span>span {
 -webkit-animation-delay:2s;
 -moz-animation-delay:2s;
 animation-delay:2s
}
.os-phrases h2:nth-child(3)>span>span>span {
 -webkit-animation-delay:4s;
 -moz-animation-delay:4s;
 animation-delay:4s
}
.logo {
 position:relative;
 z-index:2;
 display:block;
 margin:0 auto;
}
.os-phrases .anim-logo.active {
 opacity:0;
 -webkit-animation:FadeIn 3s linear forwards;
 -moz-animation:FadeIn 3s linear forwards;
 animation:FadeIn 3s linear forwards;
 -webkit-animation-delay:6s;
 -moz-animation-delay:6s;
 animation-delay:6s
}
.os-phrases .logo.hide {
 opacity:0;
 transition:all .3s 0 ease-in;
 -moz-transition:all .3s 0 ease-in;
 -webkit-transition:all .3s 0 ease-in
}
.os-phrases .logo.show {
 opacity:1;
 transition:all .3s 0 ease-in;
 -moz-transition:all .3s 0 ease-in;
 -webkit-transition:all .3s 0 ease-in
}
@-webkit-keyframes OpeningSequence {
 0% {
  text-shadow:0 0 50px #fff;
  letter-spacing:80px;
  opacity:0;
  -webkit-transform:rotateY(-90deg)
 }
 50% {
  text-shadow:0 0 1px #fff;
  letter-spacing:14px;
  opacity:.8;
  -webkit-transform:rotateY(0)
 }
 85% {
  text-shadow:0 0 1px #fff;
  opacity:1;
  -webkit-transform:rotateY(0)
 }
 100% {
  text-shadow:0 0 0 #fff;
  opacity:0;
  pointer-events:none
 }
}
@-moz-keyframes OpeningSequence {
 0% {
  text-shadow:0 0 50px #fff;
  letter-spacing:80px;
  opacity:.2;
  -moz-transform:rotateY(-90deg)
 }
 50% {
  text-shadow:0 0 1px #fff;
  letter-spacing:14px;
  opacity:.8;
  -moz-transform:rotateY(0)
 }
 85% {
  text-shadow:0 0 1px #fff;
  opacity:1;
  -moz-transform:rotateY(0)
 }
 100% {
  text-shadow:0 0 0 #fff;
  opacity:0;
  pointer-events:none
 }
}
@keyframes OpeningSequence {
 0% {
  text-shadow:0 0 50px #fff;
  letter-spacing:80px;
  opacity:.2;
  transform:rotateY(-90deg)
 }
 50% {
  text-shadow:0 0 1px #fff;
  letter-spacing:14px;
  opacity:.8;
  transform:rotateY(0)
 }
 85% {
  text-shadow:0 0 1px #fff;
  opacity:1;
  transform:rotateY(0)
 }
 100% {
  text-shadow:0 0 0 #fff;
  opacity:0;
  pointer-events:none
 }
}
@-webkit-keyframes FadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-moz-keyframes FadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes FadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
.os-phrases h2:first-child .word3,.os-phrases h2:nth-child(2) .word2,.os-phrases h2:nth-child(4) .word2 {
 font-weight:600
}
nav a {
 position:relative;
 display:inline-block;
 outline:0;
 color:#fff;
 text-decoration:none;
 text-shadow:0 0 1px rgba(255,255,255,.8)
}
nav a:focus,nav a:hover {
 outline:0
}
.cl-effect-2 a {
 perspective:1000px;
 z-index:1
}
.cl-effect-2 a:hover {
 z-index:2
}
.cl-effect-2 a span {
 position:relative;
 display:inline-block;
 -webkit-transition:-webkit-transform .3s;
 -moz-transition:-moz-transform .3s;
 transition:transform .3s;
 -webkit-transform-origin:50% 0;
 -moz-transform-origin:50% 0;
 transform-origin:50% 0;
 -webkit-transform-style:preserve-3d;
 -moz-transform-style:preserve-3d;
 transform-style:preserve-3d;
 z-index:1
}
.csstransforms3d .cl-effect-2 a span:before {
 display:block;
 position:absolute;
 top:100%;
 left:0;
 width:100%;
 height:100%;
 content:attr(data-hover);
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 transition:all .3s;
 -webkit-transform:rotateX(-90deg);
 -moz-transform:rotateX(-90deg);
 transform:rotateX(-90deg);
 -webkit-transform-origin:50% 0;
 -moz-transform-origin:50% 0;
 transform-origin:50% 0;
 opacity:0
}
.cl-effect-2 a:focus span,.cl-effect-2 a:hover span {
 -webkit-transform:rotateX(90deg)translateY(-22px);
 -moz-transform:rotateX(90deg)translateY(-22px);
 transform:rotateX(90deg)translateY(-22px)
}
.csstransforms3d .cl-effect-2 a:focus span:before,.csstransforms3d .cl-effect-2 a:hover span:before {
 background:#fff;
 color:#000;
 opacity:1
}
.cbp-rfgrid {
 margin:0;
 padding:0;
 position:relative;
 width:100%;
 background:#000;
 z-index:0
}
.cbp-rfgrid>li {
 position:relative;
 float:left;
 overflow:hidden
}
.cbp-rfgrid li a,.cbp-rfgrid li a img {
 display:block;
 width:100%;
 cursor:pointer
}
.cbp-rfgrid li a img {
 max-width:100%
}
.cbp-rfgrid li a div {
 position:absolute;
 left:20px;
 top:20px;
 right:20px;
 bottom:20px;
 background:rgba(71,163,218,.2);
 display:-webkit-flex;
 display:-moz-flex;
 display:-ms-flex;
 display:flex;
 -webkit-align-items:center;
 -moz-align-items:center;
 -ms-align-items:center;
 align-items:center;
 opacity:0
}
#fp-nav,.cbp-rfgrid li a:hover div {
 opacity:1
}
.cbp-rfgrid li h2,.cbp-rfgrid li p {
 width:100%;
 color:#fff;
 font-size:25px;
 letter-spacing:2px;
 padding:0 20px;
 line-height:25px;
 margin:0;
 text-shadow:2px 2px 4px 1px #000;
 -webkit-text-shadow:2px 2px 4px 1px #000;
 -moz-text-shadow:2px 2px 4px 1px #000;
 -o-text-shadow:2px 2px 4px 1px #000
}
.cbp-rfgrid li .info {
 position:absolute
}
#superContainer,.codrops-top,.fp-section,.fp-slides {
 position:relative
}
@media screen and (max-width:1600px)and (min-width:1200px) {
 .cbp-rfgrid li h2,.cbp-rfgrid li p {
  font-size:16px
 }
 .cbp-rfgrid.command>li {
  width:-webkit-calc(100% / 4);
  width:calc(100% / 4)
 }
}
@media screen and (max-width:1200px)and (min-width:982px) {
 .cbp-rfgrid li h2,.cbp-rfgrid li p {
  font-size:13px;
  line-height:16px
 }
 .cbp-rfgrid>li {
  width:calc(100%/3);
  width:-webkit-calc(100% / 3);
  width:calc(100% / 3)
 }
}
@media screen and (max-width:982px)and (min-width:900px) {
 .cbp-rfgrid li h2,.cbp-rfgrid li p {
  font-size:12px;
  line-height:14px
 }
 .cbp-rfgrid>li {
  width:50%;
  width:-webkit-calc(100% / 2);
  width:calc(100% / 2)
 }
}
*,:after,:before {
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
*,.fp-section,:after,:before {
 -webkit-box-sizing:border-box
}
.clearfix:after,.clearfix:before {
 content:" ";
 display:table
}
.clearfix:after {
 clear:both
}
a {
 color:#f0f0f0;
 text-decoration:none
}
a:hover {
 color:#fff
}
.codrops-top {
 z-index:1000;
 font-size:.68em;
 border-bottom:1px solid rgba(255,255,255,.2);
 line-height:2.2
}
.codrops-top a {
 padding:0 1em;
 letter-spacing:.1em;
 color:rgba(255,255,255,.2);
 display:inline-block
}
.codrops-top a:hover {
 color:rgba(255,255,255,.9)
}
.codrops-top span.right {
 float:right
}
.codrops-top span.right a {
 float:left;
 display:block
}
/*@font-face {
 font-family:semibold;
 src:url(FONTS/GothamPro-Medium.eot);
 src:url(FONTS/Stolzl-Medium.woff2)format('woff2'),url(FONTS/Stolzl-Medium.woff)format('woff'),url(FONTS/Stolzl-Medium.ttf)format('truetype');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:ultralight;
 src:url(FONTS/Stolzl-Thin.eot);
 src:url(FONTS/Stolzl-Thin.eot?#iefix)format('embedded-opentype'),url(FONTS/Stolzl-Thin.woff2)format('woff2'),url(FONTS/Stolzl-Thin.woff)format('woff'),url(FONTS/Stolzl-Thin.ttf)format('truetype');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:light;
 src:url(FONTS/Stolzl-Light.eot);
 src:url(FONTS/Stolzl-Light.eot?#iefix)format('embedded-opentype'),url(FONTS/Stolzl-Light.woff2)format('woff2'),url(FONTS/Stolzl-Light.woff)format('woff'),url(FONTS/Stolzl-Light.ttf)format('truetype');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:extrabold;
 src:url(FONTS/Stolzl-Bold.eot);
 src:url(FONTS/Stolzl-Bold.eot?#iefix)format('embedded-opentype'),url(FONTS/Stolzl-Bold.woff2)format('woff2'),url(FONTS/Stolzl-Bold.woff)format('woff'),url(FONTS/Stolzl-Bold.ttf)format('truetype');
 font-weight:400;
 font-style:normal
}*/


@font-face {
  /*font-family: 'GothamPro';*/
  font-family:light;
  src: url('FONTS/FONTS/GothamPro.eot');
  src: url('FONTS/GothamPro.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro.svg#GothamPro') format('svg'),
       url('FONTS/GothamPro.ttf') format('truetype'),
       url('FONTS/GothamPro.woff') format('woff'),
       url('FONTS/GothamPro.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamProNarrow-Medium';
  src: url('FONTS/GothamProNarrow-Medium.eot');
  src: url('FONTS/GothamProNarrow-Medium.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamProNarrow-Medium.svg#GothamProNarrow-Medium') format('svg'),
       url('FONTS/GothamProNarrow-Medium.ttf') format('truetype'),
       url('FONTS/GothamProNarrow-Medium.woff') format('woff'),
       url('FONTS/GothamProNarrow-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamProNarrow-Bold';
  src: url('FONTS/GothamProNarrow-Bold.eot');
  src: url('FONTS/GothamProNarrow-Bold.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamProNarrow-Bold.svg#GothamProNarrow-Bold') format('svg'),
       url('FONTS/GothamProNarrow-Bold.ttf') format('truetype'),
       url('FONTS/GothamProNarrow-Bold.woff') format('woff'),
       url('FONTS/GothamProNarrow-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamPro-MediumItalic';
  src: url('FONTS/GothamPro-MediumItalic.eot');
  src: url('FONTS/GothamPro-MediumItalic.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-MediumItalic.svg#GothamPro-MediumItalic') format('svg'),
       url('FONTS/GothamPro-MediumItalic.ttf') format('truetype'),
       url('FONTS/GothamPro-MediumItalic.woff') format('woff'),
       url('FONTS/GothamPro-MediumItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /*font-family: 'GothamPro-Medium';*/
  font-family:semibold;
  src: url('FONTS/GothamPro-Medium.eot');
  src: url('FONTS/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-Medium.svg#GothamPro-Medium') format('svg'),
       url('FONTS/GothamPro-Medium.ttf') format('truetype'),
       url('FONTS/GothamPro-Medium.woff') format('woff'),
       url('FONTS/GothamPro-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamPro-LightItalic';
  src: url('FONTS/GothamPro-LightItalic.eot');
  src: url('FONTS/GothamPro-LightItalic.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-LightItalic.svg#GothamPro-LightItalic') format('svg'),
       url('FONTS/GothamPro-LightItalic.ttf') format('truetype'),
       url('FONTS/GothamPro-LightItalic.woff') format('woff'),
       url('FONTS/GothamPro-LightItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /*font-family: 'GothamPro-Light';*/
  font-family:ultralight;
  src: url('FONTS/GothamPro-Light.eot');
  src: url('FONTS/GothamPro-Light.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-Light.svg#GothamPro-Light') format('svg'),
       url('FONTS/GothamPro-Light.ttf') format('truetype'),
       url('FONTS/GothamPro-Light.woff') format('woff'),
       url('FONTS/GothamPro-Light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamPro-Italic';
  src: url('FONTS/GothamPro-Italic.eot');
  src: url('FONTS/GothamPro-Italic.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-Italic.svg#GothamPro-Italic') format('svg'),
       url('FONTS/GothamPro-Italic.ttf') format('truetype'),
       url('FONTS/GothamPro-Italic.woff') format('woff'),
       url('FONTS/GothamPro-Italic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamPro-BoldItalic';
  src: url('FONTS/GothamPro-BoldItalic.eot');
  src: url('FONTS/GothamPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-BoldItalic.svg#GothamPro-BoldItalic') format('svg'),
       url('FONTS/GothamPro-BoldItalic.ttf') format('truetype'),
       url('FONTS/GothamPro-BoldItalic.woff') format('woff'),
       url('FONTS/GothamPro-BoldItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamPro-Bold';
  src: url('FONTS/GothamPro-Bold.eot');
  src: url('FONTS/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-Bold.svg#GothamPro-Bold') format('svg'),
       url('FONTS/GothamPro-Bold.ttf') format('truetype'),
       url('FONTS/GothamPro-Bold.woff') format('woff'),
       url('FONTS/GothamPro-Bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GothamPro-BlackItalic';
  src: url('FONTS/GothamPro-BlackItalic.eot');
  src: url('FONTS/GothamPro-BlackItalic.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-BlackItalic.svg#GothamPro-BlackItalic') format('svg'),
       url('FONTS/GothamPro-BlackItalic.ttf') format('truetype'),
       url('FONTS/GothamPro-BlackItalic.woff') format('woff'),
       url('FONTS/GothamPro-BlackItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  /*font-family: 'GothamPro-Black';*/
  font-family:extrabold;
  src: url('FONTS/GothamPro-Black.eot');
  src: url('FONTS/GothamPro-Black.eot?#iefix') format('embedded-opentype'),
       url('FONTS/GothamPro-Black.svg#GothamPro-Black') format('svg'),
       url('FONTS/GothamPro-Black.ttf') format('truetype'),
       url('FONTS/GothamPro-Black.woff') format('woff'),
       url('FONTS/GothamPro-Black.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}














body,html {
 height:100%;
 margin:0;
 padding:0
}
#superContainer {
 height:100%;
 -ms-touch-action:none;
 touch-action:none
}
.fp-section {
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
.fp-slide {
 float:left
}
.fp-slide,.fp-slidesContainer {
 height:100%;
 display:block
}
.fp-slides {
 z-index:1;
 height:100%;
 overflow:hidden;
 -webkit-transition:all .3s ease-out;
 transition:all .3s ease-out
}
.fp-section.fp-table,.fp-slide.fp-table {
 display:table;
 width:100%
}
.fp-tableCell {
 display:table-cell;
 vertical-align:middle;
 width:100%;
 height:100%
}
.fp-slidesContainer {
 float:left;
 position:relative
}
.fp-controlArrow {
 position:absolute;
 top:50%;
 cursor:pointer;
 width:33px;
 height:54px;
 margin-top:-27px
}
.fp-controlArrow .fp-prev {
		width:20px;
	height:38px;
 left:15px;
 background:url(IMG/arrows.png)left center no-repeat
}
.fp-controlArrow .fp-next {
		width:20px;
	height:38px;
 right:15px;
 background:url(IMG/arrows.png)right center no-repeat
}
.fp-scrollable {
 overflow:scroll
}
#trailer,.best,.main-container {
 overflow:hidden
}
.fp-notransition {
 -webkit-transition:none!important;
 transition:none!important
}
#fp-nav {
 position:fixed;
 z-index:100;
 margin-top:-32px;
 top:50%
}
#fp-nav.right {
 right:17px
}
#fp-nav.left {
 left:17px
}
.fp-slidesNav {
 position:absolute;
 z-index:4;
 left:50%;
 opacity:1
}
.fp-slidesNav.bottom {
 bottom:17px
}
.fp-slidesNav.top {
 top:17px
}
#fp-nav ul,.fp-slidesNav ul {
 margin:0;
 padding:0
}
#fp-nav li,.fp-slidesNav li {
 display:block;
 width:14px;
 height:13px;
 margin:7px;
 position:relative
}
.fp-slidesNav li {
 display:inline-block
}
#fp-nav li a,.fp-slidesNav li a {
 display:block;
 position:relative;
 z-index:1;
 width:100%;
 height:100%;
 cursor:pointer;
 text-decoration:none
}
#fp-nav li .active span,.fp-slidesNav .active span {
 background:#333
}
#fp-nav span,.fp-slidesNav span {
 top:2px;
 left:2px;
 width:8px;
 height:8px;
 border:1px solid #000;
 background:0 0;
 border-radius:50%;
 position:absolute;
 z-index:1
}
.fp-tooltip {
 position:absolute;
 top:-2px;
 color:#fff;
 font-size:14px;
 font-family:arial,helvetica,sans-serif;
 white-space:nowrap;
 max-width:220px
}
.fp-tooltip.right {
 right:20px
}
.fp-tooltip.left {
 left:20px
}
.owl-carousel .animated {
 -webkit-animation-duration:1000ms;
 animation-duration:1000ms;
 -webkit-animation-fill-mode:both;
 animation-fill-mode:both
}
.owl-carousel .owl-animated-in {
 z-index:0
}
.owl-carousel .owl-animated-out {
 z-index:1
}
.owl-carousel .fadeOut {
 -webkit-animation-name:fadeOut;
 animation-name:fadeOut
}
.owl-height {
 -webkit-transition:height 500ms ease-in-out;
 -moz-transition:height 500ms ease-in-out;
 -ms-transition:height 500ms ease-in-out;
 -o-transition:height 500ms ease-in-out;
 transition:height 500ms ease-in-out
}
.owl-carousel {
 display:none;
 width:100%;
 position:relative;
 z-index:1
}
.owl-carousel .owl-stage {
 position:relative;
 -ms-touch-action:pan-Y
}
.owl-carousel .owl-stage:after {
 content:".";
 display:block;
 clear:both;
 visibility:hidden;
 line-height:0;
 height:0
}
.owl-carousel .owl-stage-outer {
 position:relative;
 overflow:hidden;
 -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev {
 cursor:pointer;
 cursor:hand;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.owl-carousel.owl-loaded {
 display:block
}
.owl-carousel.owl-loading {
 opacity:0;
 display:block
}
.owl-carousel.owl-hidden {
 opacity:0
}
.owl-carousel .owl-refresh .owl-item {
 display:none
}
.owl-carousel .owl-item {
 position:relative;
 min-height:1px;
 float:left;
 -webkit-backface-visibility:hidden;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.owl-carousel .owl-item img {
 display:block;
 width:100%;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
 -webkit-user-select:auto;
 -moz-user-select:auto;
 -ms-user-select:auto;
 user-select:auto
}
.owl-carousel .owl-grab {
 cursor:move;
 cursor:-webkit-grab;
 cursor:-o-grab;
 cursor:-ms-grab;
 cursor:grab
}
.owl-carousel.owl-rtl {
 direction:rtl
}
.owl-carousel.owl-rtl .owl-item {
 float:right
}
.no-js .owl-carousel {
 display:block
}
.owl-carousel .owl-item .owl-lazy {
 opacity:0;
 -webkit-transition:opacity 400ms ease;
 -moz-transition:opacity 400ms ease;
 -ms-transition:opacity 400ms ease;
 -o-transition:opacity 400ms ease;
 transition:opacity 400ms ease
}
.owl-carousel .owl-video-wrapper {
 position:relative;
 height:100%;
 background:#000
}
.owl-carousel .owl-video-play-icon {
 position:absolute;
 height:80px;
 width:80px;
 left:50%;
 top:50%;
 margin-left:-40px;
 margin-top:-40px;
 background:url(owl.video.play.png)no-repeat;
 cursor:pointer;
 z-index:1;
 -webkit-backface-visibility:hidden;
 -webkit-transition:scale 100ms ease;
 -moz-transition:scale 100ms ease;
 -ms-transition:scale 100ms ease;
 -o-transition:scale 100ms ease;
 transition:scale 100ms ease
}
.owl-carousel .owl-video-play-icon:hover {
 -webkit-transition:scale(1.3,1.3);
 -moz-transition:scale(1.3,1.3);
 -ms-transition:scale(1.3,1.3);
 -o-transition:scale(1.3,1.3);
 transition:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
 display:none
}
.owl-carousel .owl-video-tn {
 opacity:0;
 height:100%;
 background-position:center center;
 background-repeat:no-repeat;
 -webkit-background-size:contain;
 -moz-background-size:contain;
 -o-background-size:contain;
 background-size:contain;
 -webkit-transition:opacity 400ms ease;
 -moz-transition:opacity 400ms ease;
 -ms-transition:opacity 400ms ease;
 -o-transition:opacity 400ms ease;
 transition:opacity 400ms ease
}
.owl-carousel .owl-video-frame {
 position:relative;
 z-index:1
}
.owl-theme .owl-controls {
 margin-top:10px
}
.owl-theme .owl-controls .owl-buttons div {
 color:#FFF;
 display:inline-block;
 zoom:1;
 margin:5px;
 padding:3px 10px;
 font-size:12px;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px;
 background:#869791;
 filter:Alpha(Opacity=50);
 opacity:.5
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
 filter:Alpha(Opacity=100);
 opacity:1;
 text-decoration:none
}
.owl-theme .owl-controls .owl-page {
 display:inline-block;
 zoom:1
}
.owl-theme .owl-controls .owl-page span {
 display:block;
 width:12px;
 height:12px;
 margin:5px 7px;
 filter:Alpha(Opacity=50);
 opacity:.5;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px;
 background:#869791
}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
 filter:Alpha(Opacity=100);
 opacity:1
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
 height:auto;
 width:auto;
 color:#FFF;
 padding:2px 10px;
 font-size:12px;
 -webkit-border-radius:30px;
 -moz-border-radius:30px;
 border-radius:30px
}
.table,.table-cell {
 position:relative;
 width:100%
}
.owl-item.loading {
 min-height:150px;
 background:url(AjaxLoader.gif)center center no-repeat
}
.owl-origin {
 -webkit-perspective:1200px;
 -webkit-perspective-origin-x:50%;
 -webkit-perspective-origin-y:50%;
 -moz-perspective:1200px;
 -moz-perspective-origin-x:50%;
 -moz-perspective-origin-y:50%;
 perspective:1200px
}
.owl-fade-out {
 z-index:10;
 -webkit-animation:fadeOut .7s both ease;
 -moz-animation:fadeOut .7s both ease;
 animation:fadeOut .7s both ease
}
.owl-fade-in {
 -webkit-animation:fadeIn .7s both ease;
 -moz-animation:fadeIn .7s both ease;
 animation:fadeIn .7s both ease
}
.owl-backSlide-out {
 -webkit-animation:backSlideOut 1s both ease;
 -moz-animation:backSlideOut 1s both ease;
 animation:backSlideOut 1s both ease
}
.owl-backSlide-in {
 -webkit-animation:backSlideIn 1s both ease;
 -moz-animation:backSlideIn 1s both ease;
 animation:backSlideIn 1s both ease
}
.owl-goDown-out {
 -webkit-animation:scaleToFade .7s ease both;
 -moz-animation:scaleToFade .7s ease both;
 animation:scaleToFade .7s ease both
}
.owl-goDown-in {
 -webkit-animation:goDown .6s ease both;
 -moz-animation:goDown .6s ease both;
 animation:goDown .6s ease both
}
.owl-fadeUp-in {
 -webkit-animation:scaleUpFrom .5s ease both;
 -moz-animation:scaleUpFrom .5s ease both;
 animation:scaleUpFrom .5s ease both
}
.owl-fadeUp-out {
 -webkit-animation:scaleUpTo .5s ease both;
 -moz-animation:scaleUpTo .5s ease both;
 animation:scaleUpTo .5s ease both
}
@-webkit-keyframes empty {
 0% {
  opacity:1
 }
}
@-moz-keyframes empty {
 0% {
  opacity:1
 }
}
@keyframes empty {
 0% {
  opacity:1
 }
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-moz-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-moz-keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
@-webkit-keyframes backSlideOut {
 25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)
 }
 100%,75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)translateX(-200%)
 }
}
@-moz-keyframes backSlideOut {
 25% {
  opacity:.5;
  -moz-transform:translateZ(-500px)
 }
 100%,75% {
  opacity:.5;
  -moz-transform:translateZ(-500px)translateX(-200%)
 }
}
@keyframes backSlideOut {
 25% {
  opacity:.5;
  transform:translateZ(-500px)
 }
 100%,75% {
  opacity:.5;
  transform:translateZ(-500px)translateX(-200%)
 }
}
@-webkit-keyframes backSlideIn {
 0%,25% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)translateX(200%)
 }
 75% {
  opacity:.5;
  -webkit-transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateZ(0)translateX(0)
 }
}
@-moz-keyframes backSlideIn {
 0%,25% {
  opacity:.5;
  -moz-transform:translateZ(-500px)translateX(200%)
 }
 75% {
  opacity:.5;
  -moz-transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  -moz-transform:translateZ(0)translateX(0)
 }
}
@keyframes backSlideIn {
 0%,25% {
  opacity:.5;
  transform:translateZ(-500px)translateX(200%)
 }
 75% {
  opacity:.5;
  transform:translateZ(-500px)
 }
 100% {
  opacity:1;
  transform:translateZ(0)translateX(0)
 }
}
@-webkit-keyframes scaleToFade {
 to {
  opacity:0;
  -webkit-transform:scale(.8)
 }
}
@-moz-keyframes scaleToFade {
 to {
  opacity:0;
  -moz-transform:scale(.8)
 }
}
@keyframes scaleToFade {
 to {
  opacity:0;
  transform:scale(.8)
 }
}
@-webkit-keyframes goDown {
 from {
  -webkit-transform:translateY(-100%)
 }
}
@-moz-keyframes goDown {
 from {
  -moz-transform:translateY(-100%)
 }
}
@keyframes goDown {
 from {
  transform:translateY(-100%)
 }
}
@-webkit-keyframes scaleUpFrom {
 from {
  opacity:0;
  -webkit-transform:scale(1.5)
 }
}
@-moz-keyframes scaleUpFrom {
 from {
  opacity:0;
  -moz-transform:scale(1.5)
 }
}
@keyframes scaleUpFrom {
 from {
  opacity:0;
  transform:scale(1.5)
 }
}
@-webkit-keyframes scaleUpTo {
 to {
  opacity:0;
  -webkit-transform:scale(1.5)
 }
}
@-moz-keyframes scaleUpTo {
 to {
  opacity:0;
  -moz-transform:scale(1.5)
 }
}
@keyframes scaleUpTo {
 to {
  opacity:0;
  transform:scale(1.5)
 }
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
 margin:0;
 padding:0;
 border:0;
 font:inherit;
 vertical-align:baseline
}
.cnt-txt abbr,.cnt-txt acronym,.cnt-txt address,.cnt-txt b,.cnt-txt big,.cnt-txt blockquote,.cnt-txt caption,.cnt-txt center,.cnt-txt cite,.cnt-txt code,.cnt-txt del,.cnt-txt dfn,.cnt-txt em,.cnt-txt i,.cnt-txt ins,.cnt-txt kbd,.cnt-txt q,.cnt-txt s,.cnt-txt samp,.cnt-txt small,.cnt-txt strike,.cnt-txt strong,.cnt-txt sub,.cnt-txt sup,.cnt-txt tt,.cnt-txt u,.cnt-txt var,.information abbr,.information acronym,.information address,.information b,.information big,.information blockquote,.information caption,.information center,.information cite,.information code,.information del,.information dfn,.information em,.information i,.information ins,.information kbd,.information q,.information s,.information samp,.information small,.information strike,.information strong,.information sub,.information sup,.information tt,.information u,.information var {
 font:initial

}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
 display:block
}
blockquote,q {
 quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
 content:'';
 content:none
}
table {
 border-collapse:collapse;
 border-spacing:0
}
.semibold {
 font-family:semibold
}
.ultralight {
 font-family:ultralight
}
.light {
 font-family:light
}
.extrabold {
 font-family:extrabold
}
#gt-grid div h2,.cbp-rfgrid h2 {
 font-family:semibold;
 text-decoration:none
}
#gt-grid div p,.cbp-rfgrid li p {
 font-family:light;
 text-decoration:none
}
body {
 line-height:1;
 font-family:light, sans-serif;
 color:#fff;
 background:#000
}
.main-container {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0
}
.table {
 display:table;
 box-sizing:border-box
}
.table-cell {
 display:table-cell;
 vertical-align:middle;
 min-width:100%;
 height:100%;
 z-index:2
}
#menu-trigger,.loading,.nav {
 position:fixed;
}

 img.logo {
  width:250px /*new data*/
 }

 img.logobw {
  position:absolute;
  width:269px; /*new data*/
  left:390px;
  top:310px;

 }

#menu-trigger {
 display:block;
 width:35px;
 height:30px;
 background:url(IMG/menubutton.png)center center no-repeat;
 border:none;
 right:185px; /*305px;*/
 top:40px;
 z-index:3001; /*3001;*/
 outline:0;
 cursor:pointer;
 opacity:1;
 transition:all .3s 0 ease-in-out;
 -moz-transition:all .3s 0 ease-in-out;
 -webkit-transition:all .3s 0 ease-in-out;
 -o-transition:all .3s 0 ease-in-out
}
#menu-trigger:hover,.fotorama__arr--next:hover,.fotorama__arr--prev:hover,.fp-next:hover,.fp-prev:hover,.slide-down:hover,.triger-down:hover {
 opacity:.6
}
#menu-trigger.active {
 background:url(IMG/closebutton.png)center center;
 opacity:1;
 background-size:cover
}
#menu-trigger.active:hover {
 opacity:.6
}
.nav {
 width:100%;
 height:100%;
 background:rgba(0,0,0,.85);
 z-index:3000;
 right:-100%;
 transition:all .3s;
 -moz-transition:.8s 0 ease-in-out;
 -webkit-transition:all .8s 0 ease-in-out;
 -o-transition:all .8s 0 ease-in-out
}
#trailer,.mask,.nav.active {
 right:0
}
.loading {
 width:100%;
 height:100%;
 background-color:rgba(0,0,0,1);
 background-position:center center;
 background-repeat:no-repeat;
 z-index:1001
}
#trailer,#trailer>video,.mask,nav.cl-effect-2 {
 position:absolute
}
#additional-menu a#m1,#main-menu a#m1 {
 font-family:ultralight;
 letter-spacing:3px
}
#additional-menu a#m2,#additional-menu a#m5,#main-menu a#m2,#main-menu a#m5 {
 font-family:semibold
}
#additional-menu a#m3,#main-menu a#m3 {
 font-family:light
}
#additional-menu a#m1,#additional-menu a#m2,#additional-menu a#m3,#main-menu a#m1,#main-menu a#m2,#main-menu a#m3 {
 font-size:50px
}
#additional-menu a#m4,#main-menu a#m4 {
 font-family:extrabold;
 margin-right:5px
}
#additional-menu a#m4,#additional-menu a#m5,#main-menu a#m4,#main-menu a#m5 {
 font-size:50px
}
#additional-menu a#m6,#main-menu a#m6 {
 font-family:light;
 letter-spacing:4px;
 margin-right:5px
}
#additional-menu a#m7,#main-menu a#m7 {
 font-family:ultralight
}
#additional-menu a#m6,#additional-menu a#m7,#main-menu a#m6,#main-menu a#m7 {
 font-size:50px
}
nav.cl-effect-2 {
 display:block;
 width:893px;
 margin:0 auto;
 top:50%;
 left:50%;
 padding:0;
 margin-top:-136px;
 margin-left:-444px
}
.capt,a.text-ab,div.text-ab p,p.text-ab {
 transition:all .8s 0s ease-in-out;
 margin-left:auto
}
.is_overlay {
 display:block;
 width:100%;
 height:100%
}
#trailer {
 top:0;
 bottom:0;
 left:0
}
#trailer>video {
 top:0;
 left:0;
 width:100%;
 height:100%
}
@media (min-aspect-ratio:16/9) {
 #trailer>video {
  height:300%;
  top:-100%
 }
}
.map,.mask {
 height:100%
}
@media (max-aspect-ratio:16/9) {
 #trailer>video {
  width:300%;
  left:-100%
 }
}
@supports (object-fit:cover) {
 #trailer>video {
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover
 }
}
.mask {
 width:100%;
 top:0;
 left:0;
 bottom:0;
 background:url(IMG/pat.png)
}
/*#page2 {
 background:url(IMG/pg2.jpg)center center no-repeat;
 -moz-background-size:cover;
 -webkit-background-size:cover;
 -o-background-size:cover;
 background-size:cover;

}
*/




/*
.about-us-top {
	width:100%;
	top:0;
	left:0;
	height:185px;
	background-color:black;
	display:block;
	float:left;
	position:relative;
	
}


.about-us-text {
 opacity:0;
 width:67%;
 text-align:center;
 z-index:0;
 position:relative;
 margin-right:auto;
 font-size:36px;
 font-family:light;
 text-decoration:none;
 color:#fff;
 -moz-transition:all .8s 0s ease-in-out;
 -webkit-transition:all .8s 0s ease-in-out;
 -o-transition:all .8s 0s ease-in-out
}*/

.about-us-top {
width:100%;
top:0;
left:0;
height:185px;
background:url(IMG/cont_bg.jpg)center center no-repeat;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
float:left;
position:absolute;
}


.about-us-top .about-us-text {
position:relative;
top:35%;
width:80%;
text-align:center;
margin: auto;
}

.about-us-text p {
text-align:center;
font-size:23px;
font-family:light;
text-decoration:none;
color:#fff;
}

.halfpage_interiors {
	top:185px;
	left:0;
width:50%;
/* Firefox */
height: -moz-calc(100% - 185px);
/* WebKit */
height: -webkit-calc(100% - 185px);
/* Opera */
height: -o-calc(100% - 185px);
/* Standard */
height: calc(100% - 185px);
float:left;
position:absolute;
background:url(IMG/left_Int.jpg)center center no-repeat;
overflow: hidden;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.halfpage_interiors:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
overflow: hidden;
}
.intlinktext {
	margin:auto;
bottom:90px;
left:25%;
position:absolute;
text-transform:uppercase;
display:block;
font-family:light;
letter-spacing: 5px;
font-size:25pt;
text-align:center;
text-shadow:0 0 5px rgba(0,0,0,.5);
}
.halfpage_architecture {
	top:185px;
	right:0;
width:50%;
/* Firefox */
height: -moz-calc(100% - 185px);
/* WebKit */
height: -webkit-calc(100% - 185px);
/* Opera */
height: -o-calc(100% - 185px);
/* Standard */
height: calc(100% - 185px);
float:left;
position:absolute;
background:url(IMG/right_Arch.jpg)center center no-repeat;
overflow: hidden;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

.halfpage_architecture:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
overflow: hidden;
}

.arclinktext {
	margin:auto;
bottom:90px;
right:25%;
position:absolute;
text-transform:uppercase;
display:block;
font-family:light;
letter-spacing: 5px;
font-size:25pt;
text-align:center;
text-shadow:0 0 5px rgba(0,0,0,.5);
}
/*




.halfpage_interiors {
	 width:50%;
	top:0;
	left:0;
	bottom:0;
	 display:block;
	 float:left;
	 position:relative;
background:url(IMG/left_Int.jpg)center center no-repeat;
overflow: hidden;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}

*/


#page4 {
 background:url(IMG/cont_bg.jpg)center center no-repeat;
 -moz-background-size:cover;
 -webkit-background-size:cover;
 -o-background-size:cover;
 background-size:cover
}

a.text-ab,div.text-ab p,p.text-ab {
 opacity:0;
 width:813px;
 text-align:center;
 z-index:1;
 position:relative;
 margin-right:auto;
 font-size:40px;
 font-family:semibold;
 text-decoration:none;
 color:#fff;
 -moz-transition:all .8s 0s ease-in-out;
 -webkit-transition:all .8s 0s ease-in-out;
 -o-transition:all .8s 0s ease-in-out
}
#trtr,.capt {
 position:fixed
}
.capt,.map {
 width:100%
}
a.text-ab:hover {
 text-shadow:0 0 10px rgba(0,0,0,.5)
}
.capt {
 top:50%;
 margin-right:auto;
 z-index:1;
 font-size:55px;
 opacity:0;
 -moz-transition:all .8s 0s ease-in-out;
 -webkit-transition:all .8s 0s ease-in-out;
 -o-transition:all .8s 0s ease-in-out;
 -moz-transform:scale(1.1,1.1);
 -ms-transform:scale(1.1,1.1);
 -webkit-transform:scale(1.1,1.1);
 -o-transform:scale(1.1,1.1);
 transform:scale(1.1,1.1)
}
.slowhide {
 animation-name:fadeOut;
 animation-duration:1s;
 animation-delay:2s;
 animation-fill-mode:forwards;
 animation-timing-function:ease-in-out;
 -moz-animation-name:fadeOut;
 -moz-animation-duration:1s;
 -moz-animation-delay:2s;
 -moz-animation-fill-mode:forwards;
 -moz-animation-timing-function:ease-in-out;
 -webkit-animation-name:fadeOut;
 -webkit-animation-duration:1s;
 -webkit-animation-delay:2s;
 -webkit-animation-fill-mode:forwards;
 -webkit-animation-timing-function:ease-in-out
}
@keyframes fadeOut {
 0% {
  opacity:1;
  -moz-transform:scale(1,1);
  -ms-transform:scale(1,1);
  -webkit-transform:scale(1,1);
  -o-transform:scale(1,1);
  transform:scale(1,1)
 }
 98% {
  opacity:0;
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1)
 }
 100% {
  display:none
 }
}
.capt.active {
 opacity:1;
 -moz-transform:scale(1,1);
 -ms-transform:scale(1,1);
 -webkit-transform:scale(1,1);
 -o-transform:scale(1,1);
 transform:scale(1,1)
}
#trtr {
 top:10px;
 left:10px;
 z-index:1000
}
.dot,.map {
 position:absolute
}
a.text-ab.active,div.text-ab.active,p.text-ab.active {
 margin-top:0;
 opacity:1
}
.map {
 top:0;
 left:0;
 background:url(../img/map.png)center center no-repeat;
 background-size:cover
}
.dot {
 background:red;
 top:10%;
 left:10%;
 width:10px;
 height:10px;
 border-radius:50%
}
.map-container {
 width:1000px;
 height:auto
}
.item-lnk,.map-container img {
 width:100%
}
#projects,.portfolio {
 position:relative;
 background:rgba(0,0,0,.7)
}
.item-lnk {
 position:absolute;
 top:0;
 left:0;
 height:100%;
 display:block;
 right:0;
 bottom:0;
 z-index:1
}
.fp-controlArrow {
 z-index:8888
}
.fp-controlArrow .fp-prev {
 width:81px;
 height:155px;
 background:url(../img/arrows.png)left center no-repeat
}
#page1 .fp-controlArrow {
 display:none
}
.port-container {
 width:100%;
 top:0;
 left:0
}
.port-container:after {
 display:block;
 content:" ";
 clear:both;
 height:0
}
.cbp-rfgrid>li>a {
 position:absolute;
 top:0;
 left:0;
 margin:1px;
 display:block;
 height:100%;
 width:100%;
 z-index:0;
 text-decoration:none;
 background-repeat:no-repeat;
 background-size:cover;
 background-position:center center;
 transition:all .3s .1s ease-in-out;
 -moz-transition:all .3s .1s ease-in-out;
 -webkit-transition:all .3s .1s ease-in-out;
 -o-transition:all .3s .1s ease-in-out
}
.cbp-rfgrid li:hover .socials {
 right:20px;
 z-index:1000
}
.port-container .cbp-rfgrid li:hover .info {
 bottom:100px
}
.soc-but {
 position:fixed;
 bottom:40px;
 right:185px; /*305px; */
 z-index:999
}
/*
.soc-but .socials {
 position:relative;
 left:0;
 right:0;
 bottom:0;
 top:0
}*/
.main .socials {
	left:50%;
	top:20px;
	margin-left: -94px;
	 position: relative;
 /*right:20px;
 bottom:22px*/
}

.grid .socials {
	position: absolute;
}
.socials {
/* position: relative; absolute; */
 right:-250px;
 bottom:10px;
 z-index:0;
 height:40px;
 transition:all .4s .3s ease-in-out;
 -moz-transition:all .4s .3s ease-in-out;
 -webkit-transition:all .4s .3s ease-in-out;
 -o-transition:all .4s .3s ease-in-out
}
.socials li {
 position:relative;
 float:left;
 margin:0 5px
}
.socials li a {
 outline:0;
 display:block;
 width:35px;
 height:36px;
 background:url(IMG/socialbuttons.png); /*rgba(0,0,0,.5);*/
 background-repeat:no-repeat;
 -moz-transition:all .3s 0s ease-in-out;
 -webkit-transition:all .3s 0s ease-in-out;
 -o-transition:all .3s 0s ease-in-out;
 border-radius:4px
}
.info,.socials li a {
 transition:all .3s 0s ease-in-out
}
.socials li a:hover {
 background-color:rgba(0,0,0,.2);
 box-shadow:0 0 5px rgba(0,0,0,.5)
}
.socials li.pin a:hover {
 background-color:rgba(0,0,0,.2)!important
}
.socials li.fb a {
 background-position:0 0
}
.socials li.pin a {
 background:url(IMG/socialbuttons.png)!important; /*rgba(0,0,0,.5)!important;*/
 background-position:-171px 0!important;
 width:35px!important;
 height:36px!important
}
.owl-item,.owl-stage,.owl-stage-outer,.work {
 height:100%
}
.socials li.be a {
 background-position:-114px 0
}
.socials li.houzz a {
 background-position:-150px 0
}
.socials li.vk a {
 background-position:-180px 0
}
.socials li.tw a {
 background-position:-30px 0
}
.socials li.inst a {
 background-position:-57px 0
}
.socials li.ln a {
 background-position:-270px 0
}
.socials li.gplus a {
 background-position:-300px 0
}
.socials li.th a {
 background-position:-240px 0
}
.socials li.upon a {
 background-position:-330px 0
}
.socials li.flip a {
 background-position:-360px 0
}
.socials li.surf a {
 background-position:-210px 0
}
.info {
 position:absolute;
 z-index:2;
 bottom:20px;
 left:20px;
 -moz-transition:all .3s 0s ease-in-out;
 -webkit-transition:all .3s 0s ease-in-out;
 -o-transition:all .3s 0s ease-in-out
}
.cbp-rfgrid.command>li {
 width:25%;
 background:#000
}
.command>li .info {
 z-index:0
}
.command>li>a {
 z-index:1
}
.hide {
 visibility:hidden
}
@media (max-width:1400px) {
 .cbp-rfgrid.command>li {
  width:25%
 }
}
@media (max-width:1380px) {
 .slide-fr a.text-ab {
  font-size:30px; /*40px*/
  margin-top:-20px
 }
 
  img.logobw {
  position:absolute;
  width:269px; /*new data*/
  left:250px!important;
  top:310px;
 }
 .cnt-txt {
 /*padding:20px 0 20px 100px;*/
 position:relative;
 display:block;
 left:600px!important;
 top:-50px!important;
 color:#fff;
 width:500px;
 font-family:light;
 font-size:1.5em;
 line-height:1.5;
}
.contacts_soc {
position:relative;
 display:block;
 left:590px!important;
 top:-30px!important;
 width:400px;
	/*left:790px;
	top:460px;*/
}


}
@media (max-width:1100px) {
 .cbp-rfgrid.command>li {
  width:calc(100%/3);
  background:#000
 }
 .slide-fr a.text-ab {
  font-size:30px;
  margin-top:-15px
 }
 p.text-ab {
  width:600px;
  font-size:35px
 }
 a.text-ab:hover {
  text-shadow:0 0 15px rgba(0,0,0,.5)
 }
 figure>figcaption>h2 {
  font-size:16px;
  line-height:20px
 }
}
.best .slide,.slide-fr {
 position:relative
}
.best .slide-ow,.slide-fr {
 width:100%;
 min-height:100%
}
.best .slide .text-ab,.best .slide-ow .text-ab {
 z-index:2;
 position:relative;
 opacity:1;
 text-shadow:0 0 10px rgba(0,0,0,.5);
 text-transform:uppercase;
 width:90%
}
.best .slide-ow .text-ab {
 position:absolute;
 top:50%;
 margin-top:-27px
}
.slide-ow div.img,div.img {
 width:100%;
 height:100%;
 background-position:center center;
 background-size:cover;
 position:absolute;
 top:0;
 left:0;
 z-index:1
}
#fullpage-other.publications div.img {
 background-size:contain;
 background-repeat:no-repeat
}
.all-works {
 position:absolute;
 bottom:150px;
 width:100%;
 z-index:5
}
.all-works a {
 display:block;
 width:150px;
 font-size:20px;
 color:#fff;
 margin:0 auto;
 text-decoration:none;
 text-shadow:0 0 5px rgba(0,0,0,.8);
 transition:all .2s 0s ease-in-out;
 -moz-transition:all .2s 0s ease-in-out;
 -webkit-transition:all .2s 0s ease-in-out;
 -o-transition:all .2s 0s ease-in-out
}
.all-works a:hover {
 -moz-transform:scale(1.1,1.1);
 -ms-transform:scale(1.1,1.1);
 -webkit-transform:scale(1.1,1.1);
 -o-transform:scale(1.1,1.1);
 transform:scale(1.1,1.1)
}
.work {
 background:#000;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 z-index:1002;
 display:none;
 overflow-y:scroll
}
.folio-it .section,.grid figure,.video-viewport,.work {
 overflow:hidden
}
.slide-down,.triger-down,.triger-down-mp {
 width:78px;
 left:50%;
 height:43px;
 display:block;
 background:url(IMG/buttondown.png)center center no-repeat
}
.folio-it .section img {
 width:100%;
 position:absolute;
 top:0;
 left:0
}
.fotorama__arr--next,.fotorama__arr--prev,.fp-next,.fp-prev,.slide-down {
 transition:all .3s 0s ease-in-out;
 -moz-transition:all .3s 0s ease-in-out;
 -webkit-transition:all .3s 0s ease-in-out;
 -o-transition:all .3s 0s ease-in-out
}

/* в проектах */
.triger-down,.triger-down-mp {
 text-indent:-9999px;
 position:absolute;
 bottom:40px;
 margin-left:-39px;
 transition:all .3s 0s ease-in-out;
 -moz-transition:all .3s 0s ease-in-out;
 -webkit-transition:all .3s 0s ease-in-out;
 -o-transition:all .3s 0s ease-in-out;
 opacity:1;
 z-index:3000;
 cursor:pointer
}

/* на главной */
.slide-down {
 position:absolute;
 bottom:70px;
 margin-left:-39px;
 -moz-transition:all .3s 0s ease-in-out;
 -webkit-transition:all .3s 0s ease-in-out;
 -o-transition:all .3s 0s ease-in-out;
 opacity:1;
 z-index:2;
 cursor:pointer
}
.icon-info,.slide-down {
 transition:all .3s 0s ease-in-out
}
.icon-back,.icon-info {
 position:fixed;
 left:115px
}


.icon-info {
 top:40px;
 left:115px;
 font-size:28px;
 z-index:9000;
 font-weight:700;
 width:88px;
 height:36px;
 background:url(IMG/infobutton.png)center center no-repeat;
 -moz-transition:all .3s 0s ease-in-out;
 -webkit-transition:all .3s 0s ease-in-out;
 -o-transition:all .3s 0s ease-in-out;
 outline:0;
 cursor:pointer
}
.icon-info.active {
 display:none
}
.icon-back {
 display:block;
 bottom:20px;
 width:42px;
 height:80px;
 background:url(IMG/arrowbuttons.png)left center no-repeat;
 -moz-transition:all .3s 0s ease-in-out;
 -webkit-transition:all .3s 0s ease-in-out;
 -o-transition:all .3s 0s ease-in-out;
 opacity:1;
 z-index:202
}
.icon-back,.information {
 transition:all .3s 0s ease-in-out
}
.icon-back:hover {
 opacity:.6
}
.information {
 opacity:0;
 width:50%;
 padding:100px 40px;
 background:rgba(0,0,0,.6);
 position:fixed;
 left:0;
 height:100%;
 top:0;
 z-index:201;
 text-align:justify;
 -moz-transition:all .3s 0s ease-in-out;
 -webkit-transition:all .3s 0s ease-in-out;
 -o-transition:all .3s 0s ease-in-out
}
.information.active {
 opacity:1
}
.information h2 {
 font-size:30px;
 font-family:semibold;
 margin-bottom:20px
}
.information p {
 line-height:20px;
 font-size:14px;
 font-family:light
}
.text-ab.active.our {
 position:absolute;
 top:50%;
 z-index:9999;
 float:none;
 left:50%;
 height:56px;
 margin-left:-250px;
 margin-top:-28px;
 width:500px;
 font-size:40px;
 line-height:56px
}
.triger-info {
 position:fixed;
 left:0;
 top:0;
 width:80px;
 height:100%;
 z-index:2000
}
.owl {
 width:100%;
 height:100%
}
.cs-owl-next,.cs-owl-prev,.fotorama__arr.fotorama__arr--next,.fotorama__arr.fotorama__arr--prev {
 position:absolute!important;
 z-index:4!important;
 top:50%!important;
 cursor:pointer!important;
 width:42px!important;
 height:80px!important;
 margin-top:-27px!important
}
.cbp-rfgrid.command.pubb .grid,.grid figure {
 cursor:pointer
}
.cs-owl-prev,.fotorama__arr.fotorama__arr--prev {
 left:115px!important;
 background:url(IMG/arrowbuttons.png)left center no-repeat!important
}
.cs-owl-next,.fotorama__arr.fotorama__arr--next {
 right:115px!important;
 background:url(IMG/arrowbuttons.png)right center no-repeat!important
}
.fotorama {
 width:100%;
 height:100%
}
.slide-fr .text-ab {
 position:absolute;
 top:50%;
 width:100%;
 opacity:1;
 margin-top:-26px;
 text-shadow:0 0 5px rgba(0,0,0,.8)
}
.video-viewport {
 position:absolute;
 bottom:0;
 right:0;
 min-width:100%;
 min-height:100%;
 width:auto;
 height:auto;
 z-index:-1000
}
.debug {
 position:absolute;
 z-index:100;
 color:#fff;
 font-size:12pt
}
figure.effect-honey {
 background:#4a3753;
 z-index:2
}
figure.effect-honey img {
 opacity:.9;
 -webkit-transition:opacity .35s;
 transition:opacity .35s
}
figure.effect-honey:hover img {
 opacity:.5
}
figure.effect-honey figcaption::before {
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:10px;
 background:#fff;
 content:'';
 -webkit-transform:translate3d(0,10px,0);
 transform:translate3d(0,10px,0)
}
figure.effect-honey h2 {
 position:absolute;
 bottom:10px;
 left:0;
 padding:1.1em 1.5em;
 width:100%;
 text-align:left;
 -webkit-transform:translate3d(0,30px,0);
 transform:translate3d(0,30px,0)
}
.grid,.grid figure,div.text-ab p {
 text-align:center
}
.grid,.grid figure,.grid figure img {
 position:relative
}
figure.effect-honey h2 i {
 font-style:normal;
 opacity:0;
 -webkit-transition:opacity .35s,-webkit-transform .35s;
 transition:opacity .35s,transform .35s;
 -webkit-transform:translate3d(0,-30px,0);
 transform:translate3d(0,-30px,0)
}
figure.effect-honey figcaption::before,figure.effect-honey h2 {
 -webkit-transition:-webkit-transform .35s;
 transition:transform .35s
}
figure.effect-honey:hover figcaption::before,figure.effect-honey:hover h2,figure.effect-honey:hover h2 i {
 opacity:1;
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0)
}
.grid {
 margin:0 auto;
 max-width:1000px;
 width:calc(100%/3)
}
.grid figure {
 float:left;
 margin:2px;
 max-width:100%;
 max-height:100%;
 width:100%;
 height:100%;
 background:#fff
}
.grid figure img {
 display:block;
 min-height:100%;
 max-width:100%;
 opacity:.8;
 top:-56px
}
figcaption {
 transition:opacity .3s 0 ease-in-out;
 -moz-transition:opacity .3s 0 ease-in-out;
 -webkit-transition:opacity .3s 0 ease-in-out
}
figcaption:hover {
 opacity:.8
}
.grid figure figcaption {
 padding:2em;
 color:#fff;
 font-size:1.25em;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 background-position:center center
}
.grid figure figcaption::after,.grid figure figcaption::before {
 pointer-events:none
}
.grid figure figcaption,.grid figure figcaption>a {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.grid figure figcaption>a {
 z-index:1000;
 text-indent:200%;
 white-space:nowrap;
 font-size:0;
 opacity:0
}
.grid figure h2 {
 word-spacing:-.15em;
 font-weight:300
}
.grid figure h2 span {
 font-weight:800
}
.grid figure h2,.grid figure p {
 margin:0
}
.grid figure p {
 letter-spacing:1px;
 font-size:68.5%
}
.grid figure figcaption {
 position:static
}
.shad {
 text-shadow:#1b1b1b 1px 0,#1b1b1b 1px 1px,#1b1b1b 0 1px,#1b1b1b -1px 1px,#1b1b1b -1px 0,#1b1b1b -1px -1px,#1b1b1b 0 -1px,#1b1b1b 1px -1px,#1b1b1b 0 0 3px,#1b1b1b 0 0 3px,#1b1b1b 0 0 3px,#1b1b1b 0 0 3px,#1b1b1b 0 0 3px,#1b1b1b 0 0 3px,#1b1b1b 0 0 3px,#1b1b1b 0 0 3px
}
#map-txt {
 position:absolute;
 font-size:0;
 color:#000;
 opacity:0;
 background:#fff;
 padding:0 10px;
 line-height:30px;
 transition:opacity .4s 0 ease-in-out;
 -webkit-transition:opacity .4s 0 ease-in-out;
 -moz-transition:opacity .4s 0 ease-in-out;
 -o-transition:opacity .4s 0 ease-in-out
}
#map-txt.show,.cnt-txt h3 {
 font-size:20px
}
#map-txt:before {
 display:block;
 content:" ";
 border-top:4px solid transparent;
 border-right:8px solid #fff;
 border-bottom:4px solid transparent;
 position:absolute;
 left:-8px;
 top:50%;
 margin-top:-4px
}
#map-txt.show {
 opacity:1
}
.mapc {
 width:80%;
 margin:7% auto 0;
 position:relative
}
.cnt-txt {
 /*padding:20px 0 20px 100px;*/
 position:relative;
 display:block;
 left:790px;
 top:-70px;
 color:#fff;
 width:500px;
 font-family:light;
 font-size:1.5em;
 line-height:1.5;
}

.contacts_soc {
position:relative;
 display:block;
 left:780px;
 top:0px;
 width:400px;
	/*left:790px;
	top:460px;*/
}

.contacts_soc .socials {
right:0;
left:0;
top:0;
bottom:0;
margin:0;
padding:0;
text-indent:0px;
}

.contacts_soc .socials li{
margin:0 15px;

}

.loading svg {
 height:80px;
 width:80px;
 position:absolute;
 left:50%;
 top:50%;
 margin:-40px 0 0 -40px;
 overflow:visible
}
#ourTeam,div.text-ab p {
 position:relative
}
.g--circle {
 -webkit-transform-origin:60px 60px;
 -ms-transform-origin:60px 60px;
 transform-origin:60px 60px;
 fill:#fff;
 -webkit-animation:opacity 1.2s linear infinite;
 animation:opacity 1.2s linear infinite
}
.g--circle:nth-child(12n+1) {
 -webkit-animation-delay:-.1s;
 animation-delay:-.1s;
 -webkit-transform:rotate(-30deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-30deg)translate(5px,5px)scale(.9);
 transform:rotate(-30deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+2) {
 -webkit-animation-delay:-.2s;
 animation-delay:-.2s;
 -webkit-transform:rotate(-60deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-60deg)translate(5px,5px)scale(.9);
 transform:rotate(-60deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+3) {
 -webkit-animation-delay:-.3s;
 animation-delay:-.3s;
 -webkit-transform:rotate(-90deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-90deg)translate(5px,5px)scale(.9);
 transform:rotate(-90deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+4) {
 -webkit-animation-delay:-.4s;
 animation-delay:-.4s;
 -webkit-transform:rotate(-120deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-120deg)translate(5px,5px)scale(.9);
 transform:rotate(-120deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+5) {
 -webkit-animation-delay:-.5s;
 animation-delay:-.5s;
 -webkit-transform:rotate(-150deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-150deg)translate(5px,5px)scale(.9);
 transform:rotate(-150deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+6) {
 -webkit-animation-delay:-.6s;
 animation-delay:-.6s;
 -webkit-transform:rotate(-180deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-180deg)translate(5px,5px)scale(.9);
 transform:rotate(-180deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+7) {
 -webkit-animation-delay:-.7s;
 animation-delay:-.7s;
 -webkit-transform:rotate(-210deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-210deg)translate(5px,5px)scale(.9);
 transform:rotate(-210deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+8) {
 -webkit-animation-delay:-.8s;
 animation-delay:-.8s;
 -webkit-transform:rotate(-240deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-240deg)translate(5px,5px)scale(.9);
 transform:rotate(-240deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+9) {
 -webkit-animation-delay:-.9s;
 animation-delay:-.9s;
 -webkit-transform:rotate(-270deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-270deg)translate(5px,5px)scale(.9);
 transform:rotate(-270deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+10) {
 -webkit-animation-delay:-1s;
 animation-delay:-1s;
 -webkit-transform:rotate(-300deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-300deg)translate(5px,5px)scale(.9);
 transform:rotate(-300deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+11) {
 -webkit-animation-delay:-1.1s;
 animation-delay:-1.1s;
 -webkit-transform:rotate(-330deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-330deg)translate(5px,5px)scale(.9);
 transform:rotate(-330deg)translate(5px,5px)scale(.9)
}
.g--circle:nth-child(12n+12) {
 -webkit-animation-delay:-1.2s;
 animation-delay:-1.2s;
 -webkit-transform:rotate(-360deg)translate(5px,5px)scale(.9);
 -ms-transform:rotate(-360deg)translate(5px,5px)scale(.9);
 transform:rotate(-360deg)translate(5px,5px)scale(.9)
}
.g-circles--v1 .g--circle {
 fill-opacity:0;
 -webkit-animation-name:opacity;
 animation-name:opacity
}
.g-circles--v2 .g--circle {
 fill-opacity:0;
 stroke-opacity:0;
 stroke-width:1;
 stroke:#fff;
 -webkit-animation-name:opacity-stroke,colors,colors-stroke;
 animation-name:opacity-stroke,colors,colors-stroke
}
.g-circles--v2 .g--circle .u--circle {
 -webkit-animation:transform-2 1.2s linear infinite;
 animation:transform-2 1.2s linear infinite
}
.g-circles--v2 .g--circle:nth-child(12n+1) .u--circle {
 -webkit-animation-delay:-.1s;
 animation-delay:-.1s
}
.g-circles--v2 .g--circle:nth-child(12n+2) .u--circle {
 -webkit-animation-delay:-.2s;
 animation-delay:-.2s
}
.g-circles--v2 .g--circle:nth-child(12n+3) .u--circle {
 -webkit-animation-delay:-.3s;
 animation-delay:-.3s
}
.g-circles--v2 .g--circle:nth-child(12n+4) .u--circle {
 -webkit-animation-delay:-.4s;
 animation-delay:-.4s
}
.g-circles--v2 .g--circle:nth-child(12n+5) .u--circle {
 -webkit-animation-delay:-.5s;
 animation-delay:-.5s
}
.g-circles--v2 .g--circle:nth-child(12n+6) .u--circle {
 -webkit-animation-delay:-.6s;
 animation-delay:-.6s
}
.g-circles--v2 .g--circle:nth-child(12n+7) .u--circle {
 -webkit-animation-delay:-.7s;
 animation-delay:-.7s
}
.g-circles--v2 .g--circle:nth-child(12n+8) .u--circle {
 -webkit-animation-delay:-.8s;
 animation-delay:-.8s
}
.g-circles--v2 .g--circle:nth-child(12n+9) .u--circle {
 -webkit-animation-delay:-.9s;
 animation-delay:-.9s
}
.g-circles--v2 .g--circle:nth-child(12n+10) .u--circle {
 -webkit-animation-delay:-1s;
 animation-delay:-1s
}
.g-circles--v2 .g--circle:nth-child(12n+11) .u--circle {
 -webkit-animation-delay:-1.1s;
 animation-delay:-1.1s
}
.g-circles--v2 .g--circle:nth-child(12n+12) .u--circle {
 -webkit-animation-delay:-1.2s;
 animation-delay:-1.2s
}
.g-circles--v3 .g--circle {
 fill-opacity:1;
 -webkit-animation-name:opacity,colors;
 animation-name:opacity,colors
}
.g-circles--v4 .g--circle {
 fill-opacity:1;
 fill:orange;
 -webkit-animation-name:opacity,colors-3;
 animation-name:opacity,colors-3
}
.g-circles--v4 .u--circle {
 -webkit-animation:transform 1.2s linear infinite;
 animation:transform 1.2s linear infinite
}
.g-circles--v4 .g--circle:nth-child(12n+1) .u--circle {
 -webkit-animation-delay:-.1s;
 animation-delay:-.1s
}
.g-circles--v4 .g--circle:nth-child(12n+2) .u--circle {
 -webkit-animation-delay:-.2s;
 animation-delay:-.2s
}
.g-circles--v4 .g--circle:nth-child(12n+3) .u--circle {
 -webkit-animation-delay:-.3s;
 animation-delay:-.3s
}
.g-circles--v4 .g--circle:nth-child(12n+4) .u--circle {
 -webkit-animation-delay:-.4s;
 animation-delay:-.4s
}
.g-circles--v4 .g--circle:nth-child(12n+5) .u--circle {
 -webkit-animation-delay:-.5s;
 animation-delay:-.5s
}
.g-circles--v4 .g--circle:nth-child(12n+6) .u--circle {
 -webkit-animation-delay:-.6s;
 animation-delay:-.6s
}
.g-circles--v4 .g--circle:nth-child(12n+7) .u--circle {
 -webkit-animation-delay:-.7s;
 animation-delay:-.7s
}
.g-circles--v4 .g--circle:nth-child(12n+8) .u--circle {
 -webkit-animation-delay:-.8s;
 animation-delay:-.8s
}
.g-circles--v4 .g--circle:nth-child(12n+9) .u--circle {
 -webkit-animation-delay:-.9s;
 animation-delay:-.9s
}
.g-circles--v4 .g--circle:nth-child(12n+10) .u--circle {
 -webkit-animation-delay:-1s;
 animation-delay:-1s
}
.g-circles--v4 .g--circle:nth-child(12n+11) .u--circle {
 -webkit-animation-delay:-1.1s;
 animation-delay:-1.1s
}
.g-circles--v4 .g--circle:nth-child(12n+12) .u--circle {
 -webkit-animation-delay:-1.2s;
 animation-delay:-1.2s
}
@-webkit-keyframes opacity {
 3% {
  fill-opacity:1
 }
 75% {
  fill-opacity:0
 }
}
@keyframes opacity {
 3% {
  fill-opacity:1
 }
 75% {
  fill-opacity:0
 }
}
@-webkit-keyframes opacity-stroke {
 10% {
  stroke-opacity:1
 }
 85% {
  stroke-opacity:0
 }
}
@keyframes opacity-stroke {
 10% {
  stroke-opacity:1
 }
 85% {
  stroke-opacity:0
 }
}
@-webkit-keyframes colors {
 0% {
  fill:#9acd32
 }
 10% {
  fill:gold
 }
 75% {
  fill:#dc143c
 }
}
@keyframes colors {
 0% {
  fill:#9acd32
 }
 10% {
  fill:gold
 }
 75% {
  fill:#dc143c
 }
}
@-webkit-keyframes colors-stroke {
 0% {
  stroke:#9acd32
 }
 10% {
  stroke:gold
 }
 75% {
  stroke:#dc143c
 }
}
@keyframes colors-stroke {
 0% {
  stroke:#9acd32
 }
 10% {
  stroke:gold
 }
 75% {
  stroke:#dc143c
 }
}
@-webkit-keyframes colors-2 {
 0% {
  fill:#ff0
 }
 50% {
  fill:red
 }
 65% {
  fill:#ff4500
 }
 95% {
  fill:gold
 }
}
@keyframes colors-2 {
 0% {
  fill:#ff0
 }
 50% {
  fill:red
 }
 65% {
  fill:#ff4500
 }
 95% {
  fill:gold
 }
}
@-webkit-keyframes colors-3 {
 0%,50%,65%,95% {
  fill:#fff
 }
}
@keyframes colors-3 {
 0%,50%,65%,95% {
  fill:#fff
 }
}
@-webkit-keyframes transform {
 10% {
  -webkit-transform-origin:70px 70px;
  transform-origin:70px 70px;
  -webkit-transform:scale(.75);
  transform:scale(.75)
 }
}
@keyframes transform {
 10% {
  -webkit-transform-origin:70px 70px;
  transform-origin:70px 70px;
  -webkit-transform:scale(.75);
  transform:scale(.75)
 }
}
@-webkit-keyframes transform-2 {
 40% {
  -webkit-transform:scale(.85)translate(10px,10px);
  transform:scale(.85)translate(10px,10px)
 }
 60% {
  stroke-width:20
 }
}
@keyframes transform-2 {
 40% {
  -webkit-transform:scale(.85)translate(10px,10px);
  transform:scale(.85)translate(10px,10px)
 }
 60% {
  stroke-width:20
 }
}
.section.half-width {
 float:left;
 width:50%
}
div.text-ab p {
 opacity:0;
 width:813px;
 z-index:1;
 margin-left:auto;
 margin-right:auto;
 font-size:40px;
 font-family:semibold;
 text-decoration:none;
 color:#fff;
 transition:all .8s 0s ease-in-out;
 -moz-transition:all .8s 0s ease-in-out;
 -webkit-transition:all .8s 0s ease-in-out;
 -o-transition:all .8s 0s ease-in-out
}
a.text-ab.active,div.text-ab.active p,p.text-ab.active {
 margin-top:0;
 opacity:1
}
.rotate {
 display:none
}
#fullpage-folio {
 height:100%;
 overflow:auto
}
#fullpage-other {
 z-index:0
}
.pubb li figcaption {
 background-position:top
}
@media only screen and (orientation:portrait) {
 .rotate {
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  display:block;
  background-color:#000;
  background-image:url(IMG/rotate.png);
  background-position:center center;
  background-repeat:no-repeat;
  z-index:9999
 }
}
@media only screen and (min-device-width:800px)and (max-device-width:1026px)and (orientation:landscape) {
 .main .socials,.rotate {
  display:none
 }
 #projects {
  background:url(IMG/mapa.png);
  background-size:cover;
  background-position:center center
 }
 #menu-trigger {
  display:block;
  width:40px;
  height:40px;
  top:20px;
  right:20px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  z-index:9999
 }
 #svgmap,#trailer video {
  display:none;
  visibility:hidden
 }
 #trailer {
  background:url(../../IMG/mainpage.jpg);
  background-size:cover;
  background-position:center center
 }
 .nav {
  z-index:9800!important
 }
 #main-menu a {
  display:block;
  font-size:34px!important;
  font-family:semibold!important;
  float:none;
  margin:5px 0;
  padding:0
 }
 .slide-down,.triger-down {
  width:30px;
  height:15px;
  background-size:cover;
  margin-left:-12px
 }
 .fp-controlArrow,.icon-back {
  width:13px!important;
  height:24px!important;
  background-size:cover
 }
 .fp-controlArrow .fp-prev {
	width:13px!important;
	height:24px!important;

  left:10px;
  background:url(IMG/arrowbuttons.png)left center no-repeat
 }
 .fp-controlArrow .fp-next {
	width:13px!important;
	height:24px!important;
  right:10px;
  background:url(IMG/arrowbuttons.png)right center no-repeat
 }
 .os-phrases h2 {
  font-size:50px
 }
 img.logo {
  width:150px /* 400 */
 }
 a.text-ab,div.text-ab p,p.text-ab {
  z-index:9900;
  width:500px;
  font-size:16px!important
 }
 .fotorama__arr.fotorama__arr--next {
	 	width:13px!important;
	height:24px!important;
  background:url(IMG/arrowbuttons.png)right center no-repeat!important
 }
 .fotorama__arr.fotorama__arr--prev {
	width:13px!important;
	height:24px!important;
  background:url(IMG/arrowbuttons.png)left center no-repeat!important
 }
 /*.cnt-txt {
  padding:20px;
   font-size:1em;
 line-height:1;
 }
 .cnt-txt h3 {
  font-size:18px
 }
 .cnt-txt p {
  font-size:1em;
 }*/
 
 /* mobile */
 
 .about-us-top {
    height: 90px;
 }
	
 .about-us-text p {
	font-size: 14px; 
 }
 .halfpage_interiors {
	top: 90px;
	height: -moz-calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
    height: -o-calc(100% - 90px);
    height: calc(100% - 90px);
 }
 .halfpage_architecture {
	top: 90px;
	height: -moz-calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
    height: -o-calc(100% - 90px);
    height: calc(100% - 90px);
 }
 .intlinktext {
	 bottom: 50px;
 }
 
 .arclinktext {
	 bottom: 50px;
 }
 
 img.logobw {
	 
	position: absolute;
    width: 150px;
    left: 10%!important;
    top: 40%;
	transform: translate(0%, -40%)
    /*position: absolute;
    width: 150px;
    left: 100px!important;
    top: 100px;*/
 }
 
 .cnt-txt {
	position: absolute;
    display: block;
    left: 40%!important;
    top: 40%!important;
    color: #fff;
    width: 400px;
    font-family: light;
    font-size: 1em;
    line-height: 1.5;
	transform: translate(0%, -40%)
/*
 position:relative;
 display:block;
 left:330px!important;
 top:-40px!important;
 color:#fff;
 width:400px;
 font-family:light;
 font-size:1em;
 line-height:1.5;*/
}

.contacts_soc {
position: absolute;
    display: block;
    left: 40%!important;
    top: 80%!important;
    width: 400px;
	transform: translate(0%, -80%)
	/*left:790px;
	top:460px;*/
}

.contacts_soc .socials {
right:0;
left:0;
top:0;
bottom:0;
margin:0;
padding:0;
text-indent:0px;
}

.contacts_soc .socials li{
margin:0 15px;

}
 
 
 nav.cl-effect-2 {
  width:600px;
  margin-left:-300px
 }
 .cl-effect-2 a {
  font-size:40px!important;
  display:block;
  margin-bottom:20px;
  text-align:center
 }
 .cbp-rfgrid>li {
  position:relative;
  float:left;
  overflow:hidden;
  width:50%
 }
 .cbp-rfgrid.command>li {
  width:calc(100% / 3)!important
 }
 .cbp-rfgrid.command .grid {
  height:430px!important
 }
 .cbp-rfgrid .portfol {
  height:300px!important;
  width:50%!important
 }
 #fpreview {
  display:inline!important
 }
 /* for my mob */
 
 .icon-back {
 left:20px;
 bottom:40px;
}
 .icon-info {
 left:20px;
 }
 
 .soc-but {
 position:fixed;
 bottom:40px;
 right:20px; /*305px; */
 z-index:999
}
 .socials {
  left:20px;
  top:10px;
  bottom:auto;
  right:auto;
  z-index:1000
 }
 figure.effect-honey figcaption::before {
  height:0
 }
 figure.effect-honey figcaption::before,figure.effect-honey h2,figure.effect-honey h2 i {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  z-index:9980!important
 }
 .capt {
  font-size:30px
 }
 .information {
  padding:30px 20px
 }
 .information h2,.information p {
  font-size:14px
 }
 
 	
 .arclinktext {
		 font-size:15px!important;
}


.intlinktext {
		 font-size:15px!important;

}

  .slide-fr a.text-ab { /*new*/
  font-size:16px;
 }
 
 
}
@media screen and (device-width:375px)and (device-height:667px)and (-webkit-device-pixel-ratio:2) {
	
 .arclinktext {
		 font-size:15px!important;
}


.intlinktext {
		 font-size:15px!important;

}
 .all-works,.slide-down {
  bottom:60px
 }
 #svgmap,#trailer video {
  display:none;
  visibility:hidden
 }
 #trailer {
  background:url(../../IMG/mainpage.jpg);
  background-size:cover;
  background-position:center center
 }
 #projects {
  background:url(IMG/mapa.png);
  background-size:cover;
  background-position:center center
 }
 .triger-down,.triger-down-mp {
  display:block;
  text-indent:-9999px;
  position:absolute;
  bottom:60px;
  left:50%;
  margin-left:-12px;
  width:54px;
  height:33px;
  background:url(IMG/down.png)center center no-repeat;
  opacity:1;
  z-index:3000;
  cursor:pointer
 }
 .all-works {
  position:absolute;
  width:100%;
  z-index:5;
  text-align:center;
  text-transform:uppercase
 }
  .slide-fr a.text-ab { /*new*/
  font-size:16px;
 }
}
@media only screen and (min-device-width:320px)and (max-device-width:800px)and (orientation:landscape) {
 .main .socials {
  display:none
 }
 #projects {
  background:url(IMG/mapa.png);
  background-size:cover;
  background-position:center center
 }
 #svgmap,#trailer video {
  display:none;
  visibility:hidden
 }
 #trailer {
  background:url(../../IMG/mainpage.jpg);
  background-size:cover;
  background-position:center center
 }
 #menu-trigger,#menu-trigger.active {
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat
 }
 #menu-trigger {
  display:block;
  width:25px;
  height:25px;
  top:20px;
  right:20px;
  z-index:9999
 }
 nav.cl-effect-2 {
  width:300px;
  margin-top:-130px;
  margin-left:-125px
 }
 .os-phrases h2 {
  font-size:20px;
  font-weight:70
 }
 img.logo {
  width: 100px; /*240px*/
 }
 #main-menu a {
  font-family:semibold!important;
  font-size:30px!important;
  display:block;
  float:none;
  margin:5px 0;
  padding:0
 }
 #additional-menu a#m4,#additional-menu a#m5,#main-menu a#m4,#main-menu a#m5 {
  font-size:30px;
  margin:5px 0;
  font-family:semibold;
  padding:0
 }
 .slide-down,.triger-down {
  width:24px;
  height:15px;
  background-size:cover;
  margin-left:-12px;
  bottom:25px;
 }
 div.text-ab p,p.text-ab {
  width:240px;
  font-size:14px
 }
 .text-ab.active.our {
  font-size:20px;
  width:340px;
  margin-left:-170px
 }
 .cbp-rfgrid.command>li {
  width:calc(100% / 3)!important
 }
 .cbp-rfgrid.command figure>figcaption>h2 {
  font-size:10px;
  line-height:14px
 }
 .socials li {
 position:relative;
 float:left!important;
 margin:0 5px
}
 .socials li a {
  display:block!important;
  width:25px;
  height:25px;
  background:url(IMG/socials-mob.png)rgba(0,0,0,.5);
  background-repeat:no-repeat;
  text-indent:-9999px;
  border-radius:4px
 }
 .socials li a:hover {
  background-color:rgba(0,0,0,.2);
  box-shadow:0 0 5px rgba(0,0,0,.5)
 }
 .socials li.pin a:hover {
  background-color:rgba(0,0,0,.2)!important
 }
 .socials li.fb a {
  background-position:0 0
 }
 .socials li.pin a {
  background:url(IMG/socials-mob.png)rgba(0,0,0,.5)!important;
  background-position:-119px 0!important;
  width:25px!important;
  height:25px!important
 }
 .socials li.be a {
  background-position:-80px 0
 }
 .socials li.houzz a {
  background-position:-100px 0
 }
 .socials li.vk a {
  background-position:-120px 0
 }
 .socials li.tw a {
  background-position:-20px 0
 }
 .socials li.inst a {
  background-position:-40px 0
 }
 .socials li.ln a {
  background-position:-180px 0
 }
 .socials li.gplus a {
  background-position:-200px 0
 }
 .socials li.th a {
  background-position:-160px 0
 }
 .socials li.upon a {
  background-position:-220px 0
 }
 .socials li.flip a {
  background-position:-240px 0
 }
 .socials li.surf a {
  background-position:-140px 0
 }
 .slide-fr a.text-ab {
  font-size:16px;
  margin-top:-8px
 }
 .all-works a {
  font-size:14px
 }
 .fp-controlArrow,.icon-back {
  background-size:cover;
  width:13px!important;
  height:24px!important;
  margin-top:-25px
 }
 .fp-controlArrow .fp-prev,.icon-back {
	width:13px!important;
	height:24px!important;
  left:15px;
  background:url(IMG/arrowbuttons.png)left center no-repeat
 }
 .fp-controlArrow .fp-next {
	width:13px!important;
	height:24px!important;
  right:15px;
  background:url(IMG/arrowbuttons.png)right center no-repeat
 }
 .cs-owl-next,.cs-owl-prev,.fotorama__arr.fotorama__arr--next,.fotorama__arr.fotorama__arr--prev {
  position:absolute!important;
  z-index:4!important;
  top:50%!important;
  cursor:pointer!important;
	width:13px!important;
	height:24px!important;
  margin-top:-24px!important
 }
 .cs-owl-prev,.fotorama__arr.fotorama__arr--prev {
	width:13px!important;
	height:24px!important;
  left:15px!important;
  background:url(IMG/arrowbuttons.png)left center no-repeat!important
 }
 .fotorama__arr.fotorama__arr--next {
	width:13px!important;
	height:24px!important;
  right:15px!important;
  background:url(IMG/arrowbuttons.png)right center no-repeat!important
 }
 
 
  .about-us-top {
    height: 90px;
 }
	.about-us-top .about-us-text {
    top: 20%;
	}
	
 .about-us-text p {
	font-size: 14px; 
 }
 .halfpage_interiors {
	top: 90px;
	height: -moz-calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
    height: -o-calc(100% - 90px);
    height: calc(100% - 90px);
 }
 .halfpage_architecture {
	top: 90px;
	height: -moz-calc(100% - 90px);
    height: -webkit-calc(100% - 90px);
    height: -o-calc(100% - 90px);
    height: calc(100% - 90px);
 }
 .intlinktext {
	bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
 }
 
 .arclinktext {
	bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;

 }

 
 img.logobw {
	position: absolute;
    width: 100px;
    left: 10%!important;
    top: 40%;
	transform: translate(0%, -40%);
    /*position: absolute;
    width: 100px;
    left: 80px !important;
    top: 100px;*/
 }


 figure.effect-honey figcaption::before {
  height:0
 }
 /*.cnt-txt {
  padding:20px 0 20px 25px;
     font-size:1em;
 line-height:1;
 }*/
 
 /* mobile small */
 .cnt-txt {
 /*padding:20px 0 20px 100px;*/
 position:absolute;
 display:block;
 left: 40%!important;
    top: 40%!important;
	transform: translate(0%, -40%);
 color:#fff;
 width:400px;
 font-family:light;
 font-size:1em;
 line-height:1.5;
}

.contacts_soc {
    position: absolute;
    display: block;
    left: 40%!important;
    width: 400px;
    top: 80%!important;
    transform: translate(0%, -80%);
}

.contacts_soc .socials {
right:0;
left:0;
top:0;
bottom:0;
margin:0;
padding:0;
text-indent:0px;
}

.contacts_soc .socials li{
margin:0 15px;

}

 .icon-info {
 left:20px;
 }
 
  /*
 .cnt-txt h3 {
  font-size:16px
 }
 .cnt-txt p {
  font-size:14px
     font-size:1em;
 line-height:1;
 } */
 .cbp-rfgrid>li {
  position:relative;
  float:left;
  overflow:hidden;
  width:calc(100%/2)
 }
 .cbp-rfgrid>li h2 {
  font-size:10px;
  line-height:14px
 }
 .soc-but {
  bottom:10px;
  right:10px
 }
 .capt {
  font-size:20px
 }
 .information {
  padding:40px 20px
 }
 .information h2 {
  font-size:14px
 }
 .information p {
  font-size:12px
 }
 .port-container .cbp-rfgrid li .info {
  bottom:100px
 }
 .socials {
  left:20px;
  top:10px;
  right:auto;
  bottom:auto;
  z-index:1000
 }
 figure.effect-honey figcaption::before,figure.effect-honey h2,figure.effect-honey h2 i {
  opacity:1;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  z-index:9980!important
 }
 .nav {
  z-index:9800!important
 }
 .arclinktext {
		 font-size:20px!important;
}


 .intlinktext {
		 font-size:20px!important;

}
}