/*
* Your CSS overrides go here
* If it's media query related, put them in the appropriate section
*
* Tip: find "MEDIA QUERIES"
*/

/*
* MEDIA QUERIES
* Put media query related stuff bellow this point
*/

#download .download-wrapper .download-item {
    min-height: 572px;

}


.logo img {
    width: 230px;
    height: auto;
    padding: 10px 0
}

@media screen and (max-width: 992px){
    .logo img {
        margin-left: 15px;
        width: 120px;
    }
}

.toggle-wrapper .bugas{
    padding: 0 15px;
}


.scrolltop {
    /*display:none;*/
    /*width:100%;*/
    margin:0 auto;
    position:fixed;
    bottom:20px;
    right:40px;
    z-index: 9999;
}
.scroll {
    /*position:absolute;*/
    /*right:20px;*/
    /*bottom:20px;*/
    background:#b2b2b2;
    background:rgba(178,178,178,0.7);
    padding:20px;
    text-align: center;
    margin: 0 0 0 0;
    cursor:pointer;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.scroll:hover {
    background:rgba(178,178,178,1.0);
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}
.scroll:hover .fa {
    padding-top:-10px;
}
.scroll .fa {
    font-size:30px;
    margin-top:-5px;
    margin-left:1px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.news-list-item .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-wrap .social-prod-saida {
    display: flex;
    width: 50%;
}

.download-info-wrapper .news-list-item {
    width: 100%;
}

@media screen and (max-width: 992px) {
    .social-prod-saida {
        position: initial !important;
        right: inherit !important;
        bottom: inherit !important;
    }
}