body {
    background-color: #FFFFFA;transition: all 0.5s ease;
}
.news-body {
	padding-top: 170px;
	
}
#fullpage {
    position: relative;
    display: block;
    z-index: 10;
}
.fullpage-for-about {
    display: block!important;
}
.c-brown {color: #140907!important;transition: all 0.5s ease;}
.c-beige {color: #FEFFFA!important;transition: all 0.5s ease;}
.c-always-beige {color: #FEFFFA!important;transition: all 0.5s ease;}
.c-gold {color: #928887!important;transition: all 0.5s ease;}
.c-bordeaux {color: #241210!important;transition: all 0.5s ease;}
.c-transparent{color: transparent!important;}

.b-brown {background-color: #140907;transition: all 0.5s ease;}
.b-beige {background-color: #FEFFFA;transition: all 0.5s ease;}
.b-gold {background-color: #928887;transition: all 0.5s ease;}
.b-bordeaux {background-color: #241210;transition: all 0.5s ease;}
.b-transparent{background-color: transparent!important;}
.too-much {}

.background,.background-2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background-image: url("../img/site-root/frontpage-R.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
}

.cursor-default {cursor: default;}
.pointer {cursor: pointer!important;}

.space-A {
    float: left;
    width: 100%;
    height: 5px;
    margin: auto;
}
.space-B {
    float: left;
    width: 100%;
    height: 20px;
    margin: auto;
}
.space-D {
    float: left;
    width: 100%;
    height: 80px;
    margin: auto;
}
.space-C {
    float: left;
    width: 100%;
    height: 30px;
    margin: auto;
}
.delete-at-1050 {
     display: block!important;
}
.display-at-1050 {
    display: none!important;
}
#preloader {
	position: fixed;
    display: block;
    float: left;
    clear: none;
	top:0;
	left:0;
	right:0;
	bottom:0;
    height: 100vh;
    width: 100vw;
    background-color: #241210;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
}
#preloader > h3 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#status {
	width:100px;
	height:100px;
	position:relative;
	left: 50%;
	top: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url(../img/site-root/symbols-a.gif);
	background-repeat:no-repeat;
	background-position:center;
    background-size: contain;
    mix-blend-mode: multiply;
}
/* ------------ */
/* Switches */
/* ------------ */
#data-Residence_P,
#data-Residence_R,
#data-Apartment_V,
#data-Table_Rene,
#data-Apartment_DV,
#data-Residence_DC,
#data-Private_Office,
#data-Piggybank {
    display: none;
}

.interior {display: block;}
.hospitality {display: none;}
.product {display: block;}
.in_progress {display: block;}

.type_residential,
.type_hospitality,
.type_product,
.type_in_progress {
    display: block;
}
.none, .none-bottom {
    display: none!important;
}
.block, .block-bottom {
    display: block!important;
}

.show-info {z-index: 99999999999999;}
.no-blur {opacity: 0; transition: all 1s ease;}
.hidden {visibility: hidden; transition: all 1s ease;}
/* ------------ */
/* Switches */
/* ------------ */
.back {
    background-image: url(../img/icons/JP_left-black.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px auto;
    width: 27px;
    height: 18px;
}
.close {
    background-image: url(../img/icons/JP_close-white.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 21px auto;
    width: 21px;
    height: 21px;
}
.logo-img path {
  fill: #fff!important;
}
.logo-img {
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 320px;
}
.a-logo {
    position: relative;
    display: block;
    float: left;
    height: auto;
    width: auto;
}
.randomizer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    width: 100%;
    height: 100vh;
    display: block;
    background-color: #FEFFFA; 
}
#menu {
    z-index: 5000;
}
.menu {
    position: fixed;
    visibility: hidden;
    display: block;
    opacity: 0;
    top: 0;
    left: 0;
    z-index:99 ;
    background-color: rgba(255,255,250,0);
    width: 100%;
    height: 100%;
    transition: background 2s, visibility 0s linear 300ms, opacity 2s, z-index 2.1s ;
}
.menu2 {
    position: fixed;
    visibility: hidden;
    display: none;
    opacity: 0;
    top: 0;
    left: 0;
    z-index:0 ;
    background-color: rgba(255,255,250,0);
    width: 100%;
    height: 100%;
    transition: background 2s, visibility 0s linear 300ms, opacity 2s, z-index 2.1s ;
}
.menu.m-fadeIn {
    position: fixed;
    background-color: #241210;
    width: 100%;
    height: 100%;
    z-index: 9000;
    visibility: visible;
    opacity: 1;
    display: block;
    transition: background 2s, visibility 0s linear 300ms, opacity 300ms;
}
.menu2.m-fadeIn2 {
    position: fixed;
    background-color: rgba(36,18,16,0.8);
    width: 100%;
    height: 100%;
    z-index: 9000;
    visibility: visible;
    opacity: 1;
    display: block;
    transition: background 2s, visibility 0s linear 300ms, opacity 300ms;
}
.m-fadeOut {
    position: fixed;
    top: 0;
    left: 0;
    z-index:0 ;
    background-color: #FEFFFA;
    visibility: hidden;
    opacity: 0;
    display: none;
    transition: background 3s , visibility 3s linear 0ms, opacity 300ms;
}
.a-menu {
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.a-menu > .underline {
    height: 1px;
    width: 0%;
    background-color: #FEFFFA;
	transition: all 0.4s ease;
}
.a-menu:hover .underline {
    width: 100%;
	transition: all 0.4s ease;
}
.a-menu.active .underline {
    width: 100%;
}
.newsclick {
    font-style: normal;
}
.newsclick:hover {
    text-decoration: underline;
}
.logo-imgX {
    position: fixed;
    z-index: 2000;
    left: 15vw;
    top: calc((100vh - 41.8vw)/2 );
    width: 320px;
}
.logo{
    position: fixed;
    z-index:9001;
    top: calc(50vh - (85vh/2) ); /*take height .info-container */
    left: calc(50vw - (85vw/2) );/*take width .info-container */
}
.logo-big {
    position: fixed;
    z-index: 2000;
    top: calc(50vh - (85vh/2) ); /*take height .info-container */
    left: calc(50vw - (85vw/2) );/*take width .info-container */
    width: 320px;
}
.CV {
    position: fixed;
    z-index:9001;
    top: calc(50vh - (85vh/2) - 180px ); /*take height .info-container */
    left: calc(50vw - (85vw/2) );/*take width .info-container */
    width: 320px;
    height: 50px;
    font-size: 320px; 
    
    font-weight: 200;
    font-style: normal;
	line-height: inherit;
    letter-spacing: 0px;
	
    text-transform: uppercase;
    text-align: inherit;
    text-decoration: none;
    margin: 0;
    color: #FEFFFA;
    background-color: aquamarine;
    
    text-rendering: optimizeLegibility;
text-shadow: #fff 0px 1px 1px;
    
    cursor: pointer;
}
.menu-boxX {
    position: fixed;
    z-index: 2000;
    left: calc(50vw + (40vw / 2) + 60px);
    top: calc((100vh - 41.8vw)/2 );
}
.menu-item, .menu-item-solo {
    position: fixed;
    z-index: 6000;
    left: calc(50vw + 50vw/2 + 60px ); /* Find padding right-sdie */
    top: calc( 50vh - 85vh/2 );/*50vh - (Find info-container height value/2) */
    cursor: pointer;
}
.bottom-right, .bottom-right-2X, .bottom-news {
    position: fixed;
    z-index: 6000;
    left: calc(50vw + 50vw/2 + 60px ); /* Find padding right-sdie */
    bottom: calc( 50vh - 85vh/2 );/*50vh - (Find info-container height value/2) */
}
.info {
    position: fixed;
    z-index: 6000;
    right: 20px; /* Find padding right-sdie */
    bottom: 20px;/*50vh - (Find info-container height value/2) */
    display: none;
}
.bottom-right-2X{
    position: fixed;
    z-index: 6000;
    left: calc(50vw + 50vw/2 + 60px ); /* Find padding right-sdie */
    bottom: calc( 50vh - 85vh/2 );/*50vh - (Find info-container height value/2) */
}
.bottom-left {
    position: absolute;
    left: calc(50vw - (85vw/2) ); /*take width .info-container */
    bottom: calc( 50vh - 85vh/2 );/*50vh - (Find info-container height value/2) */
    cursor: pointer;
}
.bottom-left-rel {
    position: absolute;
    left: calc(50vw - (85vw/2) ); /*take width .info-container */
    bottom: calc( 50vh - 85vh/2 );/*50vh - (Find info-container height value/2) */
    cursor: pointer;
    width: auto;
    height: auto;
}
.bottom-left-rel-fixed {
    position: absolute;
    left: calc(50vw - (85vw/2) ); /*take width .info-container */
    bottom: calc( 50vh - 85vh/2 );/*50vh - (Find info-container height value/2) */
    cursor: pointer;
    width: auto;
    height: auto;
}
.bottom-left.z_down, .bottom-left-rel.z_down, .bottom-left-rel-fixed.z_down {
    z-index: 3;
}
.bottom-left.z_up , .bottom-left-rel.z_up, .bottom-left-rel-fixed.z_up {
    z-index: 60;
}
.show-item, .show-item-2, .show-item-3 {
    position: fixed;
    z-index: 6000;
    left: calc(50vw + 50vw/2 + 60px ); /* Find padding right-sdie */
    bottom: calc( 50vh - 85vh/2 );/*50vh - (Find info-container height value/2) */
    cursor: pointer;
}
.show-item-2, .show-item-3 {display: block;}

.bottommer {
    position: fixed;
    z-index: 3000;
    left: calc(50vw + (40vw / 2) + 60px);
    top: calc(41.8vw + 20px);
    right: auto;
    background-color: antiquewhiteX;
}
.menu-box {
    position: absolute;
    z-index: 2000;
    left: 60px;
    top: 0;
    cursor: pointer;
}
.slide {
    position: relative;
    height: 100vh!important;
    width: 100vw!important;
}
#myContainer {
    z-index: 5;
    position: fixed;
    width: 100%;
    height: 100%;
}
.see {
    background-color: rgba(254,255,250,0.0);
    transition: all 1s ease;
}
.ghost {
    position: fixed;
    z-index: 4000;
    width: 100%;
    height: 100%;
    display: block;
}
.ghoster {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    overflow: hidden;
    background-color: transparent;
    opacity: 1;
    display: block;
    z-index: 10;
}
.ghoster-2 {
    position: relative;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: blue;
    opacity: 0.5;
    display: block;
    z-index: 1;
}
.ghoster-B {
    position: absolute;
    z-index: 50;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: aquax;
    opacity: 0.5;
    display: block;
}
.ghoster > div, .ghoster-B > div {
    position: absolute;
    background-color: rgba(255,255,250,1);
    width: 30px!important;
    height: 100%;
    opacity: 1;
    transition: all 0.2s ease;
    top: calc(0% - 0px);
}
.ghoster > div:hover , .ghoster-B > div:hover {
    opacity: 1;
    transition: all 0.2s ease;
}
    .signal {
        position: fixed;
        width: 50px;
        height: 50px;
        opacity: 0.1;
        z-index: 6;
        transition: all 0.5s ease;
        display: none;
    }
    .signal.right {
        top: calc(50% - 25px);
        left: auto;
        right: 20px;

        animation-name: arrow-downX;
        animation-duration: 2s;
        animation-iteration-count: infinite;

        background-image: url(../img/arrow-right.svg);
        background-position: calc(100% - 0px) 50%;
        background-repeat: no-repeat;
    }
    .signal.left {
        top: calc(50% - 25px);
        right: auto;
        left: 20px;

        animation-name: arrow-downX;
        animation-duration: 2s;
        animation-iteration-count: infinite;

        background: url(../img/arrow-left.svg);
        background-position: 0px 50%;
        background-repeat: no-repeat;
    }
.gesture {
    position: absolute;
    background-color: aqua;
    width: 100%;
    height: 100px;
    opacity: 0.1;
    z-index: 999999999;
    transition: all 0.2s ease;
}
.gesture:hover, .signal:hover {
    opacity: 1;
    transition: all 0.5s ease;
}
.gesture.down {
    bottom: -100px;
    left: 0;
    
    animation-name: arrow-down;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    
    background: url(../img/arrow-bottom.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.gesture.up {
    top: -100px;
    left: 0;
    
    animation-name: arrow-up;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    
    background: url(../img/arrow-top.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}


/* The animation code */
@keyframes arrow-up {
  0%   {top: -100px;}
  50%  {top: -150px;}
  100%  {top: -100px;}
}
@keyframes arrow-down {
  0%   {bottom: -100px;}
  50%  {bottom: -150px;}
  100%  {bottom: -100px;}
}

.ghoster .top, .ghoster-B .top{transform: rotate(-135deg);background-color: antiquewhiteX;display: none;}
.ghoster .top-news, .ghoster-B .top-news{transform: rotate(135deg);cursor: url(../img/arrow-top.svg), auto!important;background-color: aquamarineX}
.ghoster .right, .ghoster-B .right{
    right: -1px!important; 
    
    background-image: url(../img/arrow-right.svg);
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

.ghoster .bottom, .ghoster-B .bottom{transform: rotate(45deg);background-color: antiquewhiteX;display: none;}
.ghoster .bottom-news, .ghoster-B .bottom-news{transform: rotate(135deg);cursor: url(../img/arrow-bottom.svg), auto!important;background-color: aquamarineX}
.ghoster .left, .ghoster-B .left{
    left: -1px!important;
    
    background-image: url(../img/arrow-left.svg);
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;

}


.white-zone {
    position: fixed;
    width: 100%;
    height: 80vh;
    top: 10vh!important;
    overflow: hidden;
    background-color: transparent;
    opacity: 1;
    display: block;
    z-index: 2;
}
.white-zone > div {
    position: absolute;
    width: calc(25vw + 15px);
    height: 100%;
    background-color: rgba(255,255,250,1);
}
.wz-left {
    left: 0px;
}
.wz-right {
    right: 0px;
}
.wz-left > .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1px!important;
    
    width: 30px;
    height: 33.5vw;
    background-color: blue;
    
    background-image: url(../img/arrow-left.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.wz-right > .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -1px!important;
    
    width: 30px;
    height: 33.5vw;
    background-color: blue;
    
    background-image: url(../img/arrow-right.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.img-container {
    position: relative;
    display: inherit;
    width: 50vw;
    height: 33.5vw; /* height */
    margin: auto;
    top: calc(50% - 50%);
    left:  calc(50vw - 50%);
    background-color: antiquewhiteX;
    z-index: 5;
}
.slide-container {
    position: fixed;
    display: inherit;
    width: 50vw;
    height: 33.5vw; /* height */
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: antiquewhiteX;
    z-index: 5;
}
.arrow-container {
    position: fixed;
    display: inherit;
    width: calc(50vw + 30px);
    height: calc(33.5vw + 30px); /* height */
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: antiquewhitec;
    z-index: 200!important;
}
.img-container > img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    z-index: 2;
}
.sectionX {
    width: 100vw;
    min-height: 100vh;
    z-index: 2;
    background-color: rgba(51,49,49,0.6);
}
.sectionX {
    width: calc(50vw + (85vw/2) - 17.5vw + 60px );/*take width from .info-container minus width .right-side plus padding- .right-side */
    height: 100vh;
    z-index: 20;
    background-color: rgba(51,49,49,0.0);
}
.section {
}
.info-container {
    position: fixed;
    display: block;
    width: 85vw;
    height: 85vh; /* height */
    top: 50%;
    left: 50%;

    background-color: rgba(255,151,101,0.0);
    z-index: 1;
	transition: all 1s ease;
    
    overflow-y: none!important;
    transform:
        translateX(-50%) translateY(-50%)
        scale(1);
    transform-origin: 30vw 20.4vw;
}
.info-container.in-active {
    opacity: 0;
	transition: all 1s ease;
}
.work-container  {
    position: fixed;
    left: calc(50vw - (85vw/2) );/* copy from .logo-big */
    bottom: 0;
    width: calc(85vw - 17.5vw + 30px );/* Find .info-container heigt° - .right-side wwidth + padding-right .holder */
    height: calc( 85vh + 7.5vh - (85vh - 33.5vw)/2); /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
    z-index: 98;
    background-color: chocolateX;
    padding-bottom: 120px;
    overflow-y: scroll!important;
    -ms-overflow-style: none;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
}
.newsNewContainer {
    position: relative;
	float: right;
	clear: right;
	margin-top: 60px;
	height: auto;
    padding-top: 0; /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
    padding-left: calc(50vw - (85vw/2) );/*take width .info-container */
    padding-right: calc(100vw - (50vw + (85vw/2) - 17.5vw + 0px )); 
}
#workContainer {
    position: static;
    padding-top: calc( 100vh - (85vh + 7.5vh - (85vh - 33.5vw)/2)); /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
    padding-left: calc(50vw - (85vw/2) );/*take width .info-container */
    padding-right: calc(100vw - (50vw + (85vw/2) - 17.5vw + 0px ));
}
.work-container::-webkit-scrollbar { width: 0 !important ;}
.work-container.abouter {
    display: none!important;
    z-index: 10000;
}
.left-side {
    position: absolute;
    display: block;
    left: 0;
    right: auto;
    height: 100%;
    width: 15vw;
    
    background-color: burlywoodX;
    transition: all 0.2s ease;
}
.news-right-side {
    position: relative;
    z-index: 99;
    right: 0;
    left:  calc(50vw + (85vw/2) - 17.5vw + 0px );/*take width from .info-container minus width .right-side (plus padding- .right-side) */
    top: 0;
    height: auto; /* height from info-container */
    width: 17.5vw;
    padding-left: 30px;
    padding-top: 0; /*(Find info-container height value)-(Find img-container height value) */
    padding-bottom:0vw;
    cursor: default;
    
    transform:0;
    
    background-color: burlywoodX;
    transition: all 0.1s ease;
}
.right-side {
    position: fixed;
    z-index: 99;
    right: 0;
    left:  calc(50vw + (85vw/2) - 17.5vw + 0px );/*take width from .info-container minus width .right-side (plus padding- .right-side) */
    top: 50%;
    height: calc(85vh - 0px); /* height from info-container */
    width: 17.5vw;
    padding-left: 60px;
    padding-top: calc((85vh - 33.5vw)/2 ); /*(Find info-container height value)-(Find img-container height value) */
    padding-bottom:0vw;
    cursor: default;
    
    transform:translateY(-50%);
    
    background-color: burlywoodX;
    transition: all 0.1s ease;
}
.p_show_info{
    position: fixed;
    z-index: 9999999;
}

.title {
    position: relative;
    float: left;
    height: 100%!important;
    width: 100%;
    
    background-color: aquaX;
    
    overflow: hidden;
    overflow-y: none!important;
    overflow-y: scroll!important;
    -ms-overflow-style: none;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
   
    max-heightX: calc(41.8vw - 300px) ;
    max-height: 33.5vw ;
    
    cursor: default!important;
}
.absolute-zone {
    position: absolute;
    height: auto;
    width: 100%;
    margin-bottom: 0;
    background-color: aquamarineX;
    cursor: default!important;
}
.scroll-zone {
    position: absolute;
    top: 55px;
    height: calc(100% - 55px - 0px);
    background-color: brownX;
    z-index: 5;
    overflow-y: scroll!important;
    overflow-y: scroll!important;
    -ms-overflow-style: none;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
    transition: all 0.2s ease;
}
.scroll-zone::-webkit-scrollbar { width: 0 !important ;}
.scroll-zone-B {
    position: absolute;
    top: 0px;
    height: 100%;
    background-color: brownX;
    z-index: 5;
    overflow-y: scroll!important;
    transition: all 1s ease;
}
.scroll-zone.enlarge {
    height: calc(100% - 55px - 29px);
    transition: all 0.2s ease;
}
.scroll-zone > h6 {
    text-align: justify;
}
.bottom-zone {
    display: none;
    position: absolute;
    width: 100%;
    height: 29px;
    bottom: 0px;
    background-color: chartreuseX;
    
}
.bottom-zone-news {
    display: block;
    position: absolute;
    width: 100%;
    height: 29px;
    bottom: 0px;
    background-color: chartreuseX;
    
}

.bottom-zone h4 {
    background-color: darksalmonX;
    cursor: default!important;
}
.bottom-right h4 {
    cursor: default;
    z-index: 2;
    position: relative;
}
.scroll {
    cursor: default;
}
.title.aboutX {
    height: 100%;
    max-height: calc(41.8vw - 200px) ;
    background-color: blue!important;
    opacity: 0!important;
}
.title > h1,
.title > h2,
.title > h3,
.title > h4,
.title > h5,
.title > h6,
.title > p,
.title > a {
    float: left;
    text-align: left;
    margin: 0;
    margin-bottom:5px;
    height: auto;
    clear: left;
}

.newsNew-title > h1,
.newsNew-title > h2,
.newsNew-title > h3,
.newsNew-title > h4,
.newsNew-title > h5,
.newsNew-title > h6,
.newsNew-title > p,
.newsNew-title > a {
    float: left;
    text-align: left;
    margin: 0;
    margin-bottom:5px;
    height: auto;
    clear: left;
}
.hover:hover {
    text-decoration: underline;
}
.bottom {
    position: fixed;
    bottom: 0;
    left: auto;
    z-index: 99999999999;
    cursor: default;
}
.share .p0 {
    left: 0;
}
.share .p50 {
}
.share-static {
    position: absolute;
    top: auto;
    bottom: 0px;
    width: 50px;
    height: 10px;
    cursor: pointer!important;
    overflow: hidden;
    z-index: 99999999999;
	transition: all 0.5s ease;
}
.front-static {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 10px;
}
.slide-in-static {
    position: absolute;
    top: 0;
    left: 0px;
    width: 320px;
    height: auto;
    background-color: chartreuseX;
	transition: all 0.5s ease;
}
.slide-instatic .span {
    display: block!important;
}
.slide-in-static  a {
    display: block;
    margin-right: 5px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
	transition: all 0.5s ease;
    background-color: coralX;
    z-index: 200;
}
.slide-in-static  h4X {
    display: block;
    margin-right: 5px;
    margin-left: 0px;
    margin-top: 0px;
    float: left;
	transition: all 0.5s ease;
}
.on .slide-in-static{
    left: 50px;
	transition: all 0.5s ease;
}
.on .share-static {
    overflow: visible!important;
    width: 320px;
    background-color: aquaX;
}
.share-div h4 {
    color: transparent!important;
}
.share.p-left {
    left: calc(50% - 21.6%);
}  
.share.p-zero {
    left: 20px;
}  

.gradient {
    position: fixed;
    top: auto;
    bottom: 0px;
    width: 100%;
    height: 120px;
    z-index: 2;
    
    background: -moz-linear-gradient(top, rgba(255,255,250,0) 0%, rgba(255,255,250,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,250,0) 0%,rgba(255,255,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,250,0) 0%,rgba(255,255,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fffffa', endColorstr='#fffffa',GradientType=0 ); /* IE6-9 */
}
.gradient-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 81px;
    width: 100%;
    z-index: 2;
    background-color: rgb(255,255,250);
}
.gradient-top {
    position: fixed;
    top: 80px;
    bottom: auto;
    width: 100%;
    height: 60px;
    z-index: 2;
    
    background: -moz-linear-gradient(top, rgba(255,255,250,0) 0%, rgba(255,255,250,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,250,0) 0%,rgba(255,255,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,250,0) 0%,rgba(255,255,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fffffa', endColorstr='#fffffa',GradientType=0 ); /* IE6-9 */
    
    transform: rotate(180deg);
}
.gradient-2 {
    position: fixed;
    top: auto;
    bottom: 0px;
    width: 100vw;
    height: 120px;
    z-index: 5999;
    
    background: -moz-linear-gradient(top, rgba(255,255,250,0) 0%, rgba(255,255,250,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,250,0) 0%,rgba(255,255,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,250,0) 0%,rgba(255,255,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fffffa', endColorstr='#fffffa',GradientType=0 ); /* IE6-9 */
}
.newsNew-holder {
    position: relative;
	margin-top: auto;
    width: calc(33.33333% - 0px)!important;
    padding-right: 40px!important;
    padding-bottom: 0px!important;
    float: right!important;
    clear: auto!important;
    display: block;
    margin: auto!important;
    cursor: default!important;
    overflow-y: none!important;
    -ms-overflow-style: none!important;
    -ms-overflow-style: none!important; /* IE 11 */
    scrollbar-width: none!important; /* Firefox 64 */
}
.holder {
    position: relative;
    width: calc(33.33333% - 0px)!important;
    padding-right: 40px!important;
    padding-bottom: 60px!important;
    float: left!important;
    clear: auto!important;
    display: block;
    margin: auto!important;
    cursor: default!important;
    overflow-y: none!important;
    -ms-overflow-style: none!important;
    -ms-overflow-style: none!important; /* IE 11 */
    scrollbar-width: none!important; /* Firefox 64 */
}

	.newsNew-title {
		position: absolute;
		float: left;
		right: calc(-17.5vw - 60px);
		height: auto!important;
		width: 17.5vw;;

		background-color: aquaX;

		overflow: hidden;
		overflow-y: none!important;
		overflow-y: scroll!important;
		-ms-overflow-style: none;
		-ms-overflow-style: none; /* IE 11 */
		scrollbar-width: none; /* Firefox 64 */

		cursor: default!important;
	}
.newsNew-title a h5:hover {
	text-decoration: none;
}

    overflow-y: none;
    -ms-overflow-style: none;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */
    overflow-y: none;
    -ms-overflow-style: none;
    -ms-overflow-style: none; /* IE 11 */
    scrollbar-width: none; /* Firefox 64 */

.frame {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    clear: left;
    display: block;
    margin: auto;
}
.newsNew-frame {
    position: relative;
    width: 100%!important;
    height: auto;
    float: left;
    clear: left;
    display: block;
    margin: auto;
}
.frame > img {
    position: relative;
    float: left;
    clear: left;
    width: 100%;
	grayscale(100)!important;
	transition: all 1s ease;
    display: block;
}

.newsNew-frame > img {
    position: relative;
    float: left;
    clear: left;
    width: 100%;grayscale(100)!important;
	transition: all 1s ease;
    display: block;
}
.color {
    filter: grayscale(0)!important;
}
.frame:hover img.target {
    filter: grayscale(0);
	transition: all 1s ease;
}
.newsNew-frame:hover img.target {
    filter: grayscale(0);
	transition: all 1s ease;
}
.holder::-webkit-scrollbar { 
    display: none; 
}
::-webkit-scrollbar { 
    display: none; 
}

@media only screen and (max-width: 2000px) {
    
    .holder {
        width: 33.33333%;
        padding-right: 60px;
        padding-bottom: 40px;
    }

    .newsNew-holder {
        width: 33.33333%;
        padding-right: 60px;
        padding-bottom: 00px;
    }
    .space-A {
        height: 3px;
    }
    .space-B {
        height: 16px;
    }
    .space-C {
        height: 24px;
    }
    
    .menu-item, .menu-item-solo {
        left: calc(50vw + 50vw/2 + 30px );
        top: calc( 50vh - 45vh );/*50vh - (Find info-container height value) */
    }
    .show-item {
        left: calc(50vw + 50vw/2 + 30px );
        bottom: calc( 50vh - 45vh );/*50vh - (Find info-container height value) */
    }
    .bottom-right, .bottom-right-2X, .bottom-news {
        left: calc(50vw + 50vw/2 + 30px );
        bottom: calc( 50vh - 45vh );/*50vh - (Find info-container height value) */
    }
    .bottom-right-A {
        position: fixed;
        z-index: 6000;
        top: auto;
        right: auto;
        right: 20px;
        bottom: 20px;
        width: 120px;
        height: auto;
        display: block;
    }
    .bottom-left, .bottom-left-rel, .bottom-left-rel-fixed {
        left: calc(50vw - (90vw/2) );/*take width .info-container */
        bottom: calc( 50vh - 45vh );/*50vh - (Find info-container height value) */
    }
    .show-item-2 {display: block;}
    .menu-box {
        left: 30px;
    }
    .sectionX {
        width: calc(50vw + (90vw/2) - 20vw + 30px );/*take width from .info-container minus width .right-side plus padding- .right-side */
        height: 60vh;
    }
    .logo{
        top: calc(50vh - (90vh/2) ); /*take height .info-container */
        left: calc(50vw - (90vw/2) );/*take width .info-container */
    }
    .logo-big {
        top: calc(50vh - (90vh/2) ); /*take height .info-container */
        left: calc(50vw - (90vw/2) );/*take width .info-container */
    }
    .CV {
        top: calc(50vh - (90vh/2) - 180px ); /*take height .info-container */
        left: calc(50vw - (90vw/2) );/*take width .info-container */
    }
    .info-container {
        width: 90vw;
        height: 90vh;
    }
    .title {
        max-height: 33.5vw; /* Find height img-container */
    }
    
  .newsNewContainer {
        padding-top: 0; /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
        padding-left: calc(50vw - (90vw/2) );/*take width .info-container */
        padding-right: calc(100vw - (50vw + (85vw/2) - 17.5vw + 0px ));
    }
	#workContainer {
        padding-top: calc( 100vh - ( 90vh + 5vh - (90vh - 33.5vw)/2)); /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
        padding-left: calc(50vw - (90vw/2) );/*take width .info-container */
        padding-right: calc(100vw - (50vw + (85vw/2) - 17.5vw + 0px ));
    }
    .work-container   {
        left: calc(50vw - (90vw/2) );/* copy from .logo-big */
        width: calc( 90vw - 20vw + 30px )!important;/* Find .info-container heigt° - .right-side wwidth + padding-right .holder */
        height: calc( 90vh + 5vh - (90vh - 33.5vw)/2)!important; /* Find .info-container heigt° + °/2 (.info-container height - .img-container*/
    }
    .right-side {
        left:  calc(50vw + (90vw/2) - 20vw + 0px );/*take width from .info-container minus width .right-side (plus padding- .right-side) */
        height: 90vh; /* height from info-container */
        width: 20vw;
        padding-left: 30px;
        padding-top: calc((90vh - 33.5vw)/2 ); /*(Find info-container height value)-(Find img-container height value) */
        padding-bottom:0;
    }
    .img-container, .slide-container {
        width: 50vw;
        height: 33.5vw;
    }
    .absolute-zone {
    }
    .scroll-zone {
        top: 50px;
        height: calc(100% - 50px - 0px);
    }
    .scroll-zone.enlarge {
        height: calc(100% - 0px - 25px)!important;
    }
    .bottom-zone, .bottom-zone-news {
        height: 25px;
    }
	.newsNew-title {
		right: calc(-17.5vw - 30px);
	}

    
    
}
@media only screen and (max-width: 1501px) {

    .space-A {
        height: 3px;
    }
    .space-B {
        height: 8px;
    }
    .space-C {
        height: 20px;
    }
    .menu-item, .menu-item-solo {
        left: calc(50vw + 50vw/2 + 30px );
        top: calc( 50vh - 35vh );
    }
    .show-item, .show-item-2, .show-item-3 {
        left: calc(50vw + 50vw/2 + 30px );
        bottom: calc( 50vh - 35vh );
    }
    .show-item-2, .show-item-3 {display: none;}
    
    .bottom-right, .bottom-right-2X, .bottom-news {
        left: calc(50vw + 50vw/2 + 30px );
        bottom: calc( 50vh - 35vh );/*50vh - (Find info-container height value) */
    }
    .bottom-left, .bottom-left-rel, .bottom-left-rel-fixed {
        left: calc(50vw - (90vw/2) );/*take width .info-container */
        bottom: calc( 50vh - 35vh );/*50vh - (Find info-container height value) */
    }
    .logo-img {
        width: 280px;
    }
    .section {
    }
    .sectionX {
        width: calc(50vw + (90vw/2) - 20vw + 30px );/*take width from .info-container minus width .right-side plus padding- .right-side */
        height: 70vh;
    }
    .logo{
        top: calc(50vh - (70vh/2) ); /*take height .info-container */
        left: calc(50vw - (90vw/2) );/*take width .info-container */
    }
    .CV {
        top: calc(50vh - (70vh/2) - 180px  ); /*take height .info-container */
        left: calc(50vw - (90vw/2) );/*take width .info-container */
    }
    .info-container {
        width: 90vw;
        height: 70vh;
    }
    .title {
        max-height: 33.5vw; /* Find height img-container */
    }
    .titleX {
        max-height: calc(60vw - 600px) ;
    }
    .work-container   {
        left: calc(50vw - (90vw/2) );/* copy from .logo-big */
        width: calc( 90vw - 20vw + 40px )!important;/* Find .info-container width° - .right-side wwidth + padding-right .holder */
        height: calc( 70vh + 15vh - (70vh - 33.5vw)/2)!important; /* Find .info-container heigt° + °/2 (.info-container height - .img-container*/
    }
    .gradient {
        position: fixed;
        top: auto;
        bottom: 0px;
        width: 100%;
        height: 80px; 
    }
    .holder {
        padding-right: 40px;
        padding-bottom: 40px;
    }
    .newsNew-holder {
        padding-right: 40px;
        padding-bottom: 0px;
    }
    .menu-box {
        left: 30px;
    }
    .right-side {
        left:  calc(50vw + (90vw/2) - 20vw + 0px );/*take width from .info-container minus width .right-side (plus padding- .right-side) */
        height: 70vh; /* height from info-container */
        width: 20vw;
        padding-left: 30px;
        padding-top: calc((70vh - 33.5vw)/2 ); /*(Find info-container height value)-(Find img-container height value) */
        padding-bottom:0;
    }
    .img-container, .slide-container {
        width: 50vw;
        height: 33.5vw;
    }
    .absolute-zone {
    }
    .scroll-zone {
        top: 50px;
        height: calc(100% - 50px - 0px);
    }
    .scroll-zone.enlarge {
        height: calc(100% - 50px - 25px);
    }
    .bottom-zone, .bottom-zone-news {
        width: 100%;
        height: 25px;
    }
	
	.newsNew-title {
		right: calc(-17.5vw - 9px);
	}
}
@media only screen and (max-width: 1500px) { 
	.news-body {
	padding-top: 120px!important;
	}
    .logo-img {
        width: 280px;
    }
    .menu-item, .menu-item-solo {
        left: calc(50vw + 45vw/2 + 15px + 30px );
        top: calc( 50vh - 45vh );
    }
    .show-item, .show-item-2, .show-item-3 {
        left: calc(50vw + 45vw/2 + 15px + 30px );
        bottom: calc( 50vh - 45vh );
    }
    .show-item-2, .show-item-3 {display: none;}
    .bottom-right, .bottom-right-2X, .bottom-news {
        left: calc(50vw + 45vw/2 + 15px + 30px );
        bottom: calc( 50vh - 45vh );/*50vh - (Find info-container height value) */
    }
    .bottom-left, .bottom-left-rel, .bottom-left-rel-fixed {
        left: calc(50vw - (90vw/2) );/*take width .info-container */
        bottom: calc( 50vh - 45vh );/*50vh - (Find info-container height value) */
    }
    .sectionX {
        width: calc(50vw + (90vw/2) - 20vw + 15px );/*take width from .info-container minus width .right-side plus padding- .right-side */
        height: 90vh;
    }
    .logo{
        top: calc(50vh - (90vh/2) ); /*take height .info-container */
        left: calc(50vw - (90vw/2) );/*take width .info-container */
    }
    .logo-big {
        top: calc(50vh - (90vh/2) ); /*take height .info-container */
        left: calc(50vw - (90vw/2) );/*take width .info-container */
    }
    .CV {
        top: calc(50vh - (90vh/2) - 180px   ); /*take height .info-container */
        left: calc(50vw - (90vw/2) );/*take width .info-container */
    }
    .info-container {
        width: 90vw;
        height: 90vh;
    }
    .title {
        max-height: 32.2vw; /* Find height img-container */
    }
     .newsNewContainer {
        padding-top: 0; /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
        padding-left: calc(50vw - (90vw/2) );/*take width .info-container */
        padding-right: calc(100vw - (50vw + (85vw/2) - 17.5vw + 0px ));
    }#workContainer {
        padding-top: calc( 100vh - ( 90vh + 5vh - (90vh - 32.2vw)/2)); /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
        padding-left: calc(50vw - (90vw/2) );/*take width .info-container */
        padding-right: calc(100vw - (50vw + (85vw/2) - 17.5vw + 0px ));
    }
    .work-container  {
        left: calc(50vw - (90vw/2) );/* copy from .logo-big */
        width: calc( 90vw - 20vw + 60px )!important;/* Find .info-container width° - .right-side wwidth + padding-right .holder */
        height: calc( 90vh + 5vh - (90vh - 32.2vw)/2)!important; /* Find .info-container heigt° + °/2 (.info-container height - .img-container*/
    }
    .holder {
        width: 50%;
        padding-right: 60px;
        padding-bottom: 60px;
    }
    .newsNew-holder {
        width: 50%;
        padding-right: 60px;
        padding-bottom: 0px;
    }
    .menu-box {
        left: 15px;
    }
    .right-side {
        left:  calc(50vw + (90vw/2) - 20vw + 0px );/*take width from .info-container minus width .right-side (plus padding- .right-side) */
        height: 90vh; /* height from info-container */
        width: 20vw;
        padding-left: 15px;
        padding-top: calc((90vh - 32.2vw)/2 );

    }
    .img-container, .slide-container {
        width: 50vw;
        height: 32.2vw;
    }
    .absolute-zone {
    }
    .scroll-zone {
        top: 45px;
        height: calc(100% - 45px - 0px);
    }
    .scroll-zone.enlarge {
        height: calc(100% - 45px - 21px);
    }
    .bottom-zone, .bottom-zone-news {
        width: 100%;
        height: 21px;
    }
    .share.p-zero {
        left: 1px;
    }  
}
@media only screen and (max-width: 1050px) {
	.news-body {
	padding-top: 120px!important;
	}
    .menu-box {
        right: 0px!important;
    }
    .close {
        background-position: 100% 0% ;
        height: 21px;
    }
    .close {
        background-position: 100% 0% ;
        background-size: 21px auto;
        right: 0;
    }
    .none-bottom {
        display: auto;
    }
    .block-bottom {
        display: auto;
    }
    .delete-at-1050 {
        display: none!important;
    }
    .display-at-1050 {
        display: block!important;
    }
    .delete,
    .right-delete {
        display: none!important;
        z-index: 0;
    }
    .ghoster {display: none;}
    #show {
        display: none!important;
        position: fixed;
        z-index: 0;
        width: 0;
        height: 0;
        top: 0;
        left: 0;
    }
    .info {
        display: block;
        cursor: pointer;
    }
    .info h4 {
        position: static;
        float: right;
    }
    .info-show {display: none; cursor: pointer!important;}
    .info-hide { cursor: pointer!important;}
    .display-block {display:block!important; }
    .display-none {display:none!important;}
    .ghoster {
        display: none;
    }
    .white-zone {
        display: none;
    }
    .logo{
        top: 23px;
        left: 20px;
    }
    .logo-img, .logo-big {
        top: 23px;
        left: 20px;
        width: 240px;
    }
    .CV {
        top: calc(23px - 135px);
        left: 20px;
        width: 240px;
        font-size: 240px;
    }
    .show-item {display: none;}
    .show-item-2 {
        display: none;
        right: 15px;
        left: auto;
        bottom: 28px;
        width: 70px;
        padding: 0;
        z-index: 1;
    }
    .show-item-2 > .text {
        float: right;
        width: auto;
        margin: auto;
    }
    .show-item-3 {
        position: absolute;
        right: 0px;
        left: auto;
        bottom: 0px;
        width: 80px;
        height: 60px;
        padding: 0;
        background-color: rgba(202,111,112,0.0);
        z-index: 999999999;
        display: block;
    }
    .no-blur {opacity: 1!important; transition: all 1s ease;}
    .menu-item, .menu-item-solo {
        left: auto;
        right: 15px;
        top: 21px;
    }
    .section {
    }
    .info-container {
        width: 100%;
        height: 100%;
        max-height: none;
        z-index: 1;
    }
    .newsNewContainer {
        padding-top: 0!important; /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
        padding-left: 0px!important;/*take width .info-container */
        padding-right: 0px!important;
    }#workContainer {
        padding-top: 120px!important; /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
        padding-left: 0px!important;/*take width .info-container */
        padding-right: 0px!important;
    }
    .work-container   {
        top:120px;
        left: 0px;
        width: calc(100% - 20px)!important;
        height: calc(100vh - 120px - 0px)!important;
        padding-bottom: 120px;
    }
    .work-container.abouter {
        display: block!important;
    }
    .gradient {
        bottom: 0px;
    }
    .holder {
        width: 33.333%!important;
        padding-right: 20px!important;
        padding-left: 20px!important;
        padding-bottom: 60px;
    }
    .newsNews-holder {
        width: 33.333%!important;
        padding-right: 20px!important;
        padding-left: 20px!important;
        padding-bottom: 60px;
    }
    .holder.wider {
        width: 60%!important;
        min-width: 480px;
    }
    .menu-box {
        position: absolute;
        top: 21px;
        left: auto;
        right: 15px;
    }
    .right-side {
        position: fixed;
        top: auto;
        bottom: 0px!important;
        left: 0;
        width: calc(100vw - 20px)!important;
        
        height: 0px!important;
        min-height: 0!important;
        max-height: auto!important;
        transform:translateY(0%)!important;
        
        padding-left: 20px;
        padding-top:0px!important;
        padding-bottom:0!important;
        background-color: bluevioletX;
        z-index: 6;
        transition: all 0.5s ease;
    }
    .right-side.menu-a {
        height: 100%!important;
        padding-top: 80px!important;
    }
    .right-side.growed {
        height: 100vh!important;
        min-height: 100vh!important;
        max-height: 100vh!important;
        background-color: #FEFFFA;
        bottom: auto!important;
    }
    .title.data {
        position: absolute;
        bottom: 40px;
        top: auto;
        margin: auto;
        max-width: calc(100% - 40px)!important;
        width: calc(1000% - 40px)!important;
        height:auto!important;
        max-height: auto;
        background-color: brownX;
        transition: all 0.5s ease; }
    .title.data.news {
        position: absolute;
        bottom: 18px;
        top: auto;
        margin: auto;
        height:auto!important;
        max-height: auto;
        background-color: brownX;
        transition: all 0.5s ease;
    }
    .title.dataX {
        position: absolute;
        bottom: 40px;
        top: auto;
        margin: auto;
        height: 100%!important;
        max-height: calc(100% - 40px - 80px)!important;
        background-color: brownX;
    }
    
    .bottom-right-2X {
        top: auto!important;
        left: auto!important;
        right: 20px!important;
        bottom: 20px!important;
        display: block!important;
    }
    .type {display: block;}
    
    .img-container {
        position: relative;
        display: block;
        width: calc(100vw - 40px);
        height: calc(100vh - 80px - 100px);
        min-width: auto;
        max-width: auto;
        min-height:  calc(100vh - 80px - 100px);
        max-height:  calc(100vh - 80px - 100px);
        margin: auto;
        top: 0px;
        left:  0px;
        background-color: antiquewhiteX;
        z-index: 1;
        padding: 0!important;
    }
    .slide-container {
        display: none!important;
    }
    
    .img-container > img {
        position: absolute;
        width: auto; 
        height: auto;
        max-height: 80%;
        max-width: 80%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);  
        float: none;
        margin: auto;
        display: block!important;
    }
    
    
    .img-container.abouter img {
        display: none!important;
    }
    .about-image {
        display: none!important;
    }
    .bottom {
        bottom: 20px;
    }
    .bottom.data, .title.work {
        display: none;
    }
    .share {
        left: 20px;
        bottom: 20px;
        display: none;
    }
    .title.about {
        display: none;
        position: absolute;
        width: calc( 100% - 40px - 70vw);
        bottom: 40px;
        top: auto;
    }
    .absolute-zone .type {
        display: none;
    }
    .absolute-zone {
        top: 0;
        margin-top: auto;
        float: left;
        clear: left;
        position: relative;
        height: auto;
        width: auto;
        margin-bottom: 0;
    }
    .scroll-zone {
        position: relative;
        top: auto;
        width:calc(100% - 40px)!important;
        height: 0!important;
        clear: left;
        float: left;
    }
    .scroll-zone.news {
        display: none!important
    }
    .grow .title.data {
        height: 100%!important;
        max-height: calc(100% - 40px - 80px)!important;
        transition: all 0.5s ease;
        width: 60%;
        min-width: 480px;
        overflow-y: scroll;
        padding-bottom: 40px!important;
    }
    .grow .scroll-zone {
        height: auto!important;
        transition: all 0.5s ease;
    }
    .grow .bottom-zone {
        display: block;
    }

    .grow .bottom-zone-news {
        display: block;
    }
    .grow .absolute-zone .type {
        display: block!important;
    }
    .grow .bottom-right, .grow .bottom-news {
        display: none;
    }
    .scroll-zoneX {
        position: relative;
        top: auto;
        width:calc(100% - 40px);
        height: auto;
        clear: left;
        float: left;
    }
    .scroll-zone.enlarge {
        height: calc(100% - 45px - 21px);
    }
    .bottom-right {
        left: 20px;
        bottom: 20px;
    }
    .bottom-news {
        left: auto;
        right: 20px;
        bottom: 18px;
    }
    .bottom-zone {
        position: relative;
        clear: left;
        width: auto;
        height: auto;
        bottom: auto;
        display: none;
    }
   .bottom-zone-news {
        position: relative;
        clear: left;
        width: 200px;;
        height: auto;
        bottom: auto;
        display: block;
       background-color: antiquewhiteX;
    }
    .bottom-left-rel{
        position: absolute;
        z-index: 6000;
        left: auto!important;
        top: auto!important;
        right: 20px!important;
        bottom: 20px!important;
        width: 40px!important;
        background-color: brown;
    }
    .bottom-left-rel-fixed{
        position: fixed;
        z-index: 6000;
        left: auto!important;
        top: auto!important;
        right: 20px!important;
        bottom: 20px!important;
        width: 40px!important;
        background-color: brown;
    }
    .share-div h4 {
    }
    .grow .title.data {
        height: 100%!important;
        max-height: calc(100% - 40px - 80px)!important;
        transition: all 0.5s ease;
    }
    .grow .scroll-zone {
        height: auto!important;
        overflow-y: scroll;
        transition: all 0.5s ease;
    }
    .grow .bottom-zone {
        display: block;
    }
    .grow .bottom-zone-news {
        display: block;
    }
    .share-static {
        position: absolute;
        top: auto;
        bottom: 0px;
        width: 90px;
        height: 10px;
        overflow: visible!important;
    }
    .front-static {
        position: absolute;
        z-index: 2;
        width: 40px;
        height: 10px;
        
    }
    .front-static h4 {float: right;}
    .slide-in-static {
        position: absolute;
        top: -2px;
        right: auto;
        left: 50px;
        width: 90px;
        height: auto;
        background-color: chartreuseX;
        transition: all 0.5s ease;
    }
    .slide-in-static  a {
        display: block;
        margin-right: 5px;
        margin-left: 0px;
        margin-top: 0px;
        float: right;
        width: 20px;
        height: 14px;
        
        
        background-position: center;
        background-size:  auto 10px;
        background-repeat: no-repeat;
        
        transition: all 0.5s ease;
        background-color: coralX;
        z-index: 200;
    }
    a.facebook {background-image: url(../img/icons/facebook.png);}
    a.instagram {background-image: url(../img/icons/instagram.png);}
    a.pinterest {background-image: url(../img/icons/pinterest.png);}
    a.tumblr {background-image: url(../img/icons/tumblr.png);}
    
    .on .slide-in-static{
        left: auto;
        right: 90px;
        transition: all 0.5s ease;
    }
    .on .share-static {
        overflow: visible!important;
        width: 90px;
        background-color: aquaX;
    }
    
    .signal {
        display: block;
    }
    .gesture {
        position: absolute;
        background-color: aqua;
        width: 100%;
        height: 50px;
        opacity: 0.2;
        transition: all 0.5s ease;
    }
    .gesture:hover  {
        opacity: 1;
        transition: all 0.5s ease;
    }
    .gesture.down {
        bottom: 25px;
        left: 0;

        animation-name: arrow-down;
        animation-duration: 2s;
        animation-iteration-count: infinite;

        background: url(../img/arrow-bottom.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }
    .gesture.up {
        top: 0px;
        left: 0;

        animation-name: arrow-up;
        animation-duration: 2s;
        animation-iteration-count: infinite;

        background: url(../img/arrow-top.svg);
        background-position: 50% 50%;
        background-repeat: no-repeat;
    }


    /* The animation code */
    @keyframes arrow-up {
      0%   {top: 0px;}
      50%  {top: -50px;}
      100%  {top: 0px;}
    }
    @keyframes arrow-down {
      0%   {bottom: 25px;}
      50%  {bottom: -25px;}
      100%  {bottom: 25px;}
    }

	
	.newsNewContainer {
		position: relative;
		float: left;
		clear: left;
		margin-top: 0;
		margin-bottom: 30px;
		height: auto;
		padding-top: 0; /* Find .info-container heigt° + °/2 (.info-container height - .img-container height value) */
		padding-right: auto;/*take width .info-container */
		padding-left: 20px; 
	}
	

	.newsNew-holder {
		position: relative;
		width: calc(33.33333% - 0px)!important;
		padding-right: auto!important;
		padding-left: 22px;
		padding-bottom: 0px!important;
		float: left!important;
		clear: auto!important;
		display: block;
		margin-left:0px!important;
	}
	
	
	.newsNew-title {
		position: relative;
		float: left;
		left: 0;
		margin-top: 10px;
		height: auto!important;
		width: auto;

	}
	.spacer {
	height: 30px!important;
}
}
@media only screen and (max-width: 768px) {
    .back {
        background-size: 20px auto;
    }
    .close {
        background-size: 13px auto;
    }
    .show-item-2 {
        bottom: 25px;
    }
    .right-side {
        padding-top:80px;
        padding-bottom:80px;
    }
    .work-container   {
        top:80px;
        height: calc(100% - 80px - 0px)!important;
    }
    .work-container.abouter {
        top:80px;
        left: -0px!important;
        width: calc(100% - 20px);
    }
    .holder {
        width: 50%!important;
        padding-right: 20px;
        padding-bottom: 40px;
    }
    .newsNew-holder {
        width: 50%!important;
        padding-right: 20px;
        padding-bottom: 0px;
    }
    .ghoster {
        display: none;
    }
	@media (orientation: portrait) {
		.background {
			background-image: url("../img/site-root/frontpage-break-R.jpg");
		}
	}
	@media (orientation: landscape) {
		.background {
			background-image: url("../img/site-root/frontpage-R.jpg");
			background-size: cover!important;
		}
	}
    .background-2 {
        background-image: url(../img/appartement-v/6.jpg);
    }
}
@media only screen and (max-width: 480px) {
    .newsNew-holder {
        width: 100%!important;
        padding-right: 20px;
		padding-left: 20px;
        padding-bottom: 0px;
    }
    .slide {
        position: relative;
        height: 100%!important;
        width: 100vw!important;
    }
    .img-container > img {
        max-widthX: 80%;
        max-heightX: 60%;
    }
    .title.data {
        width: calc(100% - 40px)!important;
        min-width: calc(100% - 00px)!important;
    }
    .grow .title.data {
        width: calc(100% - 40px)!important;
    }
    .work-container   {
        top:80px;
        width: calc(100% - 40px)!important;
        height: calc(100% - 80px - 0px)!important;
    }
    .holder {
        min-width: 100%!important;
        width: calc(100% - 800px)!important;
        padding-right: 0px;
        padding-bottom: 40px;
        
        position: relative;
        height: auto;
        float: left;
        clear: auto;
        overflow-y: scroll;
    }
    .logo{
        top: 23px;
        left: 20px;
    }
    .logo-img, .logo-big {
        top: 23px;
        left: 20px;
        width: 200px;
    }
    .CV {
        top: calc(23px - 113px);
        left: 20px;
        width: 200px;
        font-size: 200px;
    }
}









.spacer {
    position: relative;
	float: right;
	clear: right;
	margin-top: 60px;
	width: 100%;
	height: 30px;
}