.bg-light {
    background-color: transparent !important;
}

.bg-light > div > a > img:first-child {
    display:inherit;
}

.bg-light > div > a > img.logo-gsb {
    display:none;
}

ul.dropdown-nosotros {
    border: none;
    background-color: white;   
    padding: 20px;
    width: fit-content;
    border-radius: 0;
    line-height: 25px;
}

ul.dropdown-nosotros > li > a {
    white-space: nowrap;
    color: #555;
}

ul.dropdown-nosotros > li:hover > a {
    color: green;
}

.bg-light-alt {
    background-color: rgba(255,255,255,0.83) !important;
}

.bg-light-alt > div > a > img:first-child {
    display:none;
}

.bg-light-alt > div > a > img.logo-gsb {
    display:inherit;
}

.bg-light-alt >* .nav-link {
    color:#444444 !important;
}

.bg-light-alt >* .nav-link:hover {
    color: green !important;
}

.navbar-nav > .nav-item {
    margin: auto 20px;
}

.carousel-principal {
    padding-top: 0;
}

.navbar-light .navbar-nav {
    font-weight: 500;
}

.navbar-light .navbar-nav .active {
    color: #f4f4f4 !important;
    background-color: transparent !important;

}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: green;
}

.frontpage-sb {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    text-align: center;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.frontpage-sb h1 {
    margin: auto;
    color: #ffffff;
    font-weight: 500;
    text-shadow: 1px 1px 1px #333333;
    font-size: 70px;
}

.frontpage-sb h2 {
    margin: auto;
    color: #ffffff;
    font-weight: 300;
    text-shadow: 1px 1px 1px #333333;
    font-size: 48px;
}

.kenburns-effect-sb {
    width: 100vw;
    animation: move 40s ease;
    /* Add infinite to loop. */
    -ms-animation: move 40s ease;
    -webkit-animation: move 40s ease;
    -0-animation: move 40s ease;
    -moz-animation: move 40s ease;
    position: absolute;
}

.section-sb {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    text-align: center;
    height: 70vh;
    overflow: hidden;
    position: relative;
    -o-transition:.9s;
    -ms-transition:.9s;
    -moz-transition:.9s;
    -webkit-transition:.9s;
    transition:.9s;
    box-sizing: border-box;
    pointer-events: none;
}

.section-sb >* h1 {
    color: #666666;
    line-height: 2.4rem;
    margin-bottom: 15px;
    font-weight: 300;
}

.section-sb >* p {
    color: #666666;
    margin-bottom: 15px;
    font-size: 1.3rem
}

.ventajas-sb {
    background-image: url('../images/secciones/ventajas.jpg');
}

.historia-sb {
    background-image: url('../images/secciones/marcas4.jpg');
    background-position: center center;
    background-size: cover;
    pointer-events: inherit;
}

.filosofia-sb {
    background-image: url('../images/secciones/vuelo-ocas.jpg');
    background-position: center center;
    background-size: cover;
    pointer-events: inherit;
}

.parallax.filosofia-sb {
    height: 35rem;
    background-size: 100%;
    background-position: top;
}

.historia-sb-2 {
    background-image: url('../images/secciones/marcas.jpg');
    background-position: center center;
    background-size: cover;
    pointer-events: inherit;
}

.seguridad-sb {
    background-image: url('../images/secciones/seguridad3.jpg');
    /* border-bottom: 4px solid #cccccc; */
}

/* .seguridad-sb:hover {
    background-image: url('../images/secciones/seguridad.jpg');
    border-bottom: 4px solid #ffc109;
} */

.seguridad-sb:hover >* h1 {
    color: #ffc109;   
}

.limpieza-sb {
    background-image: url('../images/secciones/limpieza3.jpg');
   /* border-bottom: 4px solid #cccccc;*/
}

/*.limpieza-sb:hover {
    background-image: url('../images/secciones/limpieza.jpg');
    border-bottom: 4px solid #ff8c27;
}*/

.limpieza-sb:hover >* h1 {
    color: #ff8c27;
}

.iconos-sb > div > p > img {
    max-width: 140px;
    width: 100%;
}

.digitalizacion-sb {
    background-image: url('../images/secciones/digitalizacion3.jpg');
   /* border-bottom: 4px solid #cccccc; */
}

/*.digitalizacion-sb:hover {
    background-image: url('../images/secciones/digitalizacion.jpg');
    border-bottom: 4px solid #9f232b;
}*/

.digitalizacion-sb:hover >* h1 {
    color: #9f232b;
}

.bitronics-sb {
    background-image: url('../images/secciones/bitronics3.jpg');
   /* border-bottom: 4px solid #cccccc; */
}

/* .bitronics-sb:hover {
    background-image: url('../images/secciones/bitronics.jpg');
    border-bottom: 4px solid #5fa453;
} */

.bitronics-sb:hover >* h1 {
    color: #5fa453;
}

.section-sb > .section-content-left {
    margin: auto;
    text-align: center;
    position: relative;
    width: 60%;
    max-width: 600px;
    left: 20%;
    pointer-events: auto;
}

.section-sb > .section-content-right {
    margin: auto;
    text-align: center;
    position: relative;
    width: 60%;
    max-width: 600px;
    right: 20%;
    pointer-events: auto;
}

.section-sb >* .logos-sb > img {
    max-width: 230px;
    max-height: 170px;
    vertical-align: middle;
    margin: 0 -20px;
}

.lista-footer > .list-group-item, .lista-footer > a > .list-group-item {
    background-color: transparent;
    border: 0;
    font-size: 14px;
}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    transform: scale(1.15);
    -ms-transform: scale(1.15);
    /* IE 9 */
    
    -webkit-transform: scale(1.15);
    /* Safari and Chrome */
    
    -o-transform: scale(1.15);
    /* Opera */
    
    -moz-transform: scale(1.15);
    /* Firefox */
  }
  100% {
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
}

@keyframes fadeInOutA {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeInOutB {
  0% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  70% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeInOutC {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


/* @keyframes fadeInOutD {
  0% {
    opacity: 0;
  }

  93% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}*/

@keyframes fadeInOutE {
  0% {
    opacity: 0;
  }

  25% {
    opacity: 1;
  }

  75% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeInDown-icon {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  97% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.front-icon-sb-1 {
    opacity: 0;
    animation-name: fadeInDown-icon;
    animation-delay: 0;
    animation-duration: 7.5s;
}

.front-icon-sb-2 {
    opacity: 0;
    animation-name: fadeInDown-icon;
    animation-delay: 0;
    animation-duration: 7.1s;
    background-color: rgba(0,0,0,0.3);
    padding-bottom: 20px;
}

.front-icon-sb-3 {
    opacity: 0;
    animation-name: fadeInDown-icon;
    animation-delay: 0;
    animation-duration: 6.7s;
    background-color: rgba(0,0,0,0.3);
    padding-bottom: 20px;
}

.front-icon-sb-4 {
    opacity: 0;
    animation-name: fadeInDown-icon;
    animation-delay: 0;
    animation-duration: 6.3s;
    background-color: rgba(0,0,0,0.3);
    padding-bottom: 20px;
}

.front-icon-sb-5 {
    opacity: 0;
    animation-name: fadeInDown-icon;
    animation-delay: 0;
    animation-duration: 5.9s;
    background-color: rgba(0,0,0,0.3);
    padding-bottom: 20px;
}

.front-icon-sb-6 {
    opacity: 0;
    animation-name: fadeInDown-icon;
    animation-delay: 0;
    animation-duration: 5.5s;
}

.front-text-sb {
    opacity: 0;
    animation-name: fadeInOutE;
    animation-delay: 0;
    animation-duration: 2.3s;
}

img.first-img-sb {
    opacity: 1;
    animation-name: fadeInOutD;
    animation-delay: 0;
    animation-duration: 19s;
    position: absolute;
}

span.first-sb {
    opacity: 0;
    animation-name: fadeInOutA;
    animation-delay: 1.5s;
    animation-duration: 2.5s;
}

span.second-sb {
    opacity: 0;
    animation-name: fadeInOutB;
    animation-delay: 4.5s;
    animation-duration: 2.5s;
}

span.tirth-sb {
    opacity: 0;
    animation-name: fadeInOutC;
    animation-delay: 0.2s;
    animation-duration: 6.8s;
    display: block;
}

.video-pan {
    margin-top: 0;
}

.video-pan:after{
    background-color: rgba(50, 50, 60, 0.8);
}

footer {
    background-color: #333333;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

#tagshome {position:relative;}

#tagshome div.thbut {
    display:block;
    margin-bottom:6px;
    border:1px solid #3A3A3C;
    padding:7px 10px 3px 10px;
    background:#FFF;
    color:#3A3A3C;
    text-align:center;
    font-size:12px;
    transition: background 0.5s ease;
}

a.thbuta {color:inherit;}

#tagshome div.thbut:hover {
    background:#837F5A;
    transition: background 0.5s ease;
    color:#FFF;
    cursor:pointer
}

.totit {
    color:#F1EEC5;
    margin-bottom:10px;
    font-size: 14px;
}

.tagover {
    background:#837F5A;
    Xheight:164px;
    font-size: 14px;
    text-align:center;
    width:80%;
    clear:both;
    position:absolute;
    top:0px;
    left:-200px;
    display:none;
    padding-top:10px;
}

.tagover a {color:#FFF;}
#content .tagover ul {list-style:none; text-transform:uppercase; margin-left:0px !important;}
#content .tagover ul li {margin-bottom:0px; }

#content .tagover p {color:#FFF;}

.close {position:absolute; top:6px; right:6px;}
.close img {width:20px; height:auto;}
/* fin circulos */


.carousel-principal .flickity-page-dots {
    display: none;
}

.titulo-nosotros >* .texto-marcas {
    display: flex;
    align-items: center;
}

.flip-card-container {
    position: relative;
    width: 12%;
    min-width: 180px;
    height: 174px;
}

.flip-card-container-1 {
    position: relative;
    width: 36%;
    min-width: 540px;
    height: 174px;
}

.flip-card-container-1 >* img {
    width: 32.75%;
}

.flip-card-container-2 {
    position: relative;
    width: 24%;
    min-width: 360px;
    height: 174px;
}

.flip-card-container-2 >* img {
    width: 49%;
}

.flip-card {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1.1s ease;
    cursor: pointer;
}

.flip-card:hover {
    transform: rotateY(180deg);
}

.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: rgba(255,255,255,0.6);
    padding: 30px 0;
    backface-visibility: hidden;
}

.flip-card-back {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #888;
    padding: 30px;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
}

.flip-card-back > span {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
    display: block;
}

.equipo-de-trabajo >* b {
    font-size: 20px;
}

.parallax {
  /* Set a specific height */
  height: auto;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 992px) {
    
    .titulo-nosotros {
        height: auto;
    }

    .titulo-nosotros >* h3 {
        margin-top: 160px !important;
    }

    .kenburns-effect-sb {
        width: 180vh;
        right: -200px;
    }

    @keyframes fadeInOutC {
      0% {
        opacity: 0;
        font-size: 42px;
      }

      20% {
        opacity: 1;
        font-size: 42px;
      }

      90% {
        opacity: 1;
        font-size: 42px;
      }

      100% {
        opacity: 0;
        font-size: 42px;
      }
    }

    .first-slogan {
        margin-top: -30px !important;
    }

    .frontpage-sb h2 {
        font-size: 26px;
    }

    .frontpage-sb h2:nth-child(2) {
        margin-top: auto !important;
    }

    .frontpage-sb h2:nth-child(3) {
        margin-top: -30px !important;
    }

    .second-slogan {
        margin-top: -50px !important;
    }

    .second-slogan-2 {
        margin-top: -210px !important;
    }

    .third-slogan {
        margin-top: -300px !important;
        margin-bottom: 20px;
    }

    .third-slogan > h4 {
        font-size: 22px !important;
        line-height: 32px !important;
    }

    .frontpage-sb >* .col-3 > p > img {
        width: 100% !important;
    }

    .logo-final-slogan {
        width: 50%;
        margin-right: -6%;
    }

    .equipo-de-trabajo >* b {
        font-size: 16px;
    }

    #c2 {
        left: 15% !important;
    }

    #c3 {
        top: 25px !important;
        left: 72% !important;
    }

    #c4 {
        top: 58% !important;
        left: 2% !important;
    }

    #c5 {
        top: 74% !important;
        left: 58% !important;
    }

    .circtxt {
        left: 33%;
    }

    .section-sb > .section-content-left {
        width: 50%;
        max-width: 500px;
    }

    .section-sb > .section-content-right {
        width: 50%;
        max-width: 500px;
    }

    .section-sb >* .logos-sb > img {
        max-width: 150px;
        max-height: 100px;
        vertical-align: middle;
        margin: 0px -16px;
    }

}


@media (max-width: 620px) {
    
    .titulo-nosotros {
        height: auto;
    }

    .titulo-nosotros >* h3 {
        margin-top: 160px !important;
    }

    .kenburns-effect-sb {
        width: 180vh;
        right: -200px;
    }

    @keyframes fadeInOutC {
      0% {
        opacity: 0;
        font-size: 34px;
      }

      20% {
        opacity: 1;
        font-size: 34px;
      }

      90% {
        opacity: 1;
        font-size: 34px;
      }

      100% {
        opacity: 0;
        font-size: 34px;
      }
    }

    .first-slogan {
        margin-top: -30px !important;
    }

    .frontpage-sb h2 {
        font-size: 26px;
    }

    .frontpage-sb h2:nth-child(2) {
        margin-top: auto !important;
    }

    .frontpage-sb h2:nth-child(3) {
        margin-top: -30px !important;
    }

    .second-slogan {
        margin-top: -50px !important;
    }

    .second-slogan-2 {
        margin-top: -182px !important;
    }

    .third-slogan {
        margin-top: -440px !important;
        margin-bottom: 20px;
    }

    .third-slogan > h4 {
        font-size: 18px !important;
        line-height: 28px !important;
    }

    .frontpage-sb >* .col-3 > p > img {
        width: 100% !important;
    }

    .frontpage-sb >* .col-1 {
        display: none;
    }

    .front-icon-sb-5 {
        border-radius: 0 10px 10px 0;
    }  

    .logo-final-slogan {
        width: 50%;
        margin-right: -6%;
    }

    .equipo-de-trabajo >* b {
        font-size: 14px;
    }

    #rays {
        background: url(../images/rays.png) 0 0 no-repeat;
        background-size: contain;
        position: relative;
        width: 300px;
        height: 300px;
        animation-name: spin;
        animation-duration: 90000ms;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        margin: auto;
    }

    #circcenter {
        top: 80px;
        left: 10px;
        width: 140px;
    }

    #circle_left {
         max-height: 680px;
    }

    #circle_left_in {
        background-size: 460px auto;
        min-height: 520px;
        position: relative;
        top: -300px;
    }

    a.circ > img {
        width: 120px !important;
    }

    #c2 {
        left: 15% !important;
    }

    #c3 {
        top: 0px !important;
        left: 70% !important;
    }

    #c4 {
        top: 35% !important;
        left: 2% !important;
    }

    #c5 {
        top: 45% !important;
        left: 62% !important;
    }

    .circtxt {
        left: 30%;
        top: 12%;
        width: 180px;
    }

    .circtxt > img {
        max-height: 50px !important;
        max-width: 100% !important;
    }

    .seguridad-sb, .digitalizacion-sb {
        background-position: right center;
    }

    .bitronics-sb, .limpieza-sb {
        background-position: left center;
    }

    .section-sb > .section-content-left {
        width: 80%;
        left: inherit;
    }

    .section-sb > .section-content-right {
        width: 80%;
        right: inherit;
    }

    .flip-card-container-1, .flip-card-container-2 {
        min-width: 100%;
    }

    .flip-card-container-1 >* img {
        width: 32.6%;
        padding-top: 10px;
    }

    .parallax.filosofia-sb {
        height: auto;
        background-size: cover;
        background-position: center;
    }

}


/* LOADER */

#status {
    width:265px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/loader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    background-size: 240px;
    margin:-100px 0 0 -132px; /* is width and height divided by two */
}

@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}