.slider-svg-full{ max-height: 770px; position: relative;  overflow: hidden;}
.slider-svg-full .cursor { pointer-events: none; position: absolute; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05); transition: background ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s; transition: transform ease-in-out 0.2s, background ease-in-out 0.2s; transition: transform ease-in-out 0.2s, background ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 100; left: -9999px; } 
.slider-svg-full .cursor:before, 
.slider-svg-full .cursor:after { content: ''; position: absolute; border-left: 6px solid rgba(255, 255, 255, 0.5); border-top: 6px solid transparent; border-bottom: 6px solid transparent; top: 10px; left: 52px; opacity: 0; transition: left ease-in-out 0.1s, opacity ease-in-out 0.2s; } 
.slider-svg-full .cursor:after { border-left: none; border-right: 6px solid rgba(255, 255, 255, 0.5); left: -27px; } 

.slider-svg-full .slider-svg-interactive .main-svg{ height: 770px; width: 100vw; background: #000; }

.slider-svg { position: absolute; top: 0; left: 0; width: 100vw; height: 770px; transition: 0.5s ease-in-out; } 
        
.slider-svg * { outline: none; } 
.slider-svg .item { position: relative; z-index: 1; width: 100vw; height: 770px; } 
.slider-svg .item svg { position: absolute; top: 0; left: 0; width: 100vw; height: 770px; z-index: 1; } 
.slider-svg .item .text { font-family: "ReservaSerif", Georgia;  text-align: center; position: absolute; z-index: 10; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #fff;  transition: all 0.3s ease-in-out; } 
.slider-svg .item .text h1 { font-family: "ReservaSerif", Georgia;  font-size: 7vw; line-height: 7vw; } 

#slider-1 { position: absolute; z-index: 2; top: 0; left: 0; } 
#slider-1 .text { display: none; } 
#slider-2 { position: absolute; z-index: 2; top: 0; left: 0; -webkit-transform: scale(1) !important; transform: scale(1) !important; pointer-events: none; } 

.down .slider-svg { -webkit-transform: scale(0.9); transform: scale(0.9); } 
.down #slider-1 { opacity: .2;} 
.down .slider-svg .item .text { opacity: 0; } 

.down .cursor { -webkit-transform: scale(0.7) translateZ(0); transform: scale(0.7) translateZ(0); background: rgba(255, 255, 255, 0.4); } 
.down .cursor:before, .down .cursor:after { opacity: 1; left: 49px; } 
.down .cursor:after { left: -24px; } 

@media (pointer: coarse) { 
    .slider-svg-full { cursor: default; } 
} 
@media (pointer: coarse) { 
    .slider-svg-full .cursor { display: none; } 
}

.transition,
.transition:after,
.transition:before{ -webkit-transition: all 0.5s cubic-bezier(0, 0.28, 0, 1); -moz-transition: all 0.5s cubic-bezier(0, 0.28, 0, 1); -ms-transition: all 0.5s cubic-bezier(0, 0.28, 0, 1); -o-transition: all 0.5s cubic-bezier(0, 0.28, 0, 1); transition: all 0.5s cubic-bezier(0, 0.28, 0, 1);}
.transition1s,
.transition1s:after,
.transition1s:before{ -webkit-transition: all 1s cubic-bezier(0, 0.28, 0, 1); -moz-transition: all 1s cubic-bezier(0, 0.28, 0, 1); -ms-transition: all 1s cubic-bezier(0, 0.28, 0, 1); -o-transition: all 1s cubic-bezier(0, 0.28, 0, 1); transition: all 1s cubic-bezier(0, 0.28, 0, 1);}


.slick-arrow{ border: 0px; position: absolute; z-index: 1; background-color: #fff; background-repeat: no-repeat; background-size: 27px 44px; background-position: 50%; width: 60px; height: 60px; top: 50%; margin-top:-30px; }
.slick-arrow:focus{outline: none;}
.slick-arrow.slick-next{ right: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTcuMTcgMzIuOTJsOS4xNy05LjE3LTkuMTctOS4xNyAyLjgzLTIuODMgMTIgMTItMTIgMTJ6Ii8+PHBhdGggZD0iTTAtLjI1aDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=");
}
.slick-arrow.slick-prev{
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzAuODMgMzIuNjdsLTkuMTctOS4xNyA5LjE3LTkuMTctMi44My0yLjgzLTEyIDEyIDEyIDEyeiIvPjxwYXRoIGQ9Ik0wLS41aDQ4djQ4aC00OHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=");
}

@media (max-width: 767px){

    .slider-svg,
    .slider-svg .item,
    .slider-svg .item svg,
    .slider-svg-full .slider-svg-interactive .main-svg{ height: 450px;}
    .slick-arrow{width: 30px;}
}

.slick-dots { position: absolute; bottom: 0px; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 111; padding-bottom: 25px; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: #ffffff; border-radius: 30px; opacity: .5; margin: 0 auto; }
.slick-dots li.slick-active button { opacity: 1; }
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before,
.slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: #fff; }