.g-slider *{
    box-sizing: border-box;
    
}

.g-slider{
    position:relative;
    overflow:hidden;
    background-color: #000000;
}
.g-slider .scroll-container{
    position:relative;
    z-index:0;
    height:100%;
    display:flex;

}

.g-slider .slide{
    flex:0 0 100%;
    position: relative;
}
.g-slider iframe{
    border:none;
}
/*
.g-slider .controls{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
*/

.g-slider .previous{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    display:flex;
    align-items: center;
    pointer-events:none;
    
}

.g-slider .next{
    position:absolute;
    top:0;
    right:0;
    height:100%;
    display:flex;
    align-items: center;
    pointer-events:none;
}

.g-slider .sizer{
   
    font-weight:bold;
    cursor:pointer;
    pointer-events:auto;
    height:40px;
    width:40px;
    background-color:#000000;
    opacity:.25;
    border-radius:999999px;
    font-size:1.5em;
    color:#FFFFFF;
    display:flex;
    align-items: center;
    justify-content: center;
    transition:opacity .25s ease-in-out;
    margin:15px;
    padding:5px;
    border:1px solid white;
}

.g-slider .sizer:hover{
    cursor:pointer;
    opacity:.65;
    
}

.fade-in{
    position:absolute!important;
    top:0;
    left:0;
    z-index:1000;
    width: 100%;
    height: 100%;
    opacity:0;
}
.fade-out{
    position:absolute!important;
    top:0;
    left:0;
    z-index:999;
    width: 100%;
    height: 100%;
}


.g-slider .caption{
    
    pointer-events:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content: center;
    align-items:flex-end;
    color:#FFFFFF;
    font-size:1.5em;
    padding: 60px;
    line-height: 1em;
    text-align:center;
    text-shadow:0px 0px 2px rgb(0, 0, 0,.25);

    opacity:0;
    transform:transLateY(20%);
    transition:all .50s ease-in-out;
}

.caption-in{
    opacity:1!important;
    transform:transLateY(0%)!important;
}


.g-thumb-container{
    overflow:hidden;
    overflow-x:scroll;
    display:flex;
}

.g-thumb-container .thumb{
    cursor:pointer;
    position: relative;
    border: 2px solid transparent;
    height: 100px!important;
    margin: 1px;
    transition:border-color .25s ease-in-out;
}

.g-thumb-container .thumb:hover{
    border: 2px solid green;
}