@media screen and (min-width: 960px) and (orientation: landscape){


section#projects .slider {
    width: 100%;
    height: 100%;
}

section#projects .slider .slide {
    display: grid;
    grid-template-columns: repeat(50, 2%);
    grid-template-rows: repeat(50, 2%);
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
}

section#projects .slider .slide.--current {
    z-index: 5;
    display: grid;
}

section#projects .slider .slide .box {
    overflow: hidden;
    transform: translateX(-110%);
    position: relative;
}

section#projects .slider .slide .photo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

section#projects .slider .slide .photo .photo-item {
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform-origin: 0% 50% 0px;
    top: -20px;
    left: -20px;
}

section#projects .slider .slide.--current .box {
    transform: translateX(0%);
}

section#projects .slider .slide.--current .photo {
    transform: translateX(0%);
}

/*section[section-for="slider"]#home .informational-tabloid {
    display: flex;
    margin: 0 0.5em;
    overflow: hidden;
    font-size: 1.8em;
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    margin-bottom: 1.1em;
    z-index: 999;
    mix-blend-mode: difference;
}*/

/* Type one */
section#projects .slider .slide[slide-type="one"] .header.title {
    font-family: 'Druk Wide Cyr', Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 180rem;
    font-style: italic;
    letter-spacing: 0.015em;
    line-height: 94%;
    /*color: transparent;*/
    grid-column-start: 2;
    grid-column-end: 23;
    grid-row-start: 20;
    grid-row-end: 29;
    position: relative;
    z-index: 1;
    mix-blend-mode: difference;
}

section#projects .slider .slide[slide-type="one"] .header.title .item {
    position: absolute;
    top: 0;
    left: 0;
}

section#projects .slider .slide[slide-type="one"] .header.description {
    font-family: 'Druk Text Wide Cyr', Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 900;
    font-size: 36rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    grid-column-start: 2;
    grid-column-end: 23;
    grid-row-start: 30;
    grid-row-end: 36;
}

section#projects .slider .slide[slide-type="one"] .header.description.description-only {
    overflow: hidden;
    font-size: 24rem;
    font-family: Druk Text Wide Cyr; 
    font-weight: 700; 
    text-transform: none;
    line-height: 126.5%;
    letter-spacing: 0.015em;
    grid-column-start: 3;
    grid-column-end: 24;
    grid-row-start: 20;
    grid-row-end: 36;
}

section#projects .slider .slide[slide-type="one"] .header.title .item {
    opacity: 0;
}

section#projects .slider .slide[slide-type="one"].--current .header.title .item {
    opacity: 1;
}

section#projects .slider .slide[slide-type="one"] .header.description {
    opacity: 0;
}

section#projects .slider .slide[slide-type="one"].--current .header.description {
    opacity: 1;
}

section#projects .slider .slide[slide-type="one"].--current .content-title,
section#projects .slider .slide[slide-type="one"].--current .content-description,
section#projects .slider .slide[slide-type="one"].--current .go {
    opacity: 1;
}

section#projects .slider .slide[slide-type="one"] .content-title,
section#projects .slider .slide[slide-type="one"] .content-description,
section#projects .slider .slide[slide-type="one"] .go {
    opacity: 0;
}

section#projects .slider .slide[slide-type="one"] .content-title {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 13rem;
    color: #6E6E6E;
    grid-column-start: 10;
    grid-column-end: 23;
    grid-row-start: 39;
    grid-row-end: 41;
    line-height: 109.5%;
    text-align: right;
    letter-spacing: 0.015em;
}

section#projects .slider .slide[slide-type="one"] .content-description {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 13rem;
    /*margin-bottom: 1em;*/
    grid-column-start: 11;
    grid-column-end: 23;
    grid-row-start: 41;
    grid-row-end: 45;
    line-height: 109.5%;
    text-align: right;
    letter-spacing: 0.015em;
}

section#projects .slider .slide[slide-type="one"] .go {
    font-size: 18rem;
    grid-column-start: 10;
    grid-column-end: 23;
    grid-row-start: 45;
    grid-row-end: 49;
    line-height: 109.5%;
    text-align: right;
    letter-spacing: 0.015em;
}

section#projects .slider .slide[slide-type="one"] .box.one {
    grid-column-start: 19;
    grid-column-end: 26;
    grid-row-start: 1;
    grid-row-end: 11;
}

section#projects .slider .slide[slide-type="one"] .box.two {
    grid-column-start: 26;
    grid-column-end: 44;
    grid-row-start: 1;
    grid-row-end: 51;
}

section#projects .slider .slide[slide-type="one"] .box.three {
    grid-column-start: 44;
    grid-column-end: 51;
    grid-row-start: 40;
    grid-row-end: 51;
}

/* Type two */
section#projects .slider .slide[slide-type="two"] .header .title {
    font-size: 112rem;
    font-family: 'Druk Text Wide Cyr', Arial, Helvetica, sans-serif; 
    font-weight: 900; 
    font-style: italic;
    letter-spacing: 0.015em;
    line-height: 126.5%;
    color: transparent;
    position: relative;
}

section#projects .slider .slide[slide-type="two"] .header .title .item {
    position: absolute;
    top: 0;
    left: 0;
}

section#projects .slider .slide[slide-type="two"] .header .description {
    font-size: 3.2em;
    font-family: 'DrukWideCyr-Medium', Arial, Helvetica, sans-serif; 
    font-weight: 700; 
    text-transform: uppercase;
    letter-spacing: 0.015em;
    overflow: hidden;
}

section#projects .slider .slide[slide-type="two"] .header.description.description-only {
    overflow: hidden;
    font-size: 24rem;
    font-family: 'DrukWideCyr-Medium', Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    text-transform: none;
    overflow: hidden;
    line-height: 126.5%;
    letter-spacing: 0.015em;  
}

section#projects .slider .slide[slide-type="two"] .content-title {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 13rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    color: #6E6E6E;
    grid-column-start: 8;
    grid-column-end: 17;
    grid-row-start: 25;
    grid-row-end: 27;
    text-align: end;
    opacity: 0;
}

section#projects .slider .slide[slide-type="two"] .content-description {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 13rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    /*margin-bottom: 1em;*/
    grid-column-start: 8;
    grid-column-end: 17;
    grid-row-start: 27;
    grid-row-end: 32;
    text-align: right;
    opacity: 0;
}

section#projects .slider .slide[slide-type="two"] .go {
    font-family: Poiret One;
    text-decoration:none;
    font-size: 20rem;
    text-transform: uppercase;
    line-height: 91%;
    letter-spacing: 0.475em;
    border: 1px solid;
    box-sizing: border-box;
    grid-column-start: 8;
    grid-column-end: 17;
    grid-row-start: 40;
    grid-row-end: 45;
    text-align: center;
    align-self: center;
    opacity: 0;
    display:block;
    padding:1.2em;
}

section#projects .slider .slide[slide-type="two"].--current .content-title,
section#projects .slider .slide[slide-type="two"].--current .content-description,
section#projects .slider .slide[slide-type="two"].--current .go {
    opacity: 1;
}


section#projects .slider .slide[slide-type="two"] .box.one {
    grid-column-start: 19;
    grid-column-end: 26;
    grid-row-start: 1;
    grid-row-end: 11;
}

section#projects .slider .slide[slide-type="two"] .box.two {
    grid-column-start: 26;
    grid-column-end: 44;
    grid-row-start: 1;
    grid-row-end: 51;
}

section#projects .slider .slide[slide-type="two"] .box.three {
    grid-column-start: 44;
    grid-column-end: 51;
    grid-row-start: 40;
    grid-row-end: 51;
}

section#projects .slider .slide[slide-type="two"] .box.four {
    grid-column-start: 1;
    grid-column-end: 8;
    grid-row-start: 12;
    grid-row-end: 23;
}

section[section-for="slider"]#home .informational-tabloid {
    display: flex;
    
    overflow: hidden;
    position: absolute;
    bottom: 26rem;
    left: 21rem;
    font-family: PT Mono;
    font-size: 14rem;
    line-height: 109.5%;
    text-align: center;
    letter-spacing: 0.015em;
}
section[section-for="slider"]#home .informational-tabloid .all::before{
    margin:0 0.75em;
}

section#projects .slider .slide[slide-type="two"] .header.title {
    font-family: 'Druk Wide Cyr', Arial, Helvetica, sans-serif;
    font-size: 112rem;
    font-weight: 900;
    line-height: 126.5%;
    letter-spacing: 0.015em;
    grid-column-start: 8;
    grid-column-end: 49;
    grid-row-start: 31;
    grid-row-end: 39;
    z-index: 1;
    /*mix-blend-mode: difference;*/
    position: relative;
    font-style: italic;
}

section#projects .slider .slide.one .header.title{
    color:transparent;
}

section#projects .slider .slide[slide-type="two"] .header.title .item {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

section#projects .slider .slide[slide-type="two"].--current .header.title .item {
    opacity: 1;
}

section#projects .slider .slide[slide-type="two"] .header.title .item:first-child {
    z-index:  1;
}

section#projects .slider .slide[slide-type="two"] .header .description {
    opacity: 0;
}

/* Slide four */
section#projects .slider .slide.four[slide-type="one"] .header.title {
    font-family: Misto;
    font-size: 112rem;
    font-style: normal;
    line-height: 90%;
    letter-spacing: 0.045em;
    grid-column-start: 6;
    grid-column-end: 34;
    grid-row-start: 16;
    grid-row-end: 27;
    z-index: 1;
    mix-blend-mode: difference;
    position: relative;
    text-transform: uppercase;
    
}

section#projects .slider .slide.four[slide-type="one"] .header.title .item:first-child {
    z-index: 1;
}

section#projects .slider .slide.four[slide-type="one"] .content-title {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 1.15em;
    color: #6E6E6E;
    grid-column-start: 6;
    grid-column-end: 17;
    grid-row-start: 5;
    grid-row-end: 7;
    text-align: end;
}

section#projects .slider .slide.four[slide-type="one"] .content-description {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 13rem;
    line-height: 109.5%;
    letter-spacing: 0.015em;
    /* margin-bottom: 1em; */
    grid-column-start: 5;
    grid-column-end: 17;
    grid-row-start: 7;
    grid-row-end: 32;
    text-align: right;
    opacity: 0;
}

section#projects .slider .slide.four[slide-type="one"] .go {
    font-family: Poiret One;
    text-decoration: none;
    font-size: 20rem;
    text-transform: uppercase;
    line-height: 91%;
    letter-spacing: 0.475em;
    border: 1px solid;
    box-sizing: border-box;
    grid-column-start: 8;
    grid-column-end: 17;
    grid-row-start: 6;
    grid-row-end: 19;
    text-align: center;
    align-self: center;
    opacity: 0;
    display: block;
    padding: 1.2em;
}

section#projects .slider .slide.four[slide-type="one"] .box.one {
    grid-column-start: 31;
    grid-column-end: 43;
    grid-row-start: 1;
    grid-row-end: 12;
}

section#projects .slider .slide.four[slide-type="one"] .box.two {
    grid-column-start: 39;
    grid-column-end: 51;
    grid-row-start: 16;
    grid-row-end: 27;
}

section#projects .slider .slide.four[slide-type="one"] .box.three {
    grid-column-start: 1;
    grid-column-end: 51;
    grid-row-start: 27;
    grid-row-end: 47;
}

/* Slide five */
section#projects .slider .slide.five[slide-type="one"] .header.title {
    font-family: Architectural;
    font-style: normal;
    font-weight: normal;
    font-size: 132rem;
    line-height: 90%;
    grid-column-start: 26;
    grid-column-end: 42;
    grid-row-start: 7;
    grid-row-end: 18;
    z-index: 1;
    position: relative; 


    /*grid-column-start: auto;
    grid-column-end: auto;
    grid-row-start: auto;
    grid-row-end: auto;
    display: block;
    position: absolute;
    top: 20%;
    right: 49%;*/

}
section#projects .slider .slide.five[slide-type="one"] .header.title .inner{
    float:right;
}


section#projects .slider .slide.five[slide-type="one"] .header.title .item {
    -webkit-text-stroke: 0;
    z-index: 1;
}

section#projects .slider .slide.five[slide-type="one"] .content-title {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 13rem;
    line-height: 109.5%;
    text-align: right;
    letter-spacing: 0.015em;
    color: #6E6E6E;

    grid-column-start: 30;
    grid-column-end: 42;
    grid-row-start: 19;
    grid-row-end: 22;
}

section#projects .slider .slide.five[slide-type="one"] .content-description {
    font-family: PT Mono, Arial, Helvetica, sans-serif;
    font-size: 13rem;
    line-height: 109.5%;
    text-align: right;
    letter-spacing: 0.015em;

    grid-column-start: 30;
    grid-column-end: 42;
    grid-row-start: 21;
    grid-row-end: 25;
}

section#projects .slider .slide.five[slide-type="one"] .go {
    font-family: Poiret One;
    text-decoration: none;
    font-size: 20rem;
    text-transform: uppercase;
    line-height: 91%;
    letter-spacing: 0.475em;
    border: 1px solid;
    box-sizing: border-box;
    grid-column-start: 30;
    grid-column-end: 42;
    grid-row-start: 5;
    grid-row-end: 50;
    text-align: center;
    align-self: center;
    opacity: 0;
    display: block;
    padding: 1.2em;

}

section#projects .slider .slide.five[slide-type="one"] .box.one {
    grid-column-start: 1;
    grid-column-end: 21;
    grid-row-start: 1;
    grid-row-end: 51;
}

section#projects .slider .slide.five[slide-type="one"] .box.two {
    grid-column-start: 44;
    grid-column-end: 51;
    grid-row-start: 7;
    grid-row-end: 24;
}

section#projects .slider .slide.five[slide-type="one"] .box.three {
    grid-column-start: 30;
    grid-column-end: 51;
    grid-row-start: 34;
    grid-row-end: 51;
}

.portfolio .navigation-slides {
    top: 44%;
    position: absolute;
    left: 24%;
    list-style-type: none;
    transform: translate(-50%, -50%);
    z-index: 6;
}
.portfolio .navigation-slides a{
    text-decoration: none;
}

.portfolio .navigation-slides .item {
    color: #6E6E6E;
    transition: 250ms color;
    position: relative;
}
.portfolio .navigation-slides .item.active::before{
	content:'';
	display: block;
	border-top: 1px solid;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2rem;
}

.portfolio .navigation-slides .item.active::after {
    content: '>>>';
    margin-left: 8rem;
    float: right;
}

.portfolio .navigation-slides .next-button {
    font-family: 'Poiret One', Arial, Helvetica, sans-serif;
    font-size: 16rem;
    line-height: 91%;
    letter-spacing: 0.475em;
    text-transform: uppercase;
    padding: 20rem;
    width: 155rem;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    margin-top: 40rem;
    opacity: 0;
    pointer-events: none;
    transition: 600ms opacity;
    display: flex;
}
.portfolio .navigation-slides svg {
    height: 16rem;
    width: auto;
    margin-left: 1em;
}


.portfolio .navigation-slides .next-button.active {
    opacity: 1;
    pointer-events: all;
}

.portfolio .box.one {
    grid-column-start: 25;
    grid-column-end: 39;
    grid-row-start: 4;
    grid-row-end: 35;
}

.portfolio .box.two {
    grid-column-start: 25;
    grid-column-end: 39;
    grid-row-start: 35;
    grid-row-end: 48;
}

.portfolio .box.three{
    grid-column-start: 39;
    grid-column-end: 51;
    grid-row-start: 8;
    grid-row-end: 42;
}

.portfolio .box .see-project {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 16rem 24rem;
    font-family: 'Poiret One', Arial, Helvetica, sans-serif;
    font-size: 18rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid;
    text-transform: uppercase;
    letter-spacing: 0.475em;
    opacity: 0;
    transition: 250ms;
    transition-property: opacity, color, background;
}

.portfolio .box:hover .see-project {
    opacity: 1;
}

.seeProgect {
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 16rem 24rem;
    font-family: 'Poiret One', Arial, Helvetica, sans-serif;
    font-size: 18rem;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid;
    text-transform: uppercase;
    letter-spacing: 0.475em;
    transition-property: opacity, color, background;
    display:block;
    position:fixed;
}


.portfolio .section-subtitle {
    font-family: Architectural;
    font-style: normal;
    font-weight: normal;
    font-size: 72rem;
    line-height: 126.5%;
    letter-spacing: 0.37em;
    margin-bottom: 208rem;
    pointer-events: none;
}
.portfolio .section-title {
    /*font-family: 'Architectural', Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 204rem;
    line-height: 126.5%;
    letter-spacing: 0.015em;
    display: block;*/
    font-family: Druk Wide Cyr;
    font-style: italic;
    font-weight: 900;
    font-size: 112rem;
    line-height: 126.5%;
    letter-spacing: 0.015em;

    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    display: block;
    position: absolute;
    top: 108rem;
    left: -66rem;
    text-transform: uppercase;

    pointer-events: none;
}





.portfolio .slide.one .box.one {
   grid-column-start: 23;
    grid-column-end: 33;
    grid-row-start: 5;
    grid-row-end: 26;
}
.portfolio .slide.one .box.two                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      {
    grid-column-start: 23;
    grid-column-end: 33;
    grid-row-start: 22;
    grid-row-end: 36;
    display: none;
}
.portfolio .slide.one .box.three {
    grid-column-start: 23;
    grid-column-end: 33;
    grid-row-start: 36;
    grid-row-end: 51;
    display: none;
}
.portfolio .slide.one .box.four {
    grid-column-start: 33;
    grid-column-end: 51;
    grid-row-start: 1;
    grid-row-end: 51;
}



.portfolio .slide.two .box.one {
    grid-column-start: 15;
    grid-column-end: 24;
    grid-row-start: 39;
    grid-row-end: 51;
}
.portfolio .slide.two .box.two                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      {
    grid-column-start: 24;
    grid-column-end: 33;
    grid-row-start: 25;
    grid-row-end: 51;
}
.portfolio .slide.two .box.three {
    grid-column-start: 33;
    grid-column-end: 51;
    grid-row-start: 1;
    grid-row-end: 51;
}




.portfolio .slide.three .box.one {
    grid-column-start: 19;
    grid-column-end: 26;
    grid-row-start: 1;
    grid-row-end: 11;
}
.portfolio .slide.three .box.two                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      {
    grid-column-start: 26;
    grid-column-end: 44;
    grid-row-start: 1;
    grid-row-end: 51;
}
.portfolio .slide.three .box.three {
    grid-column-start: 44;
    grid-column-end: 51;
    grid-row-start: 40;
    grid-row-end: 51;
}





.portfolio .slide.four .box.one {
    grid-column-start: 23;
    grid-column-end: 37;
    grid-row-start: 1;
    grid-row-end: 27;
}
.portfolio .slide.four .box.two                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      {
    grid-column-start: 23;
    grid-column-end: 37;
    grid-row-start: 27;
    grid-row-end: 51;
}
.portfolio .slide.four .box.three {
    grid-column-start: 37;
    grid-column-end: 51;
    grid-row-start: 10;
    grid-row-end: 45;
}
.portfolio .slide.four .box.three div{
	background-position:left!important;
}



.portfolio .slide.five .box.one {
    grid-column-start: 23;
    grid-column-end: 38;
    grid-row-start: 10;
    grid-row-end: 51;
}
.portfolio .slide.five .box.two                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      {
    grid-column-start: 38;
    grid-column-end: 51;
    grid-row-start: 1;
    grid-row-end: 24;
}




.portfolio .slide.six .box.one {
    grid-column-start: 23;
    grid-column-end: 51;
    grid-row-start: 1;
    grid-row-end: 51;
}




.portfolio .slide.seven .box.one {
    grid-column-start: 23;
    grid-column-end: 38;
    grid-row-start: 1;
    grid-row-end: 33;
}
.portfolio .slide.seven .box.two                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      {
    grid-column-start: 23;
    grid-column-end: 38;
    grid-row-start: 33;
    grid-row-end: 51;
}
.portfolio .slide.seven .box.three {
    grid-column-start: 38;
    grid-column-end: 51;
    grid-row-start: 10;
    grid-row-end: 39;
}




.portfolio .slide.eight .box.one {
    grid-column-start: 25;
    grid-column-end: 35;
    grid-row-start: 1;
    grid-row-end: 12;
}
.portfolio .slide.eight .box.two                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      {
    grid-column-start: 30;
    grid-column-end: 51;
    grid-row-start: 25;
    grid-row-end: 51;
}





.portfolio .slide.nine .box.one {
    grid-column-start: 23;
    grid-column-end: 37;
    grid-row-start: 1;
    grid-row-end: 37;
}
.portfolio .slide.nine .box.one div{
    background-position:right!important;
}
.portfolio .slide.nine .box.two                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      {
    grid-column-start: 18;
    grid-column-end: 37;
    grid-row-start: 37;
    grid-row-end: 51;
}
.portfolio .slide.nine .box.three {
    grid-column-start: 37;
    grid-column-end: 51;
    grid-row-start: 9;
    grid-row-end: 47;
}




}