body{font-family: 'Open Sans', sans-serif,Arial;display:flex; min-height: 100vh;flex-wrap: wrap}
.no-padding{padding:0px;}
.img-responsive{max-width:100%;}
a{cursor:pointer;}
.col-center{margin:0 auto; float:none;}
.center-block{display:block;margin:0 auto;}
.right-block{margin:0 0 0 auto;}
.topPadding{padding-top:40px;}
.parrafoContainer{padding-left: 9.5vw;padding-right: 9.5vw;}
.parrafoContainerHigh{padding-left: 11vw;padding-right: 11vw;}
.parrafoContainerHighCober{padding-left:8vw;padding-right: 8vw;}
.subTitulosSecundario{color:#626567;font-family: sans-serif;font-size:1.3em;}
.tituloParrafo{font-family: sans-serif;font-weight: bold;font-size: 2em;color:#243871;}
.bigIcon{font-weight: bold;font-size: 2em;color:#122053;}
.backGray{background-color:#e8e9ea;}
nav ul a{color: #F3F3F3;height: 20px;text-decoration: none;}
img#logo{float:left;display: block;margin-left: 5vh;margin-right: 20vw;-webkit-transition: width .5s, height .5s, margin-right .5s, margin-top .5s;}
/*ESTILOS MENU*/
section#banner{width: 100%;background-image: url(../pictures/bg.jpg);background-attachment: contain;background-position: center;background-repeat: no-repeat;}
.adjustHeight{height: 100%;}
/*nav{display: table;vertical-align: middle;-webkit-transition: margin-left .5s;}*/
nav ul{display: block;vertical-align: middle;float: left;font-size: 0.8em;list-style: none;height: 20px;}
nav ul li:not(:last-child) {border-right: 2px solid grey;margin-right:10px;padding-right:10px;}
.nav-link {display: block;padding: 0rem 0rem;}
.footer{padding:50px 0px 0px;}
.redesFooter{-webkit-padding-start: 0px;list-style: none;list-style: none;float: left;margin: 0;}
.redesFooter li {float: left;width: 50px;line-height: 80px;vertical-align: middle;text-align: center;margin: 0;}
.redesFooter img{min-width:40px;max-width: 40px;}
.redesFooter li a {width: 100px;text-decoration: none;color: #FFFFFF;}
.navFooter{margin:0px;font-size:0.9rem;}
.subcategoFooter{-webkit-padding-start: 0px;list-style: none;margin:5% 0%;color:#6d7077;}
.subcategoFooter li a{color:#6d7077;}
.parrafosFooter{margin:10% 0%;}
.telAsis{font-size:.75rem;color:#BEBEBE;}
.telAsis a{text-decoration:none;color:#243871;}
.telAsis a:hover{text-decoration:none;}
.pfooterS{margin-bottom:1%;}
.no-margin{margin:0%;}
#mainNav{
    background-color:#0B1C38;
}
#navbarResponsive a{
    color:white;
}
@media screen and (min-width:1440px){
    img#logo{
        float:left;
        display: block;
        margin-left: 5vw;
        margin-right: 31vw;
        -webkit-transition: width .5s, height .5s, margin-right .5s, margin-top .5s;
    }
    .titlesSolutions{position:absolute;top:17%;left:10%;font-size:2.3rem;}
}
/*
@media screen and (max-width:1300px){
    .textBannerHome {position: absolute;top: 30%;max-width: 40%;left: 8%;color: #65646a;font-size: 1.3em;}
    .banners h2 {position: absolute;top: 40%;font-size: 1.8rem;line-height: 2.5rem;left: 5%;color: #7d7b7e;}
    .subtitleCulture {color: #8a8d92;font-weight: 300;padding: 20px 30px;}
    .titlesSolutions {position: absolute;top: 15%;left: 8%;font-size: 1.7rem;}
    .navbar-collapse {-ms-flex-preferred-size: 100%;flex-basis: 46%;-ms-flex-align: center;align-items: center;}
}
*/
@media screen and (max-width:990px){
    .navbar-collapse {-ms-flex-preferred-size: 100%;flex-basis: 100%;-ms-flex-align: center;align-items: center; text-align: center;}
    .dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 10rem;padding: 0.5rem 0;margin: 0.125rem 0 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, 0.0);border-radius: 0.25rem;text-align:center}}

/*NUEVOS ESTILOS AKIL **/

/*PRICIPALES*/
html{height:100%;}
body{height:100%;}
header{font-family: 'Open Sans', sans-serif,Arial;align-self: flex-start;width: 100%;height: 15vh;background-color: transparent;-webkit-transition: background-color .5s;background-color: #0b1c38;z-index:999}
.generalDiv{height:100%;}
.imgLateral{height:100%;}
.col-center{margin:0 auto;float:none;}
img#logo{max-width:20vh;margin-top: 1vh;}
/*.navbar{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}*/
/*HOME*/
.contenidohome {position: absolute;top: 0;right: 0;background: url(../images/home/backHome.jpg) no-repeat;background-size: cover;opacity: 1;width: 100vw;height: 100vh;background-position:center center;}
.contenidohome .container{margin-top:35vh;color:#FFFFFF;}
.contenidohome h1{font-family: 'Playfair Display SC', serif;font-size:4vh}
.contenidohome h3{font-family: 'Roboto', serif; font-weight:300;font-size:2.2vh}
.contenidohome h2{font-family: 'Roboto', serif; font-weight:300;font-size:2.8vh}

/*BOLITAS*/
/*CSS IMAGENES REDONDAS*/
.recuadroEmpresas{width:700px;height:700px;border:0px solid;margin:0 auto;display:block;background: url('../images/empresas/logosgpWhiteNew.png');background-size:contain;position:relative;margin-top:2%;margin-bottom:2%;}
#promass {position: absolute;top: 0.4%;left: 43%;}
#clubasistencia {position: absolute;top: 6%;right: 18.85%;}
#hb {position: absolute;top: 21.1%;right: 3.5%;}
#banwire {position: absolute;top: 5.9%;left: 22%;}
#mutuus {position: absolute;top: 20.4%;left: 7.4%;}
#miituo {position: absolute;top: 38%;left: 1%;}
#dynamic{position:absolute;top:52%;left:0.7%;}
#nomicel {position: absolute;top: 58.9%;left: 4.9%;}
#valuad {position: absolute;top: 76.8%;left: 14.8%;}
#ecotel {position: absolute;top: 38.95%;right: -2.3%;}
#proventel {position: absolute;top: 57.25%;right: 0.3%;}
#protec {position: absolute;top: 73.9%;right: 9%;}
#asisvial {position: absolute;top: 85.1%;right: 27.1%;}
#dentalfirst {position: absolute;bottom: -1.7%;left: 33.3%;}
/*OLD STYLE CIRCULE */
/*.recuadroEmpresas{width:700px;height:700px;border:0px solid;margin:0 auto;display:block;background: url('../images/empresas/logosgpWhiteN.png');background-size:contain;position:relative;margin-top:2%;margin-bottom:2%;}
.circulosInternos{width:100px;height:100px;border-radius: 80px;border:0px solid;}
.recuadroEmpresas a{border-radius: 40px;}
.recuadroEmpresas a:hover{background: url('../images/empresas/logosgpWhiteN.png') !important;background-repeat:no-repeat !important;}
#promass{position: absolute;top: -0.04%;left: 43.8%;}
#clubasistencia{position: absolute;top: 3.9%;right: 20.55%;}
#hb{position: absolute;top: 16%;right: 5%;}
#banwire{position:absolute;top:3.6%;left:24.1%;}
#bgm{position: absolute;top: 14.8%;left: 8.5%;}
#besteam{position:absolute;top:32.7%;left:1.2%;}
#dynamic{position:absolute;top:52%;left:0.7%;}
#nomicel{position: absolute;top: 70%;left: 7.6%;}
#valuad{position: absolute;top: 81.4%;left: 23%;}
#ecotel{position: absolute;top: 34.25%;right: -1.7%;}
#proventel{position: absolute;top: 53.75%;right: -0.7%;}
#protec{position: absolute;top: 72%;right: 6.40%;}
#asisvial{position: absolute;top: 83.6%;right: 22.2%;}
#dentalfirst{position: absolute;bottom: -2.3%;left: 42.3%;}
*/
.modal-content {margin:0 auto;width:auto;background-color:transparent;border:0px solid;}
.modal-header{display:block;}
/* #promass:hover,#banwire:hover,#bgm:hover,#besteam:hover,#dynamic:hover,#nomicel:hover,#valuad:hover,#clubasistencia:hover,#hb:hover,#ecotel:hover,#proventel:hover,#protec:hover,#asisvial:hover,#dentalfirst:hover {background-size: 700px 700px !important;} */
.hovCir{background-size: 700px 700px !important;}
.hovCir{width:115px;height:115px;border-radius: 80px;border:0px solid;color: #bbb;box-shadow: none !important;-webkit-transform: translateZ(0);transform: translateZ(0);}


.hovCir *,.hovCir:before,.hovCir:after {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.hovCir:before,.hovCir:after {-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;content: '';position: absolute;top: -5px;bottom: 3px;left: -5px;right: 5px;z-index: -1;border: 0px solid #0B1C38;border-color: transparent #0B1C38;}
.hovCir img {max-width: 100%;backface-visibility: hidden;vertical-align: top;border-radius: 50%;padding: 10px;}
.hovCir figcaption {position: absolute;top: 1px;bottom: 1px;left: 1px;right: 1px;opacity: 0;border-radius: 50%;}
.hovCir i {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 4em;z-index: 1;}
.hovCir a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
.hovCir:hover figcaption,.hovCir.hover figcaption {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.hovCir:hover:before,.hovCir.hover:before,.hovCir:hover:after,.hovCir.hover:after {border-width: 4px;}
.hovCir:hover:before,.hovCir.hover:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.hovCir:hover:after, .hovCir.hover:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

#promass:before,#promass:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 4px;}
#banwire:before,#banwire:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#mutuus:before,#mutuus:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#miituo:before,#miituo:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#dynamic:before,#dynamic:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#nomicel:before,#nomicel:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#valuad:before,#valuad:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#clubasistencia:before,#clubasistencia:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#hb:before,#hb:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#ecotel:before,#ecotel:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#proventel:before,#proventel:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#protec:before,#protec:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#asisvial:before,#asisvial:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
#dentalfirst:before,#dentalfirst:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}

.modal-open .modal{background-color:rgba(0,0,0,0.92)}

/*EMPRESAS RELACIONADAS*/
.escritorio{display:block;}
.fotorelacionadas {position: absolute;top: 0;right: 0;background: url(../images/empresasrelacionadas/pasillo.png) no-repeat;background-size: cover;opacity: 1;width: 50vw;height: 100vh;background-position:right;}
.contenidorelacionadas {position: absolute;top: 0;left: 0;background: #FFFFFF;background-size: cover;opacity: 1;width: 50vw;height: 100vh;}
.contenidorelacionadas .container{margin-top:30vh;}

.circuleer{position: relative;display: inline-block;margin: 20px;width: 50vw;color: #bbb;font-size: 16px;box-shadow: none !important;-webkit-transform: translateZ(0);transform: translateZ(0);}
.circuleer *,.circuleer:before,.circuleer:after {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;}
.circuleer:before,.circuleer:after {-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;content: '';position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;z-index: -1;border: 0px solid #0B1C38;border-color: transparent #0B1C38;}
.circuleer img {max-width: 100%;backface-visibility: hidden;vertical-align: top;border-radius: 50%;padding: 10px;}
.circuleer figcaption {position: absolute;top: 1px;bottom: 1px;left: 1px;right: 1px;opacity: 0;border-radius: 50%;}
.circuleer i {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 4em;z-index: 1;}
.circuleer a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
.circuleer:hover figcaption,.circuleer.hover figcaption {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
.circuleer:hover:before,.circuleer.hover:before,.circuleer:hover:after,.circuleer.hover:after {border-width: 4px;}
.circuleer:hover:before,.circuleer.hover:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.circuleer:hover:after, .circuleer.hover:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/*NUESTRO GRUPO*/
.fotonuestro {position: absolute;top: 0;left: 0;background: url(../images/nuestrogrupo/recepcion.png) no-repeat;background-size: cover;opacity: 1;width: 50vw;height: 100vh;background-position:right;}
.contenidonuestro {position: absolute;top: 0;right: 0;background: #FFFFFF;background-size: cover;opacity: 1;width: 50vw;height: 100vh;}
.contenidonuestro .container{margin-top:25vh;}
.titulosPrincipal{font-family: 'Times New Roman';text-transform: uppercase;font-size:4.8vh;color:#243871;}
.subTitulosPrincipal{color:#BEBEBE;font-family: sans-serif;font-size:2vh;}
.parrafo{color:#56585a;font-family: sans-serif;font-size:1.6vh}
footer{font-family: 'Open Sans', sans-serif,Arial;align-self: flex-end;text-align: center;width: 100%; font-size: 12px;color:white;background-color:#0B1C38;padding:25px 0px;margin:0% 0% 0%;z-index:99}

/*COBERTURA*/
.escritorio{display:block;}
.fotocoberturas {position: absolute;top: 0;right: 0;background: url(../images/cobertura/mapa.jpg) no-repeat;background-size: contain;opacity: 1;width: 60vw;height: 100vh;background-position:center center;}
.contenidocoberturas {position: absolute;top: 0;left: 0;background: #FFFFFF;background-size: cover;opacity: 1;width: 50vw;height: 100vh;}
.contenidocoberturas .container{margin-top:35vh;}
.contenidocoberturas .parrafo2{color:#56585a;font-family: sans-serif;font-size:1.6vh;margin-bottom:0.4rem;}


/*RESPONSABILIDAD SOCIAL*/
.contenidoresponsabilidad {position: absolute;top: 0;right: 0;background: #FFFFFF;background-size: cover;opacity: 1;width: 100vw;height: 100vh;}
.contenidoresponsabilidad .textos{margin-top:35vh;}
.logosResponsabilidad{max-width:30vh;margin:0 auto;display:block;cursor:pointer !important;}
.movil{display:none;}


/*CONTACTO*/
.fotoContacto {position: absolute;top: 0;left: 0;background: url(../images/contacto/contacto.png) no-repeat;background-size: cover;opacity: 1;width: 50vw;height: 100vh;background-position:right;}
.contenidoContacto {position: absolute;top:0;right:0;background: #FFFFFF;opacity: 1;width:50vw;height:100vh;}
.contenidoContacto .container{margin-top:15vh;}
.logoContacto{max-width:25vh;margin:0 auto;display:block;}
.textIcon{font-weight: 400;font-size: 1.6vh;color:#212529;}
.textIcon a{text-decoration:none;color:#212529;}
.modal-header{border-bottom:0px solid;}

@media screen and (min-width:1241px){
  .contenidonuestro .container{margin-top:30vh;}
  .contenidoContacto .container{margin-top:30vh;}
  .circuleer {position: relative;display: inline-block;margin: 20px;width: 10vw;color: #bbb;font-size: 16px;box-shadow: none !important;-webkit-transform: translateZ(0);transform: translateZ(0);}
}

@media screen and (min-width:2000px){
  .navbar-brand {display: inline-block;padding-top: 0.3125rem;padding-bottom: 0.3125rem;margin-right: 17vw;font-size: 1.25rem;line-height: inherit;white-space: nowrap;}

}
@media screen and (min-width:1600px) and (max-width:1999px){
  .navbar-brand {display: inline-block;padding-top: 0.3125rem;padding-bottom: 0.3125rem;margin-right: 8vw;font-size: 1.25rem;line-height: inherit;white-space: nowrap;}
}

@media screen and (max-width:2000px){
  .recuadroEmpresas{width:450px;height:450px;border:0px solid;margin:0 auto;display:block;background: url('../images/empresas/logosgpWhiteNew.png');background-size:contain;position:relative;margin-top:2%;margin-bottom:2%;}
  .circulosInternos{width:70px;height:70px;border-radius: 80px;border:0px solid;}
  .recuadroEmpresas a{border-radius: 40px;}
  .modal-content {margin:0 auto;width:auto;background-color:transparent;border:0px solid;}
  .modal-header{display:block;}
  #promass {position: absolute;top: 1.3%;left: 44.1%;}
  #banwire {position: absolute;top: 7.1%;left: 23%;}
  #mutuus {position: absolute;top: 20.5%;left: 7.57%;}
  #miituo {position: absolute;top: 38.05%;left: 1.33%;}
  #nomicel {position: absolute;top: 59%;left: 5.2%;}
  #clubasistencia {position: absolute;top: 7%;right: 18.65%;}
  #hb {position: absolute;top: 22.1%;right: 3.3%;}
  #ecotel {position: absolute;top: 40%;right: -2.4%;}
  #proventel {position: absolute;top: 58.15%;right: -0.1%;}
  #protec {position: absolute;top: 75.1%;right: 8.7%;}
  #asisvial {position: absolute;top: 86.4%;right: 26.75%;}
  #dentalfirst {position: absolute;bottom: -1.7%;left: 34.25%;}
  .hovCir{width:70px;height:70px;border-radius: 80px;border:0px solid;color: #bbb;box-shadow: none !important;-webkit-transform: translateZ(0);transform: translateZ(0);}
  .hovCir *,.hovCir:before,.hovCir:after {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
  .hovCir:before,.hovCir:after {-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 50%;content: '';position: absolute;top: -5px;bottom: 3px;left: -5px;right: 5px;z-index: -1;border: 0px solid #0B1C38;border-color: transparent #0B1C38;}
  .hovCir img {max-width: 100%;backface-visibility: hidden;vertical-align: top;border-radius: 50%;padding: 10px;}
  .hovCir figcaption {position: absolute;top: 1px;bottom: 1px;left: 1px;right: 1px;opacity: 0;border-radius: 50%;}
  .hovCir i {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 4em;z-index: 1;}
  .hovCir a {position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
  .hovCir:hover figcaption,.hovCir.hover figcaption {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
  .hovCir:hover:before,.hovCir.hover:before,.hovCir:hover:after,.hovCir.hover:after {border-width: 4px;}
  .hovCir:hover:before,.hovCir.hover:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
  .hovCir:hover:after, .hovCir.hover:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

  #promass:before,#promass:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 4px;}
  #banwire:before,#banwire:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #bgm:before,#bgm:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #besteam:before,#besteam:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #dynamic:before,#dynamic:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #nomicel:before,#nomicel:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #valuad:before,#valuad:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #clubasistencia:before,#clubasistencia:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #hb:before,#hb:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #ecotel:before,#ecotel:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #proventel:before,#proventel:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #protec:before,#protec:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #asisvial:before,#asisvial:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  #dentalfirst:before,#dentalfirst:after{top: -15px;bottom: 0px;left: -15px;right: 0px;margin-right: 2px;}
  .imgModal{width:500px;}
}
/*ESTILOS PARA VERSION MOVIL*/
@media screen and (max-width:990px){
  html{height:auto;}
  body{height:auto;}
  header {font-family: 'Open Sans', sans-serif,Arial;align-self: flex-start;width: 100%;height: auto;background-color: transparent;-webkit-transition: background-color .5s;background-color: #0b1c38;z-index: 999;}
  .nav-item {width: 100%;background-color: #0b1c38;}

  .collapse.show {display: block;width: 100%!important;min-height:100px;}
  #navbarResponsive .navbar-nav{width:100%;height:auto;}
  #navbarResponsive a{padding:10px 0;height:50px;vertical-align: middle;}
  nav ul li:not(:last-child){border-right: 0px solid grey;margin-right: 0px;padding-right: 0px;}
  img#logo{float:left;display: block;width:80px;margin-left: 10vh;margin-right: 5vw;-webkit-transition: width .5s, height .5s, margin-right .5s, margin-top .5s;margin-top:.5vh;}
  .navbar-toggler {padding: 0.25rem 0.75rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: 0.25rem;color: white;margin-top: 1.5vh;}

  #relacionadasEm {flex-direction: column-reverse;flex-direction: inherit;flex-direction: initial;flex-direction: unset;padding-left:0px;padding-right:0px;}
  #relacionadasEm{-webkit-flex-flow: column-reverse;flex-flow: column-reverse;}

  /*HOME*/
  .contenidohome {position: absolute;top: 0;right: 0;background: url(../images/home/backHome.jpg) no-repeat;background-size: cover;opacity: 1;width: 100vw;height:100vh;background-position:center center;}
  .contenidohome .container{margin-top:20vh}
  /*EMPRESAS RELACIONADAS*/
  .fotorelacionadas {position: relative;top: 0;right: 0;background: url(../images/empresasrelacionadas/pasillo.png) no-repeat;background-size: cover;opacity: 1;width: 100vw;height: 52vh;background-position:right;}
  .contenidorelacionadas {position: relative;top: 0;left: 0;background: #FFFFFF;background-size: cover;opacity: 1;width: 100vw;height: auto;}
  .contenidorelacionadas .container{margin-top:10vh;}

  /*NUESTRO GRUPO*/
  .fotonuestro {position: relative;top: 0;left: 0;background: url(../images/nuestrogrupo/recepcion.png) no-repeat;background-size: cover;opacity: 1;width: 100vw;height: 52vh;background-position:right;}
  .contenidonuestro {position: relative;top: 0;right: 0;background: #FFFFFF;background-size: cover;opacity: 1;width: 100vw;}
  .contenidonuestro .container{margin-top:20vh;}

  /*RESPONSABILIDAD SOCIAL*/
  .contenidoresponsabilidad {position: relative;top: 0;right: 0;background: #FFFFFF;background-size: cover;opacity: 1;width: 100vw;height: auto;}
  .contenidoresponsabilidad .textos{margin-top:10vh;margin-bottom:10vh;}
  .logosResponsabilidad{max-width:30vh;margin:0 auto;display:block;}
  .logosResponsabilidad{max-width:30vh;margin:0 auto;display:block;margin-top:5vh;}
  .parrafoContainerHigh{padding-left:5vw;padding-right:5vw}
  .movil{display:block;}
  .escritorio{display:none;}

  .change{display: flex;flex-direction: column-reverse;}
  .empMovil{width:80%;}
  .col-xs-6{position: relative;width: 50%;min-height: 1px;padding-right: 15px;padding-left: 15px;margin-top:1vh;margin-bottom:1vh;}
  .no-margin{margin-left:0px;margin-right:0px;}
  .paddingMovil{padding-top:0px;}
  .espaciadoLogosMovil{margin-top:5vh;}
  .bottomPadding{padding-bottom:40px;}
  #descCompany .img-responsive,#fullImgCompany .img-responsive{max-width:100%;}
  .modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: none;overflow: hidden;outline: 0;z-index: 999999;}
  .modal-content{width:80%}

  /*COBERTURA*/
  .fotocoberturas {position: relative;top: 0;right: 0;background: url(../images/cobertura/mapa.jpg) no-repeat;background-size: cover;opacity: 1;width: 100vw;height: 52vh;background-position:right;}
  .contenidocoberturas {position: relative;top: 0;left: 0;background: #FFFFFF;background-size: cover;opacity: 1;width: 100vw;height: auto;}
  .contenidocoberturas .container{margin-top:10vh;}


  /*CONTACTO*/
  .fotoContacto {position: relative;top: 0;left: 0;background: url(../images/contacto/contactoMovil.jpg) no-repeat;background-size: cover;opacity: 1;width: 100vw;height: 52vh;background-position:right;}
  .contenidoContacto {position: relative;top:0;right:0;background: #FFFFFF;opacity: 1;width:100vw;height:100vh;}
  .contenidoContacto .container {margin-top: 10vh;}
  .row{margin-left:0px;margin-right:0px;}
  .textIcon {font-weight: 400;font-size: 1.6vh;color: #212529;text-align: center;margin-bottom: 0rem;margin-top: 2vh;}

}

/*DISEÑO DE EMPLEADOS*/
.portada{
  background: url(../images/empleados/portada.jpg);
  background-position: center;
  margin-top: 18vh;
  background-repeat: no-repeat;
  height:70vh;
}
.btnEmp {color: #ffffff;text-decoration: underline;position: absolute;bottom: 35%;left: calc(50% - 10px);}
.espaemp{margin-top:20px;}
.btngemp{
  background-color:#f0f0f0;
  padding:10px 20px;
  border-radius: 10px;
  -webkit-box-shadow: -5px 7px 4px 0px rgba(150,150,150,0.75);
  -moz-box-shadow: -5px 7px 4px 0px rgba(150,150,150,0.75);
  box-shadow: -5px 7px 4px 0px rgba(150,150,150,0.75);
  color:#8d8d8d;
}
.btngemp:hover{text-decoration:none;}


/* ------------------------------ */
/* -- Empleados ----------------- */
/* ------------------------------ */

.hero-fs{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 80vh;
}

.img-hero{
  width: 100%;
  height: auto;
}

.hero-content{
  text-align: center;
  position: absolute;
  top: 60%;
  margin: auto;
}

.hero-content a{
  position: relative;
  color: #FFFFFF;
  font-size: 1.5rem;
}

.link-return{
  position: relative;
  color: #A6A6A6;
}

.link-return:hover{
  color: #A6A6A6;
}

.hero-content a:hover, .link-return:hover{
  text-decoration: none;
}

.hero-content a::before, .link-return::before{
  position: absolute;
  display: block;
  content: '';
  width: 0;
  right: 0;
  height: 2px;
  bottom: -.25rem;
  background-color: currentcolor;
  border-radius: 1rem;

  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.hero-content a:hover::before, .link-return:hover::before{
  width: 100%;
  left: 0;

}

.btn-empleados{
  color: #A6A6A6;
  padding: .5rem 2rem;
  border-radius: 999rem;
  border: none;
  text-decoration: none;
  cursor: pointer;
  outline: none !important;

  background: -moz-linear-gradient(0deg, rgba(218,217,217,1) 0%, rgba(246,246,246,1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(218,217,217,1) 0%, rgba(246,246,246,1) 100%);
  background: linear-gradient(0deg, rgba(218,217,217,1) 0%, rgba(246,246,246,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dad9d9",endColorstr="#f6f6f6",GradientType=1);

  -webkit-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.25);
  -moz-box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.25);
  box-shadow: 0 .25rem .25rem 0 rgba(0,0,0,.25);

  -webkit-transition: color .25s ease-in-out;
  -moz-transition: color .25s ease-in-out;
  transition: color .25s ease-in-out;
}

.btn-empleados:hover{
  color: #243871;
}

.elmnt-w-spacer + .elmnt-w-spacer{
  margin-left: 3rem;
}

.number-empleados{
  position: relative;
  margin: auto;
  margin-bottom: 1rem;
  display: flex;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 99rem;
  background-color: #243871;
  color: white;
  align-items: center;
  justify-content: center;
}

.sc-logo{
  margin: 2rem 0;
  width: 160px;
}
.circuloCovid{
  position: absolute;
  right: 0;
  width: 150;
  height: 150;
  background: #0b1c38;
  padding: 40px 10px;
  border-radius: 130px;
  top: -30;
  color: #ffffff;
  font-size: 0.6rem;
}
.textCircle{
  font-size:0.8rem;
  color:#ffffff;
}

@media (max-width: 991.98px) {
  .elmnt-w-spacer + .elmnt-w-spacer {
    margin-left: auto;
  }

  .elmnt-w-spacer{
    width: 100%;
  }

  .btn-empleados{
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .hero-fs{
    flex-direction: column;
  }
  .hero-content{
    text-align: center;
    position: relative;
    top: 0 !important;
    margin: auto;
  }

  .hero-content a{
    display: block;
    color: #243871;
  }
  .circuloCovid{
    position: absolute;
    right: 20px;
    width: 100;
    height: 100;
    background: #0b1c38;
    padding: 14px 10px;
    border-radius: 130px;
    top: -150px;
    color: #ffffff;
  }
  .textCircle{
    font-size:0.6rem;
    color:#ffffff;
  }
}

/* ------------------------------ */
/* -- End of empleados ---------- */
/* ------------------------------ */

.telefonoPif {
  position: fixed;
  bottom: 23%;
  right: -195px;
  padding-top: 5px;
  padding-left: 5px;
  width: 250px;
  height: 55px;
  background: #fff;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  box-shadow: var(--shadowL);
  cursor: pointer;
  -webkit-transition: right 0.25s;
  -moz-transition: right 0.25s;
  -o-transition: right 0.25s;
  transition: right 0.25s;
  z-index: 999;

  -webkit-box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,0.15);
  -moz-box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,0.15);
  -o-box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,0.15);
  box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,0.15);
}

.telefonoPIF a{
  color:#243871;
}

.circulo {
  float: left;
  margin-right: 10px;
}

.showTel {
  right: 0px;
}

.infoTel {
  font-size: 0.75rem;
}
.colorprincipal{color:#243871;}
.especialCircle{width:3.5rem;height:3.5rem;}
/*