/*----MODAL----*/

/*Fondo negro del modal*/
.modaloverlay {
  background: rgba(0,0,0,0.8);
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  z-index: -1;
  display: none;
}
.modaloverlay:target {
  display: block;
  opacity:1;
  pointer-events:auto;
  z-index:99999;
}

/*Cuerpo del modal*/
.modal-kero {
  background-color: white;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding: 3em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.modal-kero .section-heading {
    margin-bottom: 2rem;
  }
.modal-kero::-webkit-scrollbar {
  display: none;
  }
    
.modal-kero > iframe, .modal-kero > div {
	border:none;
	width:100%;
	height:100%;
}

/*Botón de cierre*/
.close {
  background-color:#088389;
  color:white;
  font-size:24px;
  padding:8px 12px;
  position:absolute;
  right:0;
  text-align:center;
  text-decoration:none;
  top:0;
  z-index: 1;
}

#telefono-modal-kero {
  text-align: center;
}

/*Columna a la mitad*/
.col_half {
  width:  100%;
  float:  left;
}

/*Columna del final*/
.col_last {
  margin-left: 0;
}

.bottommargin {
  margin-bottom:  1em;
}
.form-control {
  font-size: 1.2em;
}

.modal-kero form textarea {
    height: 80px;
    width: 100%;
    display: table-cell;
    vertical-align: top;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.send-form-kero div {
    width: 10em; 
    margin-top: 4em;
}

@media (orientation: landscape) {
  .col_half {
    width:  48%;
    float:  left;
  }
  .col_last {
    margin-left: 2%;
  }
  .alone {
    margin-right: 48%;
  }
  .send-form-kero div {
    margin-top:  3rem;
    margin-left:  4rem;
  }
}

/*Botón de color gradiente*/
.gradient-button {
  background: linear-gradient(0deg, #9b9b9b 0%, #088389 50%, #9b9b9b 100%);
  -webkit-filter: drop-shadow(0px 10px 10px rgba(8,131,137,0.4));
  background-size: 200% 200%;
  background-position: center bottom;
  transition: .2s;
  color:  white;
  border: none;
}
.gradient-button:hover {
  background-position: center top;
}

/*----END MODAL----*/

/*----INDEX - SERVICIOS----*/
.feature__box .icon {
  width:  10rem;
  height: 10rem;
}
.feature__box .icon i {
  font-size:  4rem;
}
/*----END INDEX - SERVICIOS----*/
/*----INDEX - VIDEO----*/

#videoengif {
    position: absolute;
    z-index: 10;
    top: 35px;
    width: 125%;
    max-width: 190px;
    left: 63px;
}

.device-video-wrap {
  max-width:  100%;
  }
/*----END INDEX - VIDEO----*/

/*----HEADER---*/
.header.fixed {
  padding: 3.5rem 0 2rem 0;
}

/*Selector de lenguage*/
.language-selector-kero {
  position: absolute;
  right: 3.5em;
  top:  -1em;
  width:  252px;
  height:  32px;
  overflow: hidden;
}
.language-selector-kero:hover{
  position: absolute;
  right: 3.5em;
  top:  -1em;
}
/*Selector de lenguaje en el header sticky*/
.fixed .language-selector-kero {
  top:  2.2em;
}
.fixed .language-selector-kero:hover{
  top:  2.2em;
}
/*Slider de banderitas*/
.language-slider-kero {
  width: 252px;
  position: relative;
  right: -220px;
  transition: .5s;
}
.language-selector-kero:hover .language-slider-kero {
  right: 0;
}

/*Enlaces y banderitas*/
.language-selector-kero a {
  margin: 0 .2em;
  transition: .5s;
}
.language-selector-kero a img {
  width:  2.5em;
}
.language-selector-kero a:hover img {
  transform: scale(1.2);
}

/*Menú mobile*/

.header__nav li a {
  padding: 3vh 4.4rem;
}
/*Submenú*/
#servicios {
  position: relative;
}
.submenu-kero {
    position: relative;
    padding: 1em 2em;
    transition: 1s;
}
/*Para que el bloque no se separe del título*/
.header__nav.shown .submenu-kero {
  margin-top:  0 !important;
}
.submenu-kero li {
  margin-left:  0 !important;
}
.submenu-kero li a {
  font-size: 1.8rem;
  color: white;
  padding: 0 0 1rem 4rem;
  cursor: pointer;
  transition: all .25s ease;
}
.submenu-kero li:hover a {
  color: #000;
  font-weight: 600;
}
i.only-menu-mobile {
  display:  inline;
}
.shown .close-only-mobile {
  display:  block;
  background-color:  rgba(0,0,0,0);
  top: 2em;
}
.only-desktop {
    display: none;
  }
.header__nav-primary>li:first-child a {
  color: white;
}
.header__bars {
  /*z-index:  99;*/
}
.shown .header_bars div{
  background-color: white;
}
.landscape-kero {
  display:  none !important;
}
/*Para que no se vea el fondo blanco*/
.header__nav li:hover {
    background-color: rgba(0,0,0,0);
}
.header__nav li:hover a {
    color: white;
}
.header__nav ul > li:hover > a {
    margin-left:  1em;
}
.header__nav li:hover i {
    color: white;
}
.submenu > li:hover > a {
    margin-left:  1em;
}
@media (max-width: 59.99em) and (orientation: landscape) {
  .submenu-kero {
    /*position:  absolute;
    /left:  22em;
    top:  -5em;*/
    position: absolute;
    left: 1em;
    top: 3.5em;
  }
  #servicios .submenu-kero {
    display:  flex;
    flex-wrap: wrap;
    width: 67em;
  }
  .submenu-kero li a, .submenu-kero li {
    width:  17em;
  }
  .header__nav-primary li {
    width:  48%;
  }
  .header__nav-primary {
    display:  flex !important;
    flex-wrap:  wrap;
  }
  .other-kero {
    display:  none !important;
  }
  .landscape-kero {
    display:  flex;
  }
  .header__nav .submenu-kero li:hover a, .header__nav .submenu-kero li:hover i {
    color: white;
}
  .submenu-kero li:hover {
    background-color: rgba(0,0,0,0) !important;
  }
}
/*----END HEADER---*/

@media (min-width: 60em) {
  .modal-kero {
    height:58%;
    margin:5% auto;
    max-height: 57em;
    max-width:70em;
    width:85%;
  }
  .modal-kero .section-heading {
    margin-bottom: 5rem;
  }
  #telefono-modal-kero {
    text-align: left;
  }
  .col_half {
    width:  48%;
  }
  .col_last {
    margin-left:  2%;
  }
  .alone {
    margin-right: 48%;
  }

  .modal-kero form textarea {
    height: 80px;
    width: 100%;
    display: table-cell;
    vertical-align: top;
    position: relative;
    top: 2px;
    margin-right: 5px;
  }

  .send-form-kero div {
    width: 10em; 
    margin-top: 2em;
  }
  #telefono-modal-kero {
    padding-left: 0;
  }
  .feature__box .icon {
    width:  20rem;
    height: 20rem;
  }
  .feature__box .icon i {
    font-size:  8rem;
  }
  .language-selector-kero {
  top:  4em;
  }
  .language-selector-kero:hover{
  top:  4em;
  }
  .header__nav li a {
    padding: 0;
  }
  .submenu-kero {
    display: none;
    position: absolute;
    padding: 1em 2em;
    transition: 1s;
    width: 28em;
    background-color: white;
    border-radius: 0 0 2em 2em;
    margin-top:  .1em;
  }
  #servicios:hover .submenu-kero {
    display:  block;
  }
  .submenu-kero li a {
    font-size: 1.6rem;
    color: #666b6d;
    line-height: 2em;
  }
  i.only-menu-mobile {
    display:  none;
  }
  .close-only-mobile {
    display:  none;
  }
  .only-desktop {
    display: block;
  }
  .header__nav-primary>li:first-child a {
    color: #666b6d;
  }
  .header__nav-primary>li:first-child a:hover {
    color: black;
  }
  .header__nav-primary>li:first-child {
    margin-right: 0;
  }
  .header__nav li:hover a {
    color: #666b6d;
  }
  .header__nav ul > li:hover > a {
    margin-left:  0;
  }
  .header__nav li:hover i {
    color: #666b6d;
  }
}
/*body {
    overflow: visible !important;
	position:inherit !important;
}*/
/*----END MODAL----*/
.header {
	top: 0 !important;
}