/* SLIDER */
.header-slider {
	position: relative;
    width: 100%;
    height: 655px;
    padding: 0;
    box-shadow: none;
    font-size: 18px;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
}
.galeria-slider {
    height: calc( ( 100vw * 662 / 1366 ));
}
@media (max-width: 960px){
    .header-slider {
        margin-bottom: 70px;
    }
    .galeria-slider {
        height: calc( ( 100vw * 662 / 960 ));
    }
}
@media (max-width: 580px){
    .galeria-slider {
        height: calc( ( 100vw * 662 / 580 ));
    }
}
@media (max-width: 480px){
    .header-slider {
        height: 662px;
    }
    .galeria-slider {
        height: calc( ( 100vw * 662 / 580 ));
    }
}

/* FIGURE */
.header-slider .figure {
    position: absolute;
    top: 0;
    left: 0;    
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.header-slider .figure-bg {
    left: 50%;    
    width: 50%;
    z-index: 1;
}
@media (max-width: 768px){
    .header-slider .figure-bg {
        left: 0;    
        width: 100%;
    }
}
.header-slider .figure-content {
    color:#000519;
    z-index: 2;
}

/* FIGURE BODY */
.header-slider .figure-body {
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    z-index: 1;

    -webkit-backface-visibility: none;
    backface-visibility: none;

    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.header-slider .figure-bg .figure-body {
    height: 100%;
}
.header-slider .figure-content .figure-body {
    display: block;
}
.header-slider .figure-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(rgba(0,0,0,.2), transparent);

    border-left: solid 14px #fff;
    border-bottom: solid 14px #fff;
    z-index: 2;

}
@media (max-width: 768px){
    .header-slider .figure-bg:after {
        border: none;
    }
}

/* SLIDES */
.header-slider .figure .slide {
    position: absolute;
    top: 0px;
    left: 0px;    
    width: 100%;
    height: 100%;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;

    -webkit-backface-visibility: none;
    backface-visibility: none;

    -webkit-perspective: 1000px;
    perspective: 1000px;

}

.header-slider .figure .slide .picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
 }
 .header-slider .figure .slide .picture picture {
    position: absolute;
    min-width: 100%;
    height: 100%;
 }
 .header-slider .figure .slide .picture img {
    display: block;
    min-width: 100%;
    height: 100%;
 }


.header-slider .slide-content {
    color:#fff;
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: center;
    text-align: left;
}
.slide-info {
    width: 100%;
    max-width: 683px;
    margin-bottom: 190px;
    color: #000519;
    padding: 20px 20px 0;
    
    display: flex;
    flex-direction: column;
}
.slide-info h1 {
    font-size: 60px;
    font-weight: 900;
    line-height: 0.9em;
}
.slide-info h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 0.9em;
    margin-bottom: 10px;
    color: #00f0ff;
}
.slide-info h2 strong {
    display: block;
    font-size: 60px;
    font-weight: 700;
    line-height: 0.9em;
}
.slide-info hr {
    width: 90%;
    margin: 20px auto 20px 0;
    border:none;
    border-bottom: solid 1px rgba(0,0,0,.2);
    border-top: solid 1px rgba(255,255,255,.2);
}
.slide-info p {
    font-size: 14px;
    line-height: 1.2em;
    color: #949494;
}
.slide-bot {
    position: relative;
    width: 100%;
    max-width: 683px;
    margin-bottom: 140px;
    left:-30px;
}
.slide-bot a {
    position: relative;
    width: 100%;
    max-width: 390px;
    background-color: #000519;
    font-weight: 900;
    padding: 45px 80px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    transition: color 100ms linear, background-color 100ms linear;
   /* box-shadow: 10px 10px 30px rgba(0,0,0,.2), inset 1px 1px 1px rgba(0,0,0,.1); */
}
.slide-bot a:hover {
    background-color: #fff;
    color:#000519;
}
.slide-bot a:after {
    content: '→';
    position: absolute;
    right: 40px;
}
@media (max-width: 768px){
    .header-slider .slide-content {
        flex-wrap: wrap;
    }
    .slide-info {
        width: 100%;
        margin: 0 auto;
        max-width: none;
        padding: 20px;
        background-image: linear-gradient( rgba(0,0,0,.0), rgba(0,0,0,.6));
    }
    .slide-info h1 {
        color: #fff;
    }
    .slide-info p {
        color: #fff;
    }
    .slide-bot {
        margin: 0;
        max-width: none;
        left:0;
    }
    .slide-bot a { 
        max-width: none;
        padding: 25px 30px;
        margin: 0;
        box-shadow: 10px 10px 30px rgba(0,0,0,.2), inset 0px -1px 1px rgba(0,0,0,.2);
        opacity: .9;
    }
}
@media (max-width: 480px){
    .slide-info h1 {
        font-size: 30px;
    }
    .slide-info hr {
        margin: 10px auto;
    }
    .slide-info h2 strong {
        font-size: 40px;
    }
}

/* CONTROLS */
.header-slider .slider-control {
    position: absolute;
    bottom:30px;
    left:0;
    width: 100%;
    z-index: 2;
    display: flex;
    padding: 0 20px;
}
.header-slider .slider-control-body {
    width: 100%;
    margin: 0 auto;
    max-width: 960px;
    display: flex;
   
}
.header-slider .slider-control-full {
    width: 100%;
    bottom: 0;
}
.header-slider .slider-control ul {
    display: flex;
    -webkit-justify-content: space-around; /* Safari */
    justify-content:         space-around;
    padding: 0px 10px;
    width: 100%;
    background-color: #000519;
    margin-right: 5px;
}
@media (max-width: 960px){
    .header-slider .slider-control {
        bottom: -0;
        top: 100%;
        width: 100%;
        position: relative;
        padding: 0;
    }
    .header-slider .slider-control ul {
        max-width: none;
        margin: 0;
        padding:10px  0px;
    }
}
.header-slider .slider-control li {
    
    cursor: pointer;
    transition: background-color .3s linear;
    font-size: 14px;
    color: #d6d5d5;
    padding: 10px;

    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.header-slider .slider-control li span {
    overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    user-select: none;
    padding: 0 5px;
}
.header-slider .slider-control li:hover span,
.header-slider .slider-control li.sel span {
    border-bottom: solid 2px #00f0ff;
}
.header-slider .slider-control li.sel span {
    background-color: #000519;
    color: #00f0ff;
}
 
@media (max-width: 580px){
    .header-slider .slider-control {
        bottom: -40px;
        justify-content: center;
    }
    .header-slider .slider-control ul {
        background: none;
    }
    .header-slider .slider-control li span {
        display: none;
    }
    .header-slider .slider-control li {
        display: inline-block;
        margin:0px;
        width: 32px;
        height: 32px;   
        border-radius: 50%;
        cursor: pointer;
        transition: background-color .3s linear;
        padding: 0;
    }
    .header-slider .slider-control::-moz-selection { background:transparent; }
    .header-slider .slider-control::selection { background:transparent; }
    .header-slider .slider-control li:active {
        background-color: rgba(255,255,255,.1);
        transition: background-color .0s linear;
    }
    .header-slider .slider-control li:after {
        content: '';
        width: 8px;
        height: 8px;
        display: block;
        margin:12px;
        background-color: #000;
        border-radius: 50%;
        transition: background-color .3s linear;
    }
    .header-slider .slider-control li:active:after,
    .header-slider .slider-control li.sel:after {
        background-color: #aaa;
        transition: background-color .2s linear;
    }

}

/* ALL DESTINATIONS */
.header-slider .all-destinations-bot {
    
    padding: 10px 30px;

    font-size: 14px;
    font-weight: 900;

    background-color: #000519;
    color: #fff;
    transition: color 100ms linear, background-color 100ms linear;
    word-break: keep-all;
    white-space: nowrap;
}
.header-slider .all-destinations-bot:hover {
    background-color: #fff;
    color: #000519;
}
@media (max-width: 960px){
    .header-slider .all-destinations-bot {
        font-size: 11px;
        padding: 20px 20px;
    }
}