body { font-family: 'Roboto', sans-serif; color: #3B3128; }
.hero-section { height: 100vh; background: url('../img/hero.jpg') bottom/cover no-repeat; }
.hero-section.conocenos { height: 70vh; background: url('../img/hero-kamana-conocenos.jpg') top/cover no-repeat; }
.hero-section.restaurantes { height: 70vh; background: url('../img/hero-restaurantes.jpg') top/cover no-repeat; }
.hero-section.carta { height: 70vh; background: url('../img/hero-carta.jpg') top/cover no-repeat; }
.hero-section.trabaja-con-nosotros { height: 70vh; background: url('../img/hero-trabaja-con-nosotros.jpg') top/cover no-repeat; }
.hero-section.contacto { height: 70vh; background: url('../img/hero-contacto.jpg') top/cover no-repeat; }
.hero-section.amanecer { height: 70vh; background: url('../img/hero-amanecer.jpg') top/cover no-repeat; }
.hero-section.amanecer { height: 100vh; background: url('../img/hero-amanecer.jpg') center/cover no-repeat; }
.hero-title { font-size: 50px; }
.hero-subtitle { font-size: 25px; }
.p { font-size: 20px; line-height: 160%; }
.restaurantes-section { position: relative; overflow: hidden; }
.tabs-restaurantes { position: absolute; top: 50%; left: 40px; transform: translateY(-50%); display: flex; flex-direction: column; gap: 20px; }
.tabs-restaurantes .tab { background: transparent; border: none; font-size: 20px; text-align: left; opacity: 0.4; transition: 0.3s; }
.tabs-restaurantes .tab.active { opacity: 1; }
.restaurante-panel { height: 100vh; display: none; position: absolute; inset: 0; padding: 80px 0; opacity: 0; transition: opacity .6s ease-in-out; }
.restaurante-panel.active { display: flex; justify-content: center; align-items: center; opacity: 1; }
.rest-img { width: 50%; object-fit: cover; }
.rest-content { width: 40%; padding-left: 60px; }
.main-header { position: fixed; top: 0; width: 100%; z-index: 2000; background: rgba(255,255,255,0.85); backdrop-filter: blur(6px); }
.logo-header { width: 150px; }
.hamburger { width: 34px; height: 24px; border: none; background: none; padding: 0; display: flex; flex-direction: column; justify-content: space-between; }
.hamburger span { display: block; height: 3px; background: #3B3128; border-radius: 2px; transition: .3s; }
.menu-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.65); backdrop-filter: blur(8px); display: none; opacity: 0; transition: opacity .4s ease; z-index: 3000; padding-top: 140px; }
.menu-overlay.active { display: block; opacity: 1; }
.close-menu { position: absolute; top: 35px; right: 35px; font-size: 40px; background: none; color: white; border: none; }
.mobile-menu-list li { margin: 20px 0; }
.mobile-menu-list a { font-size: 32px; font-weight: 400; color: white; text-decoration: none; transition: .3s; }
.mobile-menu-list a:hover { opacity: 0.7; }
header { width: 100%; z-index: 9999; transition: all 0.35s ease; }
.header-inner { height: 80px; }
.header-transparent { background: transparent; }
.header-transparent .header-menu a { color: #ffffff; transition: color 0.3s ease; }
.header-transparent .logo-white { display: block; }
.header-transparent .logo-black { display: none; }
.header-scroll { background: #ffffff; box-shadow: 0 3px 18px rgba(0,0,0,0.08); }
.header-scroll .header-menu a { color: #000000; }
.header-scroll .logo-white { display: none !important; }
.header-scroll .logo-black { display: block !important; }
.header-menu a { text-decoration: none; font-size: 18px; font-weight: 400; transition: opacity 0.3s ease; }
.header-menu a:hover { opacity: 0.6; }
.header-burger button { font-size: 28px; }
.restaurantes-wrapper { height: 100vh; position: relative; overflow: hidden; }
.restaurante-tabs { position: absolute; top: 30px; left: 0; right: 0; display: flex; gap: 30px; z-index: 10; }
.tab-btn { background: transparent; border: none; color: #888; font-size: 20px; font-weight: 400; letter-spacing: 1px; }
.tab-btn.active { color: #000; font-weight: 600; }
.restaurantes-sections { height: 100%; }
.rest-block.active { opacity: 1; z-index: 5; }
#horizonte { background: #F2E9DD; }
#amanecer { background: #D9A889; }
#kamana { background: #C4E4E4; }
.rest-title { font-size: 50px; font-weight: 600; margin-bottom: 15px; }
.rest-desc { font-size: 20px; max-width: 420px; margin-bottom: 25px; line-height: 1.5; }
.rest-btn { font-size: 18px; background: #000; color: #fff; padding: 10px 28px; display: inline-block; border-radius: 4px; text-decoration: none; }
.rest-img { width: 100%; border-radius: 10px; object-fit: cover; }
@media (max-width: 768px) {
 .restaurantes-wrapper { height: auto; }
.rest-block { position: relative; opacity: 1; height: auto; padding: 100px 0; }
.restaurantes-sections { position: relative; }
 }
.rest-scroll { height:100vh; overflow-y:scroll; scroll-snap-type:y mandatory; }
.rest-inner { display:flex; justify-content:space-between; width:100%; max-width:1440px; margin:auto; gap:3rem }
.rest-horizonte { background:var(--grupo); }
.rest-amanecer { background:var(--amanecer); }
.rest-kamana { background:var(--kamana); }
.rest-tabs { display:flex; flex-direction:column; gap:8px; margin-bottom:40px; }
.tab { font-size:20px; padding:10px 0; border-bottom:1px solid rgba(0,0,0,.25); cursor:default; color:#3B3128; }
.tab.active { font-weight:600; border-bottom:2px solid #3B3128; }
.mediterraneo-section { background: var(--color-2); padding-top: 120px; padding-bottom: 120px; }
.med-box { background: var(--color-2); padding: 25px 40px; width: fit-content; }
.med-title { font-size: 50px; font-weight: 600; color: #000; margin: 0; }
.med-img { width: 100%; max-height: 650px; object-fit: cover; border-radius: 8px; }
.med-bottom { font-size: 20px; color: #000; opacity: 0.6; margin: 0; }
@media (max-width: 768px) {
 .med-title { font-size: 35px; }
.med-box { padding: 18px 30px; }
.med-img { max-height: 380px; margin-bottom: 25px; }
.med-bottom { font-size: 18px; }
 }
@font-face { font-family: 'Kaftan Serif - Trial'; src: url('../font/KaftanSerifTrial-Regular.woff2') format('woff2'),
        url('../font/KaftanSerifTrial-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
:root { --ff-1:"Roboto", sans-serif; --ff-2:"Kaftan Serif - Trial"; --color-1:#3B3128; --color-2:#EDDCCA; --grupo:#D6B187; --horizonte:#936D3A; --amanecer:#BC8370; --kamana:#81B4BA; --fs-220: 220px; --fs-180: 180px; --fs-128: 128px; --fs-120: 120px; --fs-100: 100px; --fs-77: 77px; --fs-70: 70px; --fs-64: 64px; --fs-50: 50px; --fs-48: 48px; --fs-46: 46px; --fs-45: 45px; --fs-44: 44px; --fs-42: 42px; --fs-40: 40px; --fs-38: 38px; --fs-36: 36px; --fs-35: 35px; --fs-34: 34px; --fs-32: 32px; --fs-30: 30px; --fs-28: 28px; --fs-26: 26px; --fs-24: 24px; --fs-22: 22px; --fs-20: 20px; --fs-18: 18px; --fs-16: 16px; }
.ff-1 { font-family: var(--ff-1); }
.ff-2 { font-family: var(--ff-2); }
.color-1 { color:var(--color-1) }
.color-2 { color:var(--color-2) }
.grupo { color:var(--grupo) }
.horizonte { color:var(--horizonte) }
.amanecer { color:var(--amanecer) }
.kamana { color:var(--kamana) }
.bg-color-1 { background-color:var(--color-1) }
.bg-color-2 { background-color:var(--color-2) }
.bg-grupo { background-color:var(--grupo) }
.bg-horizonte { background-color:var(--horizonte) }
.bg-amanecer { background-color:var(--amanecer) }
.bg-amanecer-claro { background-color: rgba(237, 220, 202,0.4) }
.bg-kamana-claro { background-color: rgba(237, 220, 202,0.4); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); }
.bg-kamana { background-color:var(--kamana) }
.fs-220 { font-size:var(--fs-220) }
.fs-180 { font-size:var(--fs-180) }
.fs-128 { font-size:var(--fs-128) }
.fs-120 { font-size:var(--fs-120) }
.fs-100 { font-size:var(--fs-100) }
.fs-77 { font-size:var(--fs-77) }
.fs-70 { font-size:var(--fs-70) }
.fs-64 { font-size:var(--fs-64) }
.fs-50 { font-size:var(--fs-50) }
.fs-48 { font-size:var(--fs-48) }
.fs-46 { font-size:var(--fs-46) }
.fs-45 { font-size:var(--fs-45) }
.fs-44 { font-size:var(--fs-44) }
.fs-42 { font-size:var(--fs-42) }
.fs-40 { font-size:var(--fs-40) }
.fs-38 { font-size:var(--fs-38) }
.fs-36 { font-size:var(--fs-36) }
.fs-35 { font-size:var(--fs-35) }
.fs-34 { font-size:var(--fs-34) }
.fs-32 { font-size:var(--fs-32) }
.fs-30 { font-size:var(--fs-30) }
.fs-28 { font-size:var(--fs-28) }
.fs-26 { font-size:var(--fs-26) }
.fs-24 { font-size:var(--fs-24) }
.fs-22 { font-size:var(--fs-22) }
.fs-20 { font-size:var(--fs-20) }
.fs-18 { font-size:var(--fs-18) }
.fs-16 { font-size:var(--fs-16) }
* { font-family: var(--ff-1); }
.w-fit-content { width: fit-content; }
.logo-wraper { position: absolute; top: 100px; left: 50%; transform:translateX(-50%) }
.logo { height: 240px; width: auto; }
.navbar.fixed-top.fijado { background:rgba(0, 0, 0,0.5) }
.navbar.fixed-top.fijado .logo-wraper { position: relative; top: initial; left: initial; margin-right: 3rem; }
.navbar-toggler { border-color: rgba(255,255,255,0.5) !important; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml; charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important; }
.cuadradito { height: 5px; width: 5px; position: relative; display: flex; }
.rest-tabs .tab { opacity: 0.5; cursor: pointer; }
.rest-scroll { height: 100vh; overflow-y: auto; scroll-snap-type: y mandatory; }
.rest-block { height: auto ; scroll-snap-align: start; display: flex; align-items: center; }
.rest-tabs .tab { opacity: 0.4; cursor: pointer; transition: opacity 0.3s ease; }
.rest-tabs .tab.active { opacity: 1; font-weight: 600; padding-left: 3rem; }
.rest-left { display: flex; flex-direction: column; justify-content: space-around; }
.rest-left { max-width: 60%; width:100% }
.rest-right { max-width: 40%; width:100%; display: flex ; flex-direction: column; gap: 1rem; }
.med-box { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 737px; z-index: 999; }
.borde-bottom { border-bottom: 1px solid var(--color-2) }
.borde-bottom-2 { border-bottom: 1px solid var(--grupo) }
.borde-bottom-1 { border-bottom: 1px solid var(--color-1) }
.borde-bottom-white { border-bottom: 1px solid white }
a:hover { font-weight: bold; }
.change-lang.active { font-weight: bold; }
/* CONOCENOS */
.h-30vh { height: 30vh; }
.h-100vh { height: 100vh; }
.transition { transition: all .8s ease-in-out; }
.pag-sec h1 { transition: font-size 1s ease; }
.op-0 { opacity: 0; }
/* TRABAJA CON NOSOTROS */
.form-section { padding: 40px 0; }
.field { margin-bottom: 15px; }
input { width:100%; padding:12px; border:1px solid #ccc; }
.form-section input { border:1px solid var(--color-1); border-top:3px solid var(--color-1); color:var(--color-1); }
.form-section input::placeholder { color:var(--color-1); }
.form-section input[type="file"] { background-color:var(--color-1); color:white !important }
.file-field label { display: block; margin-bottom: 5px; }
#form-msg { font-size: 15px; }
.form-section textarea { border:1px solid var(--color-1); border-top:3px solid var(--color-1); color:var(--color-1); width: 100%; padding: 12px; }
.form-section textarea::placeholder { color:var(--color-1); }
@media(max-width:992px) {
 :root { --fs-220: 100px; --fs-180: 100px; --fs-128: 64px; --fs-120: 60px; --fs-100: 50px; --fs-77: 48px; --fs-70: 40px; --fs-64: 40px; --fs-50: 38px; --fs-48: 38px; --fs-46: 36px; --fs-45: 35px; --fs-44: 34px; --fs-42: 32px; --fs-40: 30px; --fs-38: 28px; --fs-36: 26px; --fs-35: 25px; --fs-34: 24px; --fs-32: 22px; --fs-30: 20px; --fs-28: 18px; --fs-26: 18px; --fs-24: 18px; --fs-22: 16px; --fs-20: 16px; --fs-18: 16px; --fs-16: 16px; }
.logo { height: 80px; }
#navbarNav .navbar-nav { flex-direction: column !important; }
.navbar-nav .nav-link { text-align: center; }
.navbar .container-fluid { padding: 0; }
.navbar-toggler { margin-right: 1rem; }
.rest-inner { flex-direction: column; }
.rest-left,
.rest-right { width: 100%; max-width: 100%; }
.rest-block { padding: 1rem; }
.rest-scroll { height: 100%; }
#navbarNav.show { height: calc(100vh + 22px) !important; }
 }
/* horizonte */
 .force-hamburger .navbar-collapse { display: none !important; }
.navbar-toggler { margin-right: 0; margin-left: auto; z-index:99999999 }
.force-hamburger .navbar-toggler { display: block !important; }
#navbarNav.show { display: flex; flex-direction:column; justify-content:space-between; align-items:center; height: 100vh; position:absolute; top: -8px; width:100%; left:0; background-color:var(--color-2); z-index: 99999; padding:1rem }
.nav-item { width: fit-content; }
#navbarNav .navbar-nav { display: flex; flex-direction: row; justify-content:center; }
#navbarNav .nav-link { transition: all 0.5s ease; }
#navbarNav .nav-link:hover { font-size: var(--fs-64); }
.bg-hover a { display: none !important; }
.bg-hover:hover a { display: flex !important; }
.bg-hover { border-radius:10px; background-size: cover; background-repeat: no-repeat; height: 700px; display: flex; flex-direction:column; justify-content:end; align-items:start; padding:var(--fs-50) }
.bg-carta { background-image:url(../img/carta.jpg) }
.bg-restaurante { background-image:url(../img/restaurante.jpg) }
.bg-reservar { background-image:url(../img/reservar.jpg) }
.card-opiniones { box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); padding: var(--fs-40); border-radius:10px }
.slick-dots li button,.slick-dots li { width:55px }
.slick-dots li button:before { width:55px; content:""; background-color:var(--color-1); height:8px }
.sabores { background-image:url('../img/sabores-kamana.jpg'); background-size:cover; background-repeat:no-repeat; height: 600px; width: 100%; padding: var(--fs-64); display: flex; align-items:end }
.tradicion { background-image:url('../img/tradicion-kamana.jpg'); background-size:cover; background-repeat:no-repeat; height: 600px; width: 100%; padding: var(--fs-64); display: flex; align-items:end }
#main { display:flex; gap:20px }
.block { padding:40px; background:#eee; cursor:pointer; border-radius:8px }
#content { max-width: 60%; width: 100%; }
.contendor-cartas { display: flex; gap: 20px; width: 100%; }
.contendor-cartas .container-seleccionado { width: 100%; max-width: 20%; background-size:cover; background-repeat:no-repeat; background-position: center; display: flex; align-items:end; padding: 0 var(--fs-20) ; height: 700px; border:0; box-shadow:initial; color:white; font-size: var(--fs-24); font-weight: 600; }
.contendor-cartas button { border-radius:10px; width: 100%; max-width: 20%; background-size:cover; background-repeat:no-repeat; background-position: center; display: flex; align-items:end; padding: var(--fs-40) var(--fs-20) ; height: 700px; border:0; box-shadow:initial; color:white; font-size: var(--fs-24); font-weight: 600; }
.contendor-cartas button.entrantes { background-image:url(../img/entrantes.jpg) }
.contendor-cartas button.para_continuar { background-image:url(../img/para_continuar.jpg) }
.contendor-cartas button.a_la_parrilla { background-image:url(../img/a_la_parrilla.jpg) }
.contendor-cartas button.arroces_y_pastas { background-image:url(../img/arroces_y_mariscos.jpg) }
.contendor-cartas button.dulces { background-image:url(../img/peques.jpg) }
.contendor-cartas button.postres { background-image:url(../img/postres.jpg) }
.contendor-cartas .menu-buttons { width: 100%; display:flex; gap:20px }
.container-seleccionado button { max-width: 100%; }
.plato { padding:20px 0; border-bottom:1px solid rgba(59,49,40,0.30); display: flex; justify-content:space-between }
.nombre { font-size: var(--fs-20); font-weight: 600; color:var(--horizonte); text-transform: uppercase; }
.descripcion,.precio { font-size: var(--fs-20); color:var(--color-1); }
.tab-buttons button { color: black; background: white; border: 2px solid black; height: 49px; padding: 0; display: flex; justify-content: center; align-items: center; max-width: fit-content; text-transform: uppercase; padding:10px }
.tab-buttons button.active { color:var(--color-2); background:var(--horizonte); border:0px solid black }
.tab-buttons { display: flex; gap:1rem; margin-bottom: 1rem; }
.galeria-fotos { display: flex; flex-wrap: wrap; }
@media(max-width:992px) {
 .contendor-cartas { flex-direction: column; }
.contendor-cartas .container-seleccionado { max-width: 100%; max-height: 250px; }
.contendor-cartas button { max-height: 250px; }
#content { max-width: 100%; padding: 1rem; }
.contendor-cartas .menu-buttons { flex-direction: column; }
.contendor-cartas button { max-width: 100%; }
.tab-buttons { flex-direction: column; }
.precio { white-space: nowrap; }
 }
/* amanecer */
 .force-hamburger .navbar-collapse { display: none !important; }
.navbar-toggler { margin-right: 0; margin-left: auto; z-index:99999999 }
.force-hamburger .navbar-toggler { display: block !important; }
#navbarNav.show { display: flex; flex-direction:column; justify-content:space-between; align-items:center; height: 100vh; position:absolute; top: -8px; width:100%; left:0; background-color:var(--color-2); z-index: 99999; padding:1rem }
.nav-item { width: fit-content; }
#navbarNav .navbar-nav { display: flex; flex-direction: row; justify-content:center; }
#navbarNav .nav-link { transition: all 0.5s ease; }
#navbarNav .nav-link:hover { font-size: var(--fs-64); }
.bg-hover a { display: none !important; }
.bg-hover:hover a { display: flex !important; }
.bg-hover { border-radius:10px; background-size: cover; background-repeat: no-repeat; height: 700px; display: flex; flex-direction:column; justify-content:end; align-items:start; padding:var(--fs-50) }
.bg-carta { background-image:url(../img/carta.jpg) }
.bg-restaurante { background-image:url(../img/restaurante.jpg) }
.bg-reservar { background-image:url(../img/reservar.jpg) }
.card-opiniones { box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25); padding: var(--fs-40); border-radius:10px }
.slick-dots li button,.slick-dots li { width:55px }
.slick-dots li button:before { width:55px; content:""; background-color:var(--color-1); height:8px }
.sabores { background-image:url('../img/sabores-kamana.jpg'); background-size:cover; background-repeat:no-repeat; height: 600px; width: 100%; padding: var(--fs-64); display: flex; align-items:end }
.tradicion { background-image:url('../img/tradicion-kamana.jpg'); background-size:cover; background-repeat:no-repeat; height: 600px; width: 100%; padding: var(--fs-64); display: flex; align-items:end }
#main { display:flex; gap:20px }
.block { padding:40px; background:#eee; cursor:pointer; border-radius:8px }
#content { max-width: 60%; width: 100%; }
.contendor-cartas { display: flex; gap: 20px; width: 100%; }
.contendor-cartas .container-seleccionado { width: 100%; max-width: 20%; background-size:cover; background-repeat:no-repeat; background-position: center; display: flex; align-items:end; padding: 0 var(--fs-20) ; height: 700px; border:0; box-shadow:initial; color:white; font-size: var(--fs-24); font-weight: 600; }
.contendor-cartas button { border-radius:10px; width: 100%; max-width: 20%; background-size:cover; background-repeat:no-repeat; background-position: center; display: flex; align-items:end; padding: var(--fs-40) var(--fs-20) ; height: 700px; border:0; box-shadow:initial; color:white; font-size: var(--fs-24); font-weight: 600; }
.contendor-cartas button.pescados_mariscos { background-image:url(../img/pescados_mariscos.jpg) }
.contendor-cartas .menu-buttons { width: 100%; display:flex; gap:20px }
.container-seleccionado button { max-width: 100%; }
.plato { padding:20px 0; border-bottom:1px solid rgba(59,49,40,0.30); display: flex; justify-content:space-between }
.nombre { font-size: var(--fs-20); font-weight: 600; color:var(--amanecer); text-transform: uppercase; }
.descripcion,.precio { font-size: var(--fs-20); color:var(--color-1); }
.tab-buttons button { color: black; background: white; border: 2px solid black; height: 49px; padding: 0; display: flex; justify-content: center; align-items: center; max-width: fit-content; text-transform: uppercase; padding:10px }
.tab-buttons button.active { color:var(--color-2); background:var(--amanecer); border:0px solid black }
.tab-buttons { display: flex; gap:1rem; margin-bottom: 1rem; }
.galeria-fotos { display: flex; flex-wrap: wrap; }
.titulo { font-size: var(--fs-24); color:var(--color-1); font-family: var(--ff-1); margin-top:2rem }
.titulo.fs-16 { font-size: var(--fs-16); color:var(--color-1); font-family: var(--ff-1); margin-top:2rem }
.precio { white-space: nowrap; }
@media(max-width:992px) {
 .contendor-cartas { flex-direction: column; }
.contendor-cartas .container-seleccionado { max-width: 100%; max-height: 250px; }
.contendor-cartas button { max-height: 250px; }
#content { max-width: 100%; padding: 1rem; }
.contendor-cartas .menu-buttons { flex-direction: column; }
.contendor-cartas button { max-width: 100%; }
.tab-buttons { flex-direction: column; }
.precio { white-space: nowrap; }
 }
#scroll-down { display: block; position: absolute; text-align: center; bottom: 0; left: 50%; }
#scroll-down::before { -webkit-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite; /* Safari 4+ */
    -moz-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite; /* Fx 5+ */
    -o-animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite; /* Opera 12+ */
    animation: elasticus 2.2s cubic-bezier(1, 0, 0, 1) infinite; /* IE 10+, Fx 29+ */
    position: absolute; bottom: 0px; left: 50%; margin-left: -1px; width: 3px; height: 160px; background: #ffffff; content: ' '; }
@-webkit-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
 }
@-moz-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
 }
@-o-keyframes elasticus { 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
 }
@keyframes elasticus {
 0% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
50% { -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
50.1% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
100% { -webkit-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -moz-transform: scale(1, 0); -o-transform: scale(1, 0); transform: scale(1, 0); }
 }