#container {
    width: 100%;
    height: 100%;
    max-width: 1200px;
    max-height: 700px;
    margin: 100px auto;
    position:relative;
}
/*********************************
* Slideshow Styling
*********************************/
#slideshow {
    width: 100%;
    height: 450px;
    margin: 0 auto;
    position:relative;
}
#slideshow.fullscreen {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    overflow: hidden;
}
.img-wrapper {
    min-width: 100%;
    min-height: 100%;

    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
    overflow: hidden;

    z-index:8;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: var(--cinza-1);
}
#slideshow .img-wrapper.active {
    z-index:10;
}

#slideshow .img-wrapper.last-active {
    z-index:9;
}

/*********************************
* Thumbnail Styling
*********************************/
.thumbs-container {
    width: 100%;
    height: 140px;
    position: absolute;
    left: 0;
    z-index: 11;
    border: 1px solid var(--cor-primaria);
    opacity: .9;
    bottom: -150px
}
.thumbs-container.top {
    top: 0;    
}
.thumbs-container.bottom {
    bottom: -150px;
    
}
.prev-noticia, .next-noticia {
    width: 3%;
    min-width: 40px;
    height: 48px;
    padding: 46px 1%;
    margin-right: -10px;
    color: var(--cor-primaria);
    cursor: pointer;
}
.prev-noticia { float: left; }
.next-noticia { float: right; }
.prev-noticia:hover, .next-noticia:hover {
    color: var(--cor-primaria);
}
ul.thumbs {
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    height: 140px;
    padding: 0;
    margin: 0 5%;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
}
.thumb {
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 10px;
    border: 1px solid transparent;
    overflow: hidden;
    background-size: cover;
    background-position: center center;

    cursor: pointer;
}
.thumb:first-of-type {
    margin-left: 0px;
}
.thumb.active {
    box-shadow: 1px 2px 12px var(--preto);
    border: 1px solid var(--cor-primaria);
}
.slider-noticia{
    width: 651px;
    height: 450px;
    display: table;
    margin: 0 auto 150px;
        
}
@media only screen and (max-width: 750px){
    .slider-noticia{
        width: 90%;
        height: auto;
    }
    #slideshow {
        height: 350px
    }
}
@media only screen and (max-width:520px){
    #slideshow {
        height: 250px
    }
}