@font-face{font-family:'poppins';src:url("poppins.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}
@font-face{font-family:'poppinsbold';src:url("poppinsbold.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}
@font-face{font-family:'mukta';src:url("mukta.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}
@font-face{font-family:'muktabold';src:url("muktabold.woff") format("woff");font-weight:normal;font-style:normal;font-display: swap;}
.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.os-animation1{opacity:0;}
.os-animation1{opacity:1;}
html,body{width:100%;height:100%;background-color:#ffffff;}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#252525;z-index:9999;}
#loader2{width:221px;height:80px;position:absolute;left:50%;top:50%;background:url(../imagenes/logo.png) no-repeat center 0;margin-left:-111px;margin-top:-40px;}
*{margin:0px;padding:0px;outline:0;}
iframe{display:block;border:none;}

#submenu{width:100%;height:80px;position:fixed;top:0;right:0;background-image:url(../imagenes/fondo1.png);z-index:3;}
#subme, #subme1, #subme2, #subme3{display:inline-block;vertical-align:top;}
#subme{width:1200px;height:80px;z-index:4;vertical-align:middle;text-align:center;left:50%;margin-left:-600px;position:absolute;}
#subme1{width:300px;margin-right:-5px;text-align:left;height:80px;background-color:#f88e36;}
#subme2{width:260px;margin-right:-5px;text-align:right;height:80px;background-color:#ffffff;}
#subme3{width:640px;margin-right:-5px;text-align:right;height:80px;background-color:#ffffff;}

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
#slide1{width:100%;height:100%;min-height:700px;}
#slide2{width:100%;}
#slide3{width:100%;}

#separador{width:100%;height:20px;background-color:#ffffff;}

.texto1{color:#1c1c1c;font-size:58px;font-family:'poppins';line-height:110%;}
.texto2{color:#b8b8b8;font-size:20px;font-family:'poppins';line-height:110%;}
.texto3{color:#f88e36;font-size:30px;font-family:'poppins';line-height:110%;text-transform:uppercase;}
.texto4{color:#1c1c1c;font-size:22px;font-family:'mukta';line-height:150%;}
.texto5{color:#ffffff;font-size:16px;font-family:'poppinsbold';line-height:150%;text-decoration:none;}
.texto6{color:#ffffff;font-size:14px;font-family:'poppins';line-height:150%;}
.texto7{color:#000000;font-size:20px;font-family:'poppins';line-height:150%;text-decoration:none;}
.texto8{color:#000000;font-size:12px;font-family:'poppins';line-height:150%;text-decoration:none;}
.texto9{color:#000000;font-size:18px;font-family:'poppinsbold';line-height:110%;}
.texto10{color:#000000;font-size:16px;font-family:'poppins';line-height:130%;}

a:link{text-decoration:none;}

.smooth{top:8px;font-family:'muktabold';font-size:15PX;color:#1c1c1c;text-decoration:none;text-transform:uppercase;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;line-height:80px;}
.smooth:hover,.active{cursor:pointer;color:#f88e36;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}

#separame{width:98%;background-color:#f4f4f4;z-index:3;}
#separame2{width:98%;background-color:#f4f4f4;z-index:4;}

#linfo{width:90%;max-width:1200px;text-align:left;}

#contiene{POSITION:RELATIVE;z-index:0;width:100%;height:950px;text-align:center;}
#contiene1{POSITION:ABSOLUTE;width:100%;height:800px;z-index:3;left:0;top:0;}
#contiene2{POSITION:ABSOLUTE;width:1200px;z-index:4;text-align:left;top:660px;left:50%;margin-left:-600px;}
#contiene2, #contiene21, #contiene22{display:inline-block;vertical-align:top;}
#contiene21{width:730px;margin-right:-5px;text-align:left;background-color:#FFFFFF;padding:40px;}
#contiene22{width:390px;margin-right:-5px;text-align:right;margin-top:140px;}

#amenidades{POSITION:RELATIVE;z-index:0;width:100%;height:800px;text-align:center;}
#amenidades1{POSITION:ABSOLUTE;width:100%;height:800px;z-index:3;left:0;top:0;}
#amenidades2{POSITION:ABSOLUTE;width:1200px;z-index:4;text-align:left;top:0;left:50%;margin-left:-600px;}
#amenidades2, #amenidades21{display:inline-block;vertical-align:top;}
#amenidades21{width:730px;height:180px;margin-right:-5px;text-align:left;background-color:#FFFFFF;padding:40px;}
#amenidades3{POSITION:ABSOLUTE;width:1200px;z-index:4;text-align:center;top:350px;left:50%;margin-left:-600px;}
#amenidades3mo{ display:none;}
#amenidades3, #amenidades31{display:inline-block;vertical-align:top;}
#amenidades31{width:200px;height:200px;margin-right:-5px;text-align:center;}

#lospieses, #lospieses1, #lospieses2, #lospieses3, #lospieses4{display:inline-block;vertical-align:top;}
#lospieses{width:1200px;vertical-align:middle;text-align:center;}
#lospieses1{width:300px;margin-right:-4px;text-align:left;height:70px;}
#lospieses2{width:365px;margin-right:-4px;text-align:left;height:70px;}
#lospieses3{width:370px;margin-right:-4px;text-align:left;height:70px;}
#lospieses4{width:165px;margin-right:-4px;text-align:left;height:70px;}

#loslegales, #loslegales1, #loslegales2{display:inline-block;vertical-align:top;}
#loslegales{width:1200px;vertical-align:middle;text-align:center;}
#loslegales1{width:50%;margin-right:-4px;text-align:left;}
#loslegales2{width:50%;margin-right:-4px;text-align:right;}

#elconta, #elconta1, #elconta2{display:inline-block;vertical-align:top;}
#elconta{width:98%;background-color:#f4f4f4;z-index:3;vertical-align:middle;text-align:center;}
#elconta1{width:50%;margin-right:-4px;text-align:right;}
#elconta2{width:50%;margin-right:-4px;text-align:right;background:url(../imagenes/contacto.jpg) no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-size:cover;height:700px;}

#llename, #llename1, #llename2{display:inline-block;vertical-align:top;}
#llename{width:600px;vertical-align:middle;text-align:center;}
#llename1{width:560px;margin-right:-4px;text-align:left;}
#llename2{width:40px;margin-right:-4px;text-align:right;}

.transparente4{background-color:#ffffff;text-align:left;HEIGHT:40px;width:100%;border:1px solid #f88e36;font-size:14PX;color:#000000;font-family:'poppins';}

.boton1{background-color:#f88e36;text-align:center;HEIGHT:50px;width:100%;border:0px solid #67573a;font-size:18PX;color:#ffffff;font-family:'poppins';cursor:pointer;}

#arriba{display:none;}

#lafranja,#logon{display:none;}

#compu{display:block;width:100%;height:100%;}

#movil{display:none;}

@media screen and (max-width:1220px){#subme, #subme1, #subme2, #subme3{display:inline-block;vertical-align:top;}
#subme{width:900px;height:80px;z-index:4;vertical-align:middle;text-align:center;left:50%;margin-left:-450px;position:absolute;#ffffff;}
#subme1{width:250px;margin-right:-5px;text-align:left;height:80px;}
#subme2{width:50px;margin-right:-5px;text-align:right;height:80px;background-color:#ffffff;}
#subme3{width:600px;margin-right:-5px;text-align:right;height:80px;background-color:#ffffff;}
#contiene{POSITION:RELATIVE;z-index:0;width:100%;height:950px;text-align:center;}
#contiene1{POSITION:ABSOLUTE;width:100%;height:600px;z-index:3;left:0;top:0;}
#contiene2{POSITION:ABSOLUTE;width:900px;z-index:4;left:50%;margin-left:-450px;top:500px;text-align:center;}
#contiene21{width:730px;margin-right:0px;text-align:left;background-color:#FFFFFF;padding:40px;}
#contiene22{width:730px;margin-right:0px;text-align:left;background-color:#FFFFFF;margin-top:0px;padding-left:20px;}
#amenidades{POSITION:RELATIVE;z-index:0;width:100%;height:1000px;text-align:center;}
#amenidades1{POSITION:ABSOLUTE;width:100%;height:1000px;z-index:3;left:0;top:0;}
#amenidades2{POSITION:ABSOLUTE;width:900px;z-index:4;text-align:left;top:0;left:50%;margin-left:-450px;}
#amenidades21{width:730px;height:180px;margin-right:-5px;text-align:left;background-color:#FFFFFF;padding:40px;}
#amenidades3{POSITION:ABSOLUTE;width:900px;z-index:4;text-align:left;top:350px;left:50%;margin-left:-450px;}
#lospieses{width:900px;vertical-align:middle;text-align:center;}
#lospieses1{width:450px;margin-right:-4px;text-align:left;height:70px;}
#lospieses2{width:450px;margin-right:-4px;text-align:left;height:70px;}
#lospieses3{width:450px;margin-right:-4px;text-align:left;height:70px;}
#lospieses4{width:450px;margin-right:-4px;text-align:left;height:70px;}
#loslegales{width:900px;vertical-align:middle;text-align:center;}
#loslegales1{width:50%;margin-right:-4px;text-align:left;}
#loslegales2{width:50%;margin-right:-4px;text-align:right;}
#elconta1{width:100%;margin-right:0px;text-align:right;}
#elconta2{width:100%;margin-right:0px;text-align:right;background:url(../imagenes/contacto.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-size:cover;height:400px;}
#llename, #llename1, #llename2{display:inline-block;vertical-align:top;}
#llename{width:100%;vertical-align:middle;text-align:center;}
#llename1{width:90%;margin-right:0px;text-align:left;}
#llename2{display:none;}
}

@media screen and (max-width:920px){#submenu{display:none;}
.texto1{font-size:40px;}
#lafranja{display:block;width:100%;height:80px;background-color:#ffffff;position:fixed;top:0;right:0;z-index:15;}
#logon{display:block;width:290px;height:80px;background-image:url(../imagenes/logo2.png);position:fixed;top:0;left:0px;z-index:15;}
#contiene{POSITION:RELATIVE;z-index:0;width:100%;height:800px;text-align:center;}
#contiene1{POSITION:ABSOLUTE;width:100%;height:500px;z-index:3;left:0;top:0;}
#contiene2{POSITION:ABSOLUTE;width:90%;z-index:4;left:0;margin-left:0;top:400px;}
#contiene21{width:95%;margin-right:0px;text-align:left;background-color:#FFFFFF;padding:10px;}
#contiene22{width:95%;margin-right:0px;text-align:left;background-color:#FFFFFF;margin-top:0px;padding-left:8px;padding-top:15px;}
#amenidades{POSITION:RELATIVE;z-index:0;width:100%;height:1200px;text-align:center;}
#amenidades1{POSITION:ABSOLUTE;width:100%;height:1200px;z-index:3;left:0;top:0;}
#amenidades2{POSITION:ABSOLUTE;width:90%;z-index:4;text-align:center;top:0;left:0;margin-left:0;}
#amenidades21{width:95%;height:220px;margin-right:0px;text-align:left;background-color:#FFFFFF;padding:10px;}
#amenidades3{POSITION:ABSOLUTE;width:600px;z-index:4;text-align:center;top:350px;left:50%;margin-left:-300px;}
#lospieses{width:600px;vertical-align:middle;text-align:center;}
#lospieses1{width:100%;margin-right:0px;text-align:left;height:70px;}
#lospieses2{width:100%;margin-right:0px;text-align:left;height:70px;}
#lospieses3{width:100%;margin-right:0px;text-align:left;height:70px;}
#lospieses4{width:100%;margin-right:0px;text-align:left;height:70px;}
#loslegales{width:90%;vertical-align:middle;text-align:center;}
#loslegales1{width:50%;margin-right:-4px;text-align:left;}
#loslegales2{width:50%;margin-right:-4px;text-align:right;}
#arriba{z-index:9999;position:fixed;top:0px;right:0px;display:block; opacity:.9;}
}

@media screen and (max-width:620px){#contiene{POSITION:RELATIVE;z-index:0;width:100%;height:850px;text-align:center;}
#amenidades{POSITION:RELATIVE;z-index:0;width:100%;height:1600px;text-align:center;}
#amenidades1{POSITION:ABSOLUTE;width:100%;height:1600px;z-index:3;left:0;top:0;}
#amenidades21{width:95%;height:240px;margin-right:0px;text-align:left;background-color:#FFFFFF;padding:10px;}
#amenidades3mo{POSITION:ABSOLUTE;width:450px;z-index:4;text-align:center;top:350px;left:50%;margin-left:-200px; display:block;}
#amenidades3{ display:none;}
#lospieses{width:450px;vertical-align:middle;text-align:center;}
#lospieses1{width:90%;margin-right:0px;text-align:left;height:70px;}
#lospieses2{width:90%;margin-right:0px;text-align:left;height:70px;}
#lospieses3{width:90%;margin-right:0px;text-align:left;height:70px;}
#lospieses4{width:90%;margin-right:0px;text-align:left;height:70px;}
#loslegales{width:90%;vertical-align:middle;text-align:center;}
#loslegales1{width:100%;margin-right:0px;text-align:left;height:90px;}
#loslegales2{width:100%;margin-right:0px;text-align:left;}
#movil{display:block;width:100%;height:100%;}
#compu{display:none;}
}


@-webkit-keyframes scaleIn{from{-webkit-transform:translateY(-50%) scale(0);}
to{-webkit-transform:translateY(-50%) scale(1);}
}
@-moz-keyframes scaleIn{from{-moz-transform:translateY(-50%) scale(0);}
to{-moz-transform:translateY(-50%) scale(1);}
}
@keyframes scaleIn{from{-webkit-transform:translateY(-50%) scale(0);-moz-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);-o-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);}
to{-webkit-transform:translateY(-50%) scale(1);-moz-transform:translateY(-50%) scale(1);-ms-transform:translateY(-50%) scale(1);-o-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1);}
}
@-webkit-keyframes slideIn{from{opacity:0;-webkit-transform:translateX(-25px);}
to{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes slideIn{from{opacity:0;-moz-transform:translateX(-25px);}
to{opacity:1;-moz-transform:translateX(0);}
}
@keyframes slideIn{from{opacity:0;-webkit-transform:translateX(-25px);-moz-transform:translateX(-25px);-ms-transform:translateX(-25px);-o-transform:translateX(-25px);transform:translateX(-25px);}
to{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
}



.button_container {
  position: absolute;
  top: 25px;;
  right: 30px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999; opacity:.8;

}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #f88e36;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:#000000;
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
   visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInRight .5s ease forwards;
  -moz-animation: fadeInRight .5s ease forwards;
          animation: fadeInRight .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 900;
  text-align: right;
  margin-right:52px;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 60px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
  font-size: 45px;font-family: 'muktabold', sans-serif;
  opacity:1; text-transform:uppercase; line-height:100%;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;font-size: 45px;
  -webkit-transition: .25s;
  transition: .25s;color:# 9F9F9F;
}
.overlay ul li a:after {
  font-size: 55px;
  -webkit-transition: .25s;
  transition: .25s;
  
}


@-webkit-keyframes fadeInRight{0%{opacity:0;left:20%;}
100%{opacity:1;left:0;}
}
@keyframes fadeInRight{0%{opacity:0;left:20%;}
100%{opacity:1;left:0;}
}