.page {
    margin: 0!important
}

#page-right {
    position: absolute;
    transition: opacity .3s;
    margin-right: 0!important;
    z-index: 1;
    color: #EEECEA
}
.page-right-pages-inside,.page-scroll-line-inside {
    border-color: #EEECEA
}
#page-right.hide {
    opacity: 0;
    transition: opacity .1s
}

#home1-scroll,#page-right-pages {
    transition-delay: .6s!important
}

#home1-scroll {
    color: #EEECEA
}

#home1-infos,#home1-slides,#home1-slides-cover,.home1-slide {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

#home1-slides {
    position: fixed;
    bottom: auto;
    background-color: #1A1818;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

#home1-slides.hide {
    display: none;
}
.responsive-slide {
    background-image: var(--desktop-image);
    background-size: cover;
    background-position: center;
}

@media (max-width: 900px) {
    .responsive-slide {
        background-image: var(--mobile-image);
    }
}
.home1-slide {
    visibility: hidden;
    background-position: 50% 50%;
    transform: scale(1);
    transition: bottom .7s,top .7s,transform 15s 1s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    background-size:cover;
	background-repeat:no-repeat;
}

.remove-transition .home1-slide {
    transition: top 0s,bottom 0s,transform 0s
}

.home1-slide.is-video {
    transform: none!important
}

.home1-slide.previous {
    top: -7%;
    bottom: 7%
}

.home1-slide.next {
    bottom: -7%;
    top: 7%
}

.home1-slide.current {
    visibility: visible
}

.next .home1-slide.next:nth-child(1) {
    z-index: -1
}

.next .home1-slide.next:nth-child(2) {
    z-index: -2
}

.next .home1-slide.next:nth-child(3) {
    z-index: -3
}

.next .home1-slide.next:nth-child(4) {
    z-index: -4
}

.next .home1-slide.next:nth-child(5) {
    z-index: -5
}

.next .home1-slide.next:nth-child(6) {
    z-index: -6
}

.next .home1-slide.next:nth-child(7) {
    z-index: -7
}

.next .home1-slide.next:nth-child(8) {
    z-index: -8
}

.next .home1-slide.next:nth-child(9) {
    z-index: -9
}

.next .home1-slide.next:nth-child(10) {
    z-index: -10
}

.next .home1-slide.next:nth-child(11) {
    z-index: -11
}

.next .home1-slide.next:nth-child(12) {
    z-index: -12
}

.next .home1-slide.next:nth-child(13) {
    z-index: -13
}

.next .home1-slide.next:nth-child(14) {
    z-index: -14
}

.next .home1-slide.next:nth-child(15) {
    z-index: -15
}

.next .home1-slide.next:nth-child(16) {
    z-index: -16
}

.next .home1-slide.next:nth-child(17) {
    z-index: -17
}

.next .home1-slide.next:nth-child(18) {
    z-index: -18
}

.next .home1-slide.next:nth-child(19) {
    z-index: -19
}

.next .home1-slide.next:nth-child(20) {
    z-index: -20
}

#home1-slides-cover {
    background-color: #000;
    opacity: 0;
    transition: opacity 1s
}

#home1-slides-cover.transition {
    opacity: 1
}

#home1-infos-inside {
    transform: translateY(0);
    transition: transform 1s cubic-bezier(.77,0,.3,1)
}

.home1-info {
    position: relative;
    width: 100%
}

#home1-info-line {
    position: absolute;
    top: 15px;
    right: 264px;
    bottom: 123px;
    left: 292px
}

.home1-info-line {
    position: absolute;
    border-style: solid;
    border-color: #988F8A;
    transition: 1s .5s;
    border-width: 0
}

#home1-info-line1 {
    border-top-width: 1px;
    top: 0;
    left: 0;
    width: 0%
}

#home1-info-line2 {
    border-right-width: 1px;
    top: 0;
    right: 0;
    height: 0%
}

#home1-info-line3 {
    border-bottom-width: 1px;
    right: 0;
    bottom: 0;
    width: 0%
}

#home1-info-line4 {
    border-left-width: 1px;
    bottom: 0;
    left: 0;
    height: 0%
}

.home1-info-inside {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    padding: 0 165px;
    z-index: 1
}

#awwwards,#home1-cover,#home3-img,#home3-img-inside,#page-cover {
    position: absolute
}

.home1-info-inside-inside {
    display: table-cell;
    vertical-align: middle
}

.home1-info-title {
	font-family:"Austin-Roman-Trial", Sans-serif !important;
    max-width: 1200px;
    font-size: 130px;
    line-height: 100%;
    color: #EEECEA
}

.home1-info-subtitle {
	font-family:"Catamaran", Sans-serif !important;
    margin-top: 35px;
    color: #EEECEA
}

#home1-cover {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #1A1818
}

#awwwards {
    left: 0;
    bottom: 20px;
    transition: opacity .5s .8s;
    opacity: 0
}

body.page-fade-in #awwwards {
    opacity: 1
}

#page-cover {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

#home3-info,.home4-artist-name {
    z-index: 1;
    position: relative
}

#bottom {
    position: relative
}



@media screen and (max-width: 1439px) {
    #home1-info-line {
        top:116px;
        right: 214px;
        bottom: 116px;
        left: 240px
    }

    .home1-info-inside {
        padding: 0 132px
    }

    .home1-info-subtitle {
        margin-top: 32px
    }

    
}

@media screen and (max-width: 1279px) {
    #home1-info-line {
        top:110px;
        right: 180px;
        bottom: 110px;
        left: 197px
    }

    .home1-info-inside {
        padding: 0 122px 0 105px
    }

    .home1-info-subtitle {
        margin-top: 28px
    }

    
}

@media screen and (max-width: 1024px) {
    #home1-info-line {
        top:105px;
        right: 152px;
        bottom: 105px;
        left: 163px
    }

    .home1-info-inside {
        padding: 0 110px 0 85px
    }

    .home1-info-subtitle {
        margin-top: 25px
    }

    
}


@media screen and (max-width: 768px) {
    #home1-slides {
        position:absolute
    }

    #home1-slides.hide {
        display: initial
    }

    #awwwards,#home1-cover,#home3-info .home3-info-button,#page-cover {
        display: none
    }

    

    #home1-info-line {
        top: 120px;
        right: 117px;
        bottom: 120px;
        left: 134px
    }

    .home1-info-inside {
        padding: 0 150px 0 67px
    }

    .home1-info-subtitle {
        margin-top: 23px
    }

    
}

@media screen and (max-width: 543px) {
    

    #home1-info-line {
        top: 80px;
        right: 80px;
        bottom: 80px;
        left: 80px
    }

    .home1-info-inside {
        padding: 0 36px 10px;
        text-align: center
    }

    .home1-info-subtitle {
        margin-top: 20px
    }

    

    #page-right {
        top: auto !important;
        right: 0 !important;
        width: 100%!important;
        min-height: initial !important;
        height: 50px !important;
        bottom: 13px !important;
    }

    #page-right-pages {
        margin-top: 0 !important;
        margin-left: 0 !important;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%
    }

    #page-right-pages-prev {
        float: left;
        margin-left: 20px;
        transform: rotate(-90deg)
    }

    #page-right-pages-next {
        float: right;
        transform: rotate(-90deg);
        margin-right: 20px
    }

    #home1-scroll .page-scroll-line,#page-right-pages-cur,#home1-scroll {
        display: none !important;
    }

    #home1-scroll {
        width: 130px;
        bottom: 9px;
        margin-left: -65px;
        transform: initial;
        text-align: center
    }

    
}
