#header .logo-feriauandes {max-width: 280px; margin: 8px 20px 0 10px;}

.background-primary-transparent{background-color: rgba(224, 0, 52, 0.7) !important;}
.background-secondary-transparent{background-color: rgba(55, 66, 74, 0.7) !important;}

/*************************************************************************************
    HOME
**************************************************************************************/
.slide-companies .slide img{filter:none;}
.slick-prev, .slick-next {top: 70%;}
.slide .slide-container{display: flex; flex-wrap: wrap; justify-content: center;}
.slide .slide-container .slide-content{display: flex; align-items: center; justify-content: center;}
@media (min-width: 1100px) {
    .slide img{margin-left: auto; margin-right: auto; max-width: 160px; max-height: 160px;}
}
@media (max-width: 1099px) {
    .slide img {margin-left: auto; margin-right: auto; max-width: 90px; max-height: 90px;}
}
.slick-slider{margin-bottom: 0;}

/*************************************************************************************
    BUTTONS
**************************************************************************************/
.navbar-default .navbar-nav>li>a.login:hover, .navbar-default .navbar-nav>li>a.login:focus{font-weight: inherit; border-color: #fff; background-color: #e00034 !important; color: #fff; text-decoration: underline;}
.portalCompany{background-color: #fff; border-color: #fff; color: #e00034 !important;}
.navbar-default .navbar-nav>li>a.portalCompany:hover, .navbar-default .navbar-nav>li>a.portalCompany:focus{background-color: #fff !important; border-color: #fff; color: #e00034 !important; font-weight: inherit; text-decoration: underline;}

/*************************************************************************************
    CLOCK
**************************************************************************************/
@media (max-width: 767px) {
    .clock{color: #fff; text-align: center; font-size: 16px; background: #383838; width: 100%; padding: 10px;}
    .clock h1{font-size: 18px; color: #fff; font-weight: 300;}
    .clock > p{font-size: 14px; font-weight: 300;}
    .clock > .clock-detail{display: inline-block; width: 22%;}
    .clock > div{display: inherit; width: inherit;}
    .clock .clock-detail > span{display: inline-block; font-weight: 300;}
    .smalltext{font-size: 10px; font-weight: 300;}
}

@media (min-width: 768px) and (max-width: 1649px) {
    .clock{color: #fff; text-align: center; font-size: 16px; background: #383838; width: 100%; padding: 20px; z-index: 1000; left: inherit; position: relative;}
    .clock h1{font-size: 18px; color: #fff; font-weight: 300;}
    .clock > p{font-size: 16px; margin-bottom: 0;}
    .clock > .clock-detail{display: inline-block; width: 60px;}
    .clock > div{display: inherit; width: inherit;}
    .clock .clock-detail > span{display: inline-block; font-weight: 600;}
    .smalltext{font-size: 12px; font-weight: 600;}
}

@media (min-width: 1650px) {
    .clock{color: #fff; text-align: center; font-size: 16px; background: #383838; width: 100%; padding: 20px; z-index: 1000; left: inherit; position: relative;}
    .clock h1{font-size: 20px; color: #fff; font-weight: 300;}
    .clock > p{font-size: 20px; margin-bottom: 0;}
    .clock > .clock-detail{display: inline-block; width: 81px;}
    .clock > div{display: inherit; width: inherit;}
    .clock .clock-detail > span{display: inline-block; font-weight: 600;}
    .smalltext{font-size: 14px; font-weight: 600;}
}