html{
	max-width: 100%;
	background: #000;
}
body {
	font-family: 'DM Sans', sans-serif;
	color: #000000;
	font-weight: 100 !important;
	}
	.button-whatsapp {
		z-index: 1000;
	}
	a:hover{
		text-decoration: none;
	}
	a.whatsapp {
	color: #77f377 !important;
	}
	a.whatsapp:hover {
		color: #FFF !important;
	}
		.pages-container {
			min-height: 100vh;
		}
		.page {
			position: absolute;
			width: calc(100% - 30px);
			height: 100vh;
			left: 0;
			top:0;
			transition: all 0.6s ease-in-out;
			background-color: #000;
			box-shadow: 2px 0 5px 5px rgba(0,0,0,0.1);
		}
		.page-content, .row, .column {
			height: 100%;
		}
		.page-handle {
			width: 30px;
			background: #636363;
			position: absolute;
			right: -30px;
			height: 100px;
		}
		.page li {
			margin-bottom: 1em;
		}
		.page-handle h3 {
			transform: rotate(90deg);
			transform-origin: bottom left;
			padding-bottom: 5px;
			margin: 0;
			font-size: 12px;
		}
		.page h4 {
			font-family: 'Khula', sans-serif;
			margin-bottom: 0;
			font-weight: 600;
		}
		.page p {
			margin-top: 0;
			font-size: 0.8em;
		}
		.current .page-handle{
			background: #fff;
		}
		.current .page-handle-trigger h3{
			color: #000;
			font-family: 'DM Sans', sans-serif !important;
			font-weight: 600 !important;
		}
		.tab1 .page-handle {
			top: 0;
		}
		.tab2 .page-handle {
			top: 101px;
		}
		.tab3 .page-handle {
			top: 202px;
		}
		.tab4 .page-handle {
			top: 303px;
		}
		.tab5 .page-handle {
			top: 404px;
		}
		.tab6 .page-handle {
			top: 505px;
		}
		.tab1 {
			z-index: 5;
		}
		.tab2 {
			z-index: 4;
		}
		.tab3 {
			z-index: 3;
		}
		.tab4 {
			z-index: 2;
		}
		.tab5 {
			z-index: 1;
		}
		.tab6 {
			z-index: 0;
		}
		.entradas, .alimentos, .burgers, .cortes, .bebidas, .postres {
			padding-left: 30px;
		}
		.tab1.closed, .tab2.closed, .tab3.closed, .tab4.closed, .tab5.closed {
			left: calc(-100% + 30px);
		}
b{
	font-family: 'DM Sans', sans-serif;
}
.sea-logo {
	margin-top: 100px;
}
.sea-background-primary {
	background: black;
}
.sea-text-bold {
	font-weight: 600;
}
.sea-light p {
	color: #fff;
}
.screen {
	position: relative;
}
.screen .sea-container:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.reviews h2 {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5); 
}
.brands {
	position: relative;
	z-index: 1;
}
footer .sea-logo {
	fill: #fff;
}
footer .sea-icon-button {
	background: #fff;
	color: #000;
}
footer .sea-icon-button:hover {
	color: #fff;
	background:#000;
	border: 1px solid #fff;
}
.sea-navbar-transparent{
	background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
.sea-subnav>*>:first-child {
	text-transform: none;
}
h1, h2, h3, h5, h6 {
	font-family: 'DM Sans', sans-serif !important;
	text-transform: uppercase;
	font-weight: 500 !important;
}
.sea-button-default {
	color: #fff;
	border: 1px solid #fff;
}
.sea-button-default:hover {
	color: #000;
	background-color: #fff;
}
.sea-button-primary, .sea-light .sea-button-primary {
	background-color: rgba(255, 255, 255, 0.85);
	color: #000;
}
.sea-button-primary:hover, .sea-light .sea-button-primary:hover {
	background-color: #fff;
	color: #000;
}
.fixed-buttons {
	background-color: #fff;
	text-transform: uppercase;
}
.fixed-buttons a {
	color: #000;
	font-size: 0.7em;
}
.fixed-buttons a:hover {
	opacity: 0.7;
	text-decoration: none;
}
#logo-footer .sea-svg path{
	fill: #fff;
}
.sucursales {
	transition: all 300ms ease;
}
.sucursales:hover {
	background: #000;
	cursor: pointer;
}
.assets li:not(.sea-active) h2, .assets li:not(.sea-active) p{
	display: none;
}
.bg-location{
	height: 560px;
}
.assets p{
	font-size: 1.23em;
	line-height: 1.28em;
}
.testimonials{
	min-height: 500px;;
}
picture .sea-cover {
	top: 0;
	transform: translate(-50%,0);
}
.menu h4{
	text-transform: uppercase;
}
.reviews p small{
	line-height: 115%;
	display: inline-block;
}
.fixed-buttons span{
	line-height: 100%;
	margin-top: 6px;
}
.extend-tracking {
	letter-spacing: 0.15em;
}
.jello-horizontal {
	-webkit-animation: jello-horizontal 0.9s 5s both;
	        animation: jello-horizontal 0.9s 5s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-5-28 0:54:4
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
.slide-tl{
	position: absolute;
    animation: slide-tl 3s ease 0s 1 normal none;
    left: 0;
    top: 0;
}
@keyframes slide-tl {
	0%{
		top: 30vh;
	 	left: 50%;
		transform: translate(-50%, -50%) scale(1.75);
	}
	40%{
		top: 30vh;
	 	left: 50%;
		transform: translate(-50%, -50%) scale(1.75);
	}
	100%{
		left: 0;
    	top: 0;    	
		transform: translate(-0, -0) scale(1);
	}
}

.scale-in-ver-bottom {
	        animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) 3s both;
}
@keyframes scale-in-ver-bottom {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 0% 100%;
            transform-origin: 0% 100%;
    opacity: 1;
  }
}
@media screen and (max-width: 639px){
	header {
		padding-bottom: 0;
	}
	.sea-navbar-transparent {
		background: black;
		padding-bottom: 0;
	}
	.nav-icons {
		padding-top: 70px;
	}
	.nav-icons img, .nav-icons a {
		transform: scale(0.8);
	}
	.slide-tl{
		position: absolute;
	    animation: slide-tl 3s ease 0s 1 normal none;
	    left: 50%;
	    transform: translateX(-50%);
	    top: 0;
	}
	@keyframes slide-tl {
		0%{
			top: 30vh;
		 	left: 50%;
			transform: translateX(-50%) scale(1.5);
		}
		40%{
			top: 30vh;
		 	left: 50%;
			transform: translateX(-50%) scale(1.5);
		}
		100%{
			left: 50%;
	    	top: 0;    	
			transform: translateX(-50%) scale(1);
		}
	}
}


@media screen and (max-width: 767px){
	html{
		font-size: 0.8em;
	}
	.sea-button{
		padding: 0 15px;
	}
	.fixed-buttons{
		transform: none;
		top: initial;
		bottom: 0;
		display: flex;
		justify-content: space-between;
    	width: 100%;
	}
	.fixed-buttons a{
		width: 25%;
	}
	.fixed-buttons .sea-padding-small{
		padding: 6px;
	}
	.fixed-buttons .sea-margin-small-top{
		margin-top: 0px;
	}
}

@media screen and (min-width: 960px) {
	h2{
		font-size: 2.5em;
	}
	.page {
		width: 100%;
	}
	.page-handle {
		right: 0;
		height: 100%;
	}
	.page-handle h3 {
		font-size: 18px;
	}
	.tab1 .page-handle, .tab2 .page-handle, .tab3 .page-handle, .tab4 .page-handle, .tab5 .page-handle, .tab6 .page-handle {
		top: 0;
		right: 0;
	}
	.entradas {
		padding-left: 50px;
	}
	.alimentos {
		padding-left: 80px;
	}
	.burgers {
		padding-left: 90px;
	}
	.cortes {
		padding-left: 110px;
	}
	.bebidas {
		padding-left: 140px;
	}
	.postres {
		padding-left: 150px;
	}
	.about {
		padding: 130px 10%;
	}
	.tab1 {
		width: calc(100% - 150px);
	}
	.tab2 {
		width: calc(100% - 120px);
	}
	.tab3 {
		width: calc(100% - 90px);
	}
	.tab4 {
		width: calc(100% - 60px);
	}
	.tab5 {
		width: calc(100% - 30px);
	}
	.tab6 {
		width: calc(100% - 0px);
	}
	.tab1.closed, .tab2.closed, .tab3.closed, .tab4.closed, .tab5.closed {
		left: calc(-100% + 180px);
	}
	.assets{
		max-width: 1000px;
		margin: 0 auto;
	}
	picture .sea-cover {
		left: 0;
		top: 50%;
		transform: translate(0,-50%);
	}

}

@media screen and (min-width: 1200px){
	h2{
		font-size: 3em;
	}
	.testimonials{
		min-height: 400px;;
	}
}

@media screen and (min-width: 1200px) and (max-height: 767px){
	.slider-eyecatcher .sea-position-center{
		top: 56%;
	}
	header.sea-padding-large{
		padding: 30px;
	}
}

@media screen and (min-width: 1600px){
	.about {
		padding: 130px 15%;
	}
	.bg-location{
		height: 720px;
	}
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}