header{
  background-color: #FFFFFF;
  color: #ffffff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 2rem;padding-left: 170px;;
}
.logo-header img{
  width:255px;height:130px ;
}
.nav-menu{align-items: center;text-align: center ;}
.nav-menu ul{
  display: flex;
  align-items:center;padding-right: 170px ;text-align: center;
}
.nav-menu li{
  margin-right: 1rem;padding-right: 50px;padding-right: 60px;align-items: center;
}
.nav-menu a{
  color: #000000;text-decoration: none; font-size: 16px;align-items: center;font-weight:700;font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.nav-menu li:hover{background-color: hsl(197, 53%, 68%);border-radius: 2rem;}
  .nav-menu li:nth-last-child(2){
    background:#224cd49d;;
    padding: .25rem .75rem;
    border-radius: .2rem;}
    .nav-menu a:nth-last-child(2){
     color: #FFF;
      padding: .25rem .75rem;
      border-radius: .2rem;}
.nav-menu li:last-child{
  background:#4ad295;
  padding: .25rem .75rem;
  border-radius: .2rem;
  margin-left: 50px;
}
.menu-icon img{
  width: 100px;
  height: 100px;
  border-radius: 2px;
}
.menu-icon, #check{
  display: none;
}

body { margin: 0;padding: 0; background-repeat: no-repeat;background-size:cover; height: 100%; background-color:#FFF
  ;width: 100%;} 
.slider {
  background: #ffffff;
  height: 100px;
  width: 70vw;
  overflow: hidden;
  margin-top: 60px;
  margin-left: 200px;
}

.slider .move {
  display: flex;
  width: calc(250px * 14);
  animation: animacion 50s linear infinite;
}

@keyframes animacion {
  0% {
    transform: translateX(0);
  }
  100%{
    transform: translateX(calc(-250px * 7));
  }
}

.slider .box {
  height: 100px;
  width: 250px;
  margin-left: 70px;;
}

img{
  width: 250px;
  height: 100px;
 
}
.texto {width: 85%;display: inline-block;padding: 0;margin:0; text-align: center;margin-top: 80px;margin-bottom: 50px;margin-left: 50px;
margin-right: 60px;background-color: #F7F7F7;align-items: center;justify-items: center;}
.texto a {width: 100%;font-size:18px;;line-height: 28px;word-spacing: 1px;;
;font-weight: 600;font-family:Titillium Web ;
}
.titillium-web-extralight {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: normal;}
.izq {width: 28%;float: left;margin-left: 110px;text-align: left;padding-top: 35px;}
.der {width: 35%;float: left;margin-left: 110px;text-align: center;padding-top: 35px;align-items: center;justify-items:baseline;}

.map {width: 85%;display: inline-block;padding: 0;margin:0; text-align: center;margin-top: 40px;margin-bottom: 50px;margin-left: 100px;
background-color: #F7F7F7;}
.map p {font-size:40px;font-family:sans-serif;line-height: 28px;font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bolder;line-height: 40px;}
.foto {width: 48%;float: left;}
.foto img {height:300px; width: 500px;}
.foto img:hover, .foto img#activo:hover{height: 340px;width: 540px}
.mapa {width: 48%;float: left;border-radius: 40px;}
.mapa iframe {height:300px; width: 500px;border-radius: 40px;}
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://postimg.cc/rdFD15fx') 50% 50% no-repeat rgb(249,249,249);
  opacity: .8;}
.loader img {align-items: center;text-align: justify; height: 700px;width: 900px;
margin-left: 15%;margin-top: 50px;}
.wsp {width: 100%;height: 50px;right:0 ;vertical-align: middle;;}
.wsp a {padding-bottom: 20px;text-decoration: none;float: right;vertical-align: bottom;padding-left: 10px;}
.wsp img{height: 50px;width: 50px;float: right;}



@media(max-width:1000px){
  .logo-header img{height: 200px;}
  .texto{background-color: #F7F7F7;}
  .checkbtn{
    display: block;
}
.menu-icon{
    display: block;
    position: fixed;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
.nav-menu ul{
    display: block;
    position: fixed;
    top:70px;
    left:-100%;
    background: #222;
    width:0;
    height: 100vh;
    right: 0;
}
.nav-menu ul li{
    padding: 2rem;
    display: flex;
    justify-content: center;
    margin: 0;
}
.nav-menu ul li:last-child{
    background: none;
    padding: 1rem;
}
.nav-menu a{font-size: 70px;color: #FFF;}
#check:checked ~ ul{
    left: 0;
    transition: all .25s;
    width: 100%;
    z-index: 1;
}
.slider{margin-left: 200px;height: 200px; z-index:-1;}
.box img {height: 200px;}
.texto{display: flex;flex-direction: column-reverse;;}
.mapa{padding-left: 50px; margin-top: 100px;width:100% ;}
.mapa iframe {width: 100%;padding-left: 25px;height: 450px;}

.der{width:850px;}
.der a { font-size: 40px;}
.mapa {width: 100%;}
.map{display: flex;flex-direction:column-reverse;padding-left: 10px;}
.izq{width:100%;margin-left: 100px;height: 200px;}
.izq p {font-size: 80px;width: 100%;line-height: 80px;}
.foto{padding-top: 100px;padding-left:50px;width:100% ;}
.foto img {width:100%; height: 500px;}
}