@media all {
    * {
        font-family: 'Montserrat';
    }
    a:hover {
        text-decoration: none;
        cursor: pointer;
    }
    .bg-preheader {
        background-image: url("img/faixa-topo-microsoft.jpg");
        background-repeat: repeat-y;
        /*background-position: ;*/
        background-size: cover;
    }
    .bg-yellow {
        background-color: #fecd04;
    }
    .bg-gray {
        background-color: #ebebeb;
    }
    .bg-dark {
        background-color: #555555 !important;
    }
    .text-yellow {
        color: #fecd04;
    }
    .text-dark {
        color: #555555;
    }
    .text-gray {
        color: #979797;
    }
    .btn-dark {
        background-color: #555555 !important;
        color: #fecd04 !important;
        border-radius: 20px;
    }
    .btn-dark-square{
        background-color: #555555 !important;
        color: #fff !important;
        border-radius: 0 !important;
    }
    .btn-yellow {
        background-color: #fecd04 !important;
        color: #555555 !important;
        border-radius: 20px;
        font-size: 0.9rem;
        padding: 0.25rem 1rem;
    }
    .btn-yellow:hover{
        background-color: #fecd04 !important;
    }
    .bi-nav .nav-item .nav-link {
        font-size: 0.9rem !important;
        color: #555555;
        font-weight: bold;
        margin: 0 8px;
    }
    .bi-nav .nav-item .nav-link:hover {
        background-color: #fecd04 !important;
        color: #555555 !important;
    }
    .drop-idioma .dropdown-toggle::after {
        display: none;
    }
    .drop-idioma .dropdown-menu{
        border-radius: 0;
        border: solid 1px #555555;
        background-color: #fecd04 !important;
        color: #555555 !important;
        margin: 5px;
    }
    .drop-solucoes .dropdown-menu{
        cursor: pointer;
        border-radius: 0;
        border: solid 1px #555555;
        background-color: #fecd04 !important;
        color: #555555 !important;
        margin: 5px;
    }
    .nav-footer .nav-item .nav-link {
        color: #979797;
    }
    .bg-posfooter {
        background-color: #3c3c3c;
    }
    .nav-produtos .nav-link {
        border-radius: 0;
        color: #979797;
    }
    .nav-produtos .nav-link.active {
        border-radius: 0;
        color: #fff;
        background-color: #555555;
    }
    .icone {
        background-color: #555555;
        color: #fecd04;
        padding: .3rem;
        border-radius: 50%;
        height: 42px;
        width: 42px;
        text-align: center;
    }
    .styled-pagination li{
        position:relative;
        display:inline-block;
        margin:0px 6px 0px 0px;
    }

    .styled-pagination li a{
        position:relative;
        display:inline-block;
        line-height:42px;
        height:44px;
        font-size:16px;
        min-width:45px;
        color: #313f47;
        font-weight:700;
        text-align:center;
        background:#ffffff;
        border-radius:50%;
        border:2px solid #ffd341;
        text-transform:capitalize;
        transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        font-family: 'Open Sans', sans-serif;
    }

    .styled-pagination li a:hover,
    .styled-pagination li a.active{
        color:#313f46;
        border-color:#fecd04;
        background-color:#fecd04;
    }
    .endless_page_current{
        position:relative;
        display:inline-block;
        line-height:42px;
        height:44px;
        font-size:16px;
        min-width:45px;
        color:#fecd04;
        font-weight:700;
        text-align:center;
        background:#313f46;
        border-radius:50%;
        border:2px solid #fecd04;
        text-transform:capitalize;
        transition:all 500ms ease;
        -webkit-transition:all 500ms ease;
        -ms-transition:all 500ms ease;
        -o-transition:all 500ms ease;
        -moz-transition:all 500ms ease;
        font-family: 'Open Sans', sans-serif;
        position:relative;
        text-align: center;
        padding-bottom: 30px;
        color:#313f46;
        border-color:#fecd04;
        background-color:#fecd04;
    }
}

.card-footer a:hover {
    color: #fecd04;
}
.banner-font {
    font-family: 'Montserrat';
    font-weight: bold;
}

.border-yellow {border-bottom: 1px solid #fecd04; padding-top: 1rem;}
.border-gray {border-bottom: 1px solid #979797; padding-top: 1rem;}

.video{
    width: 81%;
    height: 500px;
}

@media screen and (min-width: 900px){
    .video{
        width: 81%;
        height: 500px;
    }
}

@media screen and (max-width: 635px){
    .video{
        width: 100%;
        height: 315px;
    }
    .nav-produtos .nav-link {
        border-radius: 0;
        color: #979797;
        font-size: 12px !important;
    }
    .nav-produtos .nav-link.active {
        border-radius: 0;
        color: #fff;
        background-color: #555555;
        font-size: 12px !important;
    }
}