.logoServicios
{
    width: 80px;
    cursor: pointer;
}
.logoServicios:hover
{
    width: 150px;
}
.imgPortadaGaleria,
.imgPortadaRender
{
    cursor: pointer;
}
.imgPortadaGaleria:hover,
.imgPortadaRender:hover
{
    opacity: 0.6;
}
.textoGaleria
{
    color: white;
    font-size: 20px !important;
}
.footerContainer
{
    background-image: url('../img/barraFooter.png');
    background-size: cover;
}
.btn-fixer
{
    background-color:#F5641E;
    color: white;
}
.btn-fixer:hover
{
    background-color:#c25019;
}
#contactForm div label
{
    color: white;
}
#grujimaSeccionNosotros
{
    background-image: url('../img/barraNosotros.png');
    background-size: cover;
    color: white !important;
    text-align: justify;
}
#fixerAcercade
{
    /*background-image: url('../img/iphones.png');
    background-size: cover; 
    background-repeat: no-repeat;
    background-size: 40%;*/
    font-size:20px;
}
#fixerApp
{
    background-image: url('../img/fondoapp.png');
    /* background-size: cover; */
    background-repeat: no-repeat;
}
.fixerIconos
{
    margin: 0 auto;
    font-size: 24px !important;
}
.img-aboutus
{
    width: 140px;
}
.img-contactus
{
    width: 200px;
}
.logoFooter
{
    width: 50%;
    max-width: 300px;
}
.direccionContainer
{
    color: white;
}
.logoFacebook
{
    width: 20px;
}
.logoLinkedin
{
    width: 20px;
    border: 1px solid white;
    border-radius: 50%;
}
.grujimaImgMiddle
{
    width: 100%;
}
.grujimaServiciosTitle
{
    color: #2171AE;
    text-transform: uppercase;
    font-size: 20px;
}
.title
{
    font-size:24px;
}
.grujimaServiciosListado
{
    list-style-type: none;
}
.grujimaServiciosListado li
{
    font-weight: bold;
}
.popover-header
{
    border-bottom: none !important;
    padding-bottom: 0px !important;
    padding-top: 12px !important;
}
.popover-body
{
    padding-top: 5px !important;
}
#grujimaNavBar
{
    position: fixed;
    width: 100%;
    background-color: white;
    box-shadow: 0px 2px 10px #888888;
    font-size: 20px;
}
#grujimaCarousel
{
    margin-top: 116px;
}
.flagIcon 
{
    width: 25px;
    height: auto;
}
.grujimaDropdown
{
    margin-right: auto !important;
}
.grujimaDropdown button
{
    background-color: white;
    border: 0px;
    color: black;
}
.grujimaDropdown button:hover
{
    background-color: #aeb3b8;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle 
{
    background-color: #83888d;
}
.dropdown-item:focus, .dropdown-item:hover 
{
    background-color: #cccfd1;
}
.navbar-brand img
{
    width: 150px;
}
.imgScroll
{
    width: 90px !important;
}
.nuevoFixer_logosServicios
{
    height:80px;
}
.nuevoFixer_logosServicios_container:hover .nuevoFixer_logosServicios
{
    height:120px;
    animation-name: crecer;
    animation-duration: 1s;
}
.nuevoFixer_logosServicios_container:not(:hover) .nuevoFixer_logosServicios
{
    height:80px;
    animation-name: descrecer;
    animation-duration: 1s;
}
@keyframes crecer {
  0%   {height:90px;}
  100% {height:120px;}
}
@keyframes descrecer {
  0%   {height:120px;}
  100% {height:80px;}
}

@keyframes crecerAutos2 {
  0%   {height:115px;}
  100% {height:125px;}
}
@keyframes descrecerAutos2 {
  0%   {height:125px;}
  100% {height:115px;}
}
.nuevoFixer_autos2
{
    height:115px;
}
.nuevoFixer_autos_container:hover .nuevoFixer_autos2
{
    height:125px;
    animation-name:crecerAutos2;
    animation-duration:1s;
}
.nuevoFixer_autos_container:not(:hover) .nuevoFixer_autos2
{
    height:115px;
    animation-name:descrecerAutos2;
    animation-duration:1s;
}

@keyframes crecerAutos {
  0%   {height:115px;}
  100% {height:160px;}
}
@keyframes descrecerAutos {
  0%   {height:160px;}
  100% {height:115px;}
}
.nuevoFixer_autos
{
    height:115px;
}
.nuevoFixer_autos_container:hover .nuevoFixer_autos
{
    height:160px;
    animation-name:crecerAutos;
    animation-duration:1s;
}
.nuevoFixer_autos_container:not(:hover) .nuevoFixer_autos
{
    height:115px;
    animation-name:descrecerAutos;
    animation-duration:1s;
}
@keyframes crecerServicios {
  0%   {height:250px;}
  100% {height:290px;}
}
@keyframes descrecerServicios {
  0%   {height:290px;}
  100% {height:250px;}
}
.nuevoFixer_servicios
{
    height:250px;
}
.nuevoFixer_servicios_container:hover .nuevoFixer_servicios
{
    height:290px;
    animation-name:crecerServicios;
    animation-duration:1s;
}
.nuevoFixer_servicios_container:not(:hover) .nuevoFixer_servicios
{
    height:250px;
    animation-name:descrecerServicios;
    animation-duration:1s;
}

@keyframes crecerServicios2 {
  0%   {height:250px;}
  100% {height:260px;}
}
@keyframes descrecerServicios2 {
  0%   {height:260px;}
  100% {height:250px;}
}
.nuevoFixer_servicios2
{
    height:250px;
}
.nuevoFixer_servicios_container:hover .nuevoFixer_servicios2
{
    height:260px;
    animation-name:crecerServicios2;
    animation-duration:1s;
}
.nuevoFixer_servicios_container:not(:hover) .nuevoFixer_servicios2
{
    height:250px;
    animation-name:descrecerServicios2;
    animation-duration:1s;
}

#fixerContacto
{
    background-color:#1974E2;
}
#TA_selfserveprop602 div
{
    width: 100% !important;
}
@media (max-width: 1200px)
{
    .logoFooter
    {
        width: 100%;
    }
}

@media (max-width: 992px)
{
    .slideImg
    {
        height: 250px;
        object-fit: cover;
    }
    #grujimaCarousel 
    {
        margin-top: 152px;
    }
}

@media (max-width: 576px)
{
    .logoFooter
    {
        width: 75%;
    }
    .navbar-brand img
    {
        width: 190px;
    }
}

@media (max-width: 768px)
{
    #fixerAcercade
    {
        background-image: none;
    }

}