@import url('https://fonts.googleapis.com/css?family=Montserrat|Yanone+Kaffeesatz:600&display=swap');

body {
	font-family: 'Montserrat', sans-serif;
}
p {
	font-family: 'Montserrat', sans-serif;
	font-size: 0.85rem;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
}
a {
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
	color: #C82333;
}
.feat {
	color: #C82333;
	font-weight: bold;
}
.box {
	text-align: center;
}
.box img {
	max-width: 80%
}
.close-button {
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

@-webkit-keyframes scrolldown {
  0%   {opacity: 0; -webkit-transform: translate(0, -5px);}
  10%  {opacity: 1;}
  90%  {opacity: 1; -webkit-transform: translate(0, 5px);}
  95%  {opacity: 0;}
  100% {opacity: 0; -webkit-transform: translate(0, -5px);}
}
@-moz-keyframes scrolldown {
  0%   {opacity: 0; -moz-transform: translate(0, -5px);}
  10%  {opacity: 1;}
  90%  {opacity: 1; -moz-transform: translate(0, 5px);}
  95%  {opacity: 0;}
  100% {opacity: 0; -moz-transform: translate(0, -5px);}
}
@keyframes scrolldown {
  0%   {opacity: 0; transform: translate(0, -5px);}
  10%  {opacity: 1;}
  90%  {opacity: 1; transform: translate(0, 5px);}
  95%  {opacity: 0;}
  100% {opacity: 0; transform: translate(0, -5px);}
}

section.nice {
	padding: 4rem 0 2rem;
	min-height: 100vh;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
	background-color: transparent;
	border-bottom: 4px solid #FFC000;
}
header .title-bar {
	/*background-image: url(../assets/images/bg-large.jpg);*/
	background-color: rgba(0,0,0,0.85);
	background-attachment: fixed;
	background-size: cover
}
header .drilldown a {
	background-color: transparent;
}
header .top-bar {
	/*background-image: url(../assets/images/bg-large.jpg);*/
	padding: 0;
	/*background-attachment: fixed;
	background-size: cover*/
	background-color: rgba(0,0,0,0.85);
}
header h1 img {
	max-width: 170px;
}
header .top-bar ul {
	background-color: transparent;
	list-style: none;
	margin: 0;
}
header .top-bar ul li {
	display: inline-block;
	font-size: 1.25rem;
}
header .top-bar ul li a {
	color: rgba(255,255,255,0.75);
	position: relative;
	font-weight: 400;
}
header .top-bar ul li a::first-letter {
	text-transform: capitalize;
}
header .top-bar ul li a.is-active, header .top-bar ul li a.is-active:hover {
	/*color: rgba(255,255,255,0.95);*/
	color: #FFC000;
}
/*header .top-bar ul li a:after {
	opacity: 0;
	content: ' ';
	display: inline-block;
	position: absolute;
	background-color: transparent;
	border: 1px solid rgba(255,255,255,0.95);
	height: 4px;
	width: 12px;
	bottom: -4px;
	border-radius: 4px;
	left: 42%;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
header .top-bar ul li a.is-active:after {
	opacity: 1;
}*/

header .top-bar ul li a:hover, header .top-bar ul li a:focus {
	color: #fff;
}

header .top-bar-right {
	display: block !important;
}
header .logo {
	display: inline-block;
	margin: 1rem;
}
header .logo img {
	max-width: 260px;
}

header .ciel-main img {
	max-width: 90px;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: rgba(255,255,255,0.75) transparent transparent;
}
.dropdown.menu .is-active > a {
  color: rgba(255,255,255,0.95);
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
	background-color: #FFC000;
	border: none;
	min-width: inherit;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu a {
	color: #000;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu a:hover {
	background-color: #da9500;
}
.callout {
    background-color: rgb(136, 12, 14);
    border: none;
    box-shadow: 0px 1px 8px rgba(0,0,0,0.25);
    position: absolute;
    padding: 0.5rem 0;
    max-width: 8.5rem;
}
header .top-bar ul.menu > li > a {
	margin-top: 0.65rem;
	padding: 0.725rem;
}
header .top-bar ul.menu > li > a.reserva {
	background-color: #FFC000;
	border-radius: 12px;
	color: #000;
}
header .top-bar ul.menu > li > a.covid {
	background-color: #E20036;
	border-radius: 12px;
	color: #FFF;
	margin-right: 1rem;
	margin-left: 0.5rem;
}
header .top-bar ul.menu > li > a.covid:hover {
	background-color: #BC0330;
}
header .top-bar ul.menu > li > a.covid:focus {
	outline: none;
}
header .top-bar ul li.ciel-main > a {
	margin-top: 0;
}
header .maintop {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
}

#covid {
	background-image: url(../assets/images/bg-landing-black.jpg);
	background-attachment: fixed;
	color: #FFF;
}
#covid:focus {
	outline: none;
}
#covid .close-button:focus, .close-button:hover {
	color: #FFF;
}

.button.alert {
	background-color: #84090b;
}
.button.alert:hover {
	background-color: #24a5bc;
}
#inicio {
	background-image: url(../assets/v2/bg-home-v2.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 4rem;
	/*padding-bottom: 1rem;*/
	height: 94vh;
	min-height: auto;
	position: relative;
}
#inicio .init-cont > .grid-container {
	/*background-image: url(../assets/svg/mex.svg);
	background-position: center;
	background-size: contain;
	background-attachment: fixed;
	background-repeat: no-repeat;
	padding-top: 1.5rem;*/
	height: 100%;
}
#inicio .init-cont {
	height: 100%;
}
#inicio .title-intro {
	text-align: center;
}
#inicio .title-intro h1 {
	color: #FFC000;
	font-size: 5rem;
	line-height: 5rem;
	margin: 0;
	text-shadow: 0px 3px 8px rgba(0,0,0,0.75);
}
#inicio .title-intro h3 {
	color: #FFF;
	font-size: 3rem;
	line-height: 3rem;
	margin: 0;
	text-shadow: 0px 3px 8px rgba(0,0,0,0.75);
}
.select-city {

}
.select-city a.reserva {
	background-color: #FFC000;
	border-radius: 12px;
	color: #000;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	font-size: 2rem;
	padding: 0.5rem 1rem;
	line-height: 2.5rem;
	margin-top: 2rem;
	display: block;
}
.select-city.interior a.reserva {
	margin-top: 1rem;
}
.select-city .callout {
	background-color: #FFC000;
	border-radius: 0 0 12px 12px;
	color: #000;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	font-size: 1.35rem;
	width: 100%;
	max-width: none;
	position: relative;
	transform: translate(0, -10px);
	box-shadow: none;
	z-index: 6;
}
.select-city .callout a {
	color: #000;
	display: block;
}
.select-city .callout a:hover {
	background-color: #c79600;
}
.select-city .callout ul {
	list-style: none;
	margin: 0;
}

.cities {
	margin-top: 1rem;
	position: relative;
	z-index: 1;
}
.cities h4, .cities h5, .cities h6 {
	color: #FFF;
}

.other-cities-abs {
	position: absolute;
	width: 210px;
	right: 0;
	bottom: 0;
	text-align: center;
	color: #FFF;
}
.other-cities-abs .citi-info {
	padding: 1rem;
}
.other-cities-abs .citi-info p {
	margin-bottom: 0.35rem;
	line-height: 0.75rem;
}
.other-cities-abs .citi-info a {
	color: #FFF;
	display: block;
}
.other-cities-abs .citi-info img {
	width: 80%;
	opacity: 0.5
}
.other-cities-abs .citi-info a:hover {
	background-color: rgba(0,0,0,0.25);
}

.button.outline {
	/*background-color: rgba(255,255,255,0.175);
	border: 1px solid rgba(255,255,255,0);*/
	/*background-color: rgba(241, 215, 20, 0.7);*/
  border: 1px solid #eaa708;
	border-radius: 8px;
	/*font-weight: bold;
	color: #333333;*/

	font-family: 'Yanone Kaffeesatz', sans-serif;
  text-transform: uppercase;
  font-size: 1.35rem;
  background-color: #FFC000;
  color: #000;
  padding: 0.5rem 0.75rem;
}
.button.outline i {
	opacity: 0;
	font-size: 1px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.button.outline:hover {
	/*background-color: rgba(255,255,255,0.35);
	border: 1px solid rgba(255,255,255,0.75);*/
	background-color: rgba(241, 215, 20, 1);
}
.button.outline:hover i {
	opacity: 1;
	font-size: inherit;
}

.button.blue.outline {
	background-color: rgba(15,104,188,0.75);
	border: 1px solid rgba(15,104,188,0);
	border-radius: 8px;
}
.button.blue.outline i {
	opacity: 0;
	font-size: 1px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.button.blue.outline:hover {
	background-color: rgba(15,104,188,0.95);
	border: 1px solid rgba(15,104,188,0.75);
}
.button.blue.outline:hover i {
	opacity: 1;
	font-size: inherit;
}

.button.gray {
	background-color: rgba(0,0,0,0.45);
	border: 1px solid rgba(0,0,0,0);
}
.button.gray i {
	opacity: 0;
	font-size: 1px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.button.gray:hover {
	background-color: rgba(0,0,0,0.65);
}
.button.gray:hover i {
	opacity: 1;
	font-size: inherit;
}

.social {
	margin-top: 1rem;
	margin-bottom: 1rem;
	position: absolute;
	z-index: 1;
	width: 100%;
	bottom: 0;
}
.social a {
	color: rgba(255,255,255,0.75);
	font-size: 1.5rem;
}
.social a:hover {
	color: rgba(255,255,255,0.95);
}

footer .socialize .cell:first-child a {
	margin-left: 0;
}
footer .socialize a {
	font-size: 1.15rem;
	margin-left: 1rem;
	color: rgba(255,255,255,0.75);
	font-size: 1.5rem;
}
footer.version2 img {
    max-width: 16px;
}
#video {
	min-height: 100vh;
	padding: 3rem 0;
	overflow: hidden;
	display: block;
	position: relative;
}
#video h2 {
	color: #FFF;
}
#video .info-txt {
	min-height: 80vh;
}
#video .layer-video {
	position: absolute;
	z-index: -1;
	/*top: -40%;*/
	top: 0;
	width: 100%;
	height: 100%
}
#video .layer-video iframe {
	width: 100%;
}
#video h2 {
	color: #FFF;
}
#video .flex-child-auto {
	padding: 2rem;
}
#video h5 {
	color: #FFF;
	font-size: 1.15rem;
}

.next {
	position: relative;
	z-index: 1;
	animation: scrolldown 2s linear infinite;
	-moz-animation: scrolldown 2s linear infinite;
	-webkit-animation: scrolldown 2s linear infinite;
}
.next a {
	color: #FFF;
	font-size: 1.5rem;
}

#cuartos {
	background-image: url(../assets/images/bg-landing-black.jpg);
	background-size: cover;
	background-attachment: fixed;
	min-height: auto;
}
#cuartos h2 {
	color: #FFF;
}
#cuartos .flex-child-auto {
	padding: 0.15rem;
	position: relative;
	overflow: hidden;
}
#cuartos .flex-child-auto a img {
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	opacity: 0.85;
	position: relative;
}
/*#cuartos .flex-child-auto a:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
	opacity: 1;
	z-index: 2;
}*/
.filter-rooms {
	display: flex;
    flex-wrap: wrap;
}
#cuartos .mix {
	min-width: 25%;
	max-width: 25%;
}

.appear-hover {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 3;
	background-color: rgba(0,0,0,0.85);
	padding: 3rem 1rem;
	color: #FFF;
	opacity: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;

	transform: translateY(100%);
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
}
.flex-child-auto a:hover .appear-hover {
	opacity: 1;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
}
.appear-hover p small {
	font-weight: bold;
	opacity: 0.65;
}
.appear-hover p {
	line-height: 1rem;
	margin-bottom: 0;
	font-weight: bold;
}
.appear-hover .button {
	margin-top: 1rem;
}
.appear-hover h4 {
	line-height: 1.25rem;
}

#clients {
	padding: 4rem 0;
	background-color: #f5f5f5;
}
#clients .flex-child-auto {
	padding: 1rem;
}
#horario {
	background-image: url(../assets/images/bg-landing-black.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 2rem 0;
}
#horario > .grid-container {
	background-image: url(../assets/svg/mex.svg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 40vh;
	min-height: auto;
	position: relative;
}
#horario h2 {
	color: #FFF;
}
#horario .flex-child-auto {
	padding: 2rem;
}
#horario h5 {
	color: #FFF;
	font-size: 1.15rem;
}
#horario h5 img {
	max-width: 120px;
}
#testimonials {
	padding: 4rem 0;
}
.orbit-container {
	padding: 0 3.5rem;
}
.orbit-container:focus {
	outline: none;
}
.orbit-previous, .orbit-next {
	color: #0a0a0a;
}
.orbit-previous:hover, .orbit-next:hover, .orbit-previous:active, .orbit-next:active, .orbit-previous:focus, .orbit-next:focus {
	background-color: rgba(10, 10, 10, 0.15);
}
#contacto {
	/*background-color: #282e34;
	background-image: url(../assets/images/pattern.png);*/
	background-image: url(../assets/images/bg-landing-black.jpg);
	color: #FFF;
	background-size: cover;
	background-attachment: fixed;
	padding: 6rem 0;
}
#contacto h2 {
	color: #FFF;
}
#contacto h4, #contacto label {
	color: #FFF;
}
.bookeo {
	padding-top: 2rem;
}
.bookeo .accordion {
	margin: 2rem 0
}
.bookeo .accordion-title {
	font-size: 1.5rem;
	text-align: center;
}
.bookeo .accordion-title::before {
	display: none;
}
.bookeo .accordion-content {
	font-size: 0.75rem;
}
.bookeo .accordion-item:first-child > :first-child {
	background-color: #C82333;
	color: #FFF;
}

.entry-content {
	font-size: 0.65rem;
}
#que-es .forall {
	margin-top: 4rem;
}
#que-es .forall-icons .box img {
	max-width: 100px;
}


footer {
	padding: 0.5rem 0;
	position: fixed;
	bottom: 0;
	background-color: #0a0a0a;
	width: 100%;
	z-index: 6;
}
footer ul {
	list-style: none;
	margin: 0;
}
footer ul li {
	color: #8e8e8e;
	font-size: 0.65rem;
	display: inline-block;
}
footer ul li a {
	color: #fff;
	margin-left: 0.5rem;
	text-decoration: underline;
}
footer ul li:first-child {
	border-right: 1px solid;
	padding-right: 0.5rem;
}
footer p {
	margin: 0;
	font-size: 0.65rem;
}

.rooms-int {
	padding: 6rem 0;
	background-image: url(../assets/images/bg-large.jpg);
	background-size: cover;
	background-attachment: fixed;
	color: #FFF;
}
.rooms-int .details {
	background-color: #ececec;
	background-image: url(../assets/images/bg-landing-b.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.rooms-int h5 {
	color: #FFF;
}
.rooms-int .details p {
	margin: 0;
	color: #0a0a0a;
}
.rooms-int .details p small {
	font-size: 0.65rem;
	font-weight: 400;
}
.icon {
	background-color: #C82333;
	width: 3rem;
	height: 3rem;
	text-align: center;
	margin: 0 auto;
	padding: 0.75rem 0.5rem;
	border-radius: 50%;
}
.icon i {
	color: #FFFFFF;
	font-size: 1.5rem;
}

#locations {
	padding-bottom: 3rem;
	background: #121212;
}
#locations .cover-city {
	padding-top: 10rem;
	padding-bottom: 6rem;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
#locations .cover-city h2 {
	color: #FFF;
}
#locations .cover-city.cdmx {
	background-image: url(../assets/images/cdmx.jpg);
}
#locations .cover-city.qro {
	background-image: url(../assets/images/qro.jpg);
}
#locations .cover-city.qro-bernal {
	background-image: url(../assets/images/portada-bernal.jpg);
}
#locations .cover-city.ags {
	background-image: url(../assets/images/ags.jpg);
}
#locations .cover-city.leon {
	background-image: url(../assets/images/leon.jpg);
}
#locations .cover-city.merida {
	background-image: url(../assets/images/merida.jpg);
}
#locations .cover-city.mty {
	background-image: url(../assets/images/mty.jpg);
}
#locations .cover-city.gdl {
	background-image: url(../assets/images/gdl.jpg);
}
#locations .cover-city.tol {
	background-image: url(../assets/images/tol.jpg);
}
#locations .cover-city.dgo {
	background-image: url(../assets/images/durango.jpg);
}
#locations .cover-city.slp {
	background-image: url(../assets/images/portada-slp.jpg);
}
#locations .cover-city.hmo {
	background-image: url(../assets/images/hmo.jpg);
}
#locations .cover-city.tij {
	background-image: url(../assets/images/tij.jpg);
}

#prices {
	/*background-image: url(../assets/images/bg-large.jpg);*/
	background-image: url(../assets/v2/bg-cdmx.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
#prices h2 {
	color: #FFF;
}
#prices p {
	color: #FFF;
	margin: 2rem 0 0;
}
#prices .box {
	padding-top: 2rem;
	padding-bottom: 1rem;
	border: 2px solid #FFC600;
}
#prices .box h4 {
	color: #FFC600;
	font-size: 2.5rem;
}
#prices .box h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	margin-top: 1rem;
	color: #FFF;
}
#prices .box .label {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	background-color: transparent;
	font-size: 3rem;
	font-weight: 800;
	padding: 0.5rem 1.5rem;
}
#prices .box .label small {
	font-size: 70%;
	font-weight: 300;
}
.rooms {
	background-image: url(../assets/images/bg-large.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding-bottom: 2rem;
}
.rooms h2 {
	color: #FFF;
}
.rooms .container .mix {
	margin-bottom: 2rem;
	display: none;
}
.rooms .controls {
	margin-bottom: 2rem;
}
.rooms .controls button, .tempA a {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	margin: 0 0.5rem;
	font-size: 1.35rem;
	color: #FFF;
	padding: 0.65rem 1rem 0.5rem;
	cursor: pointer;
	box-shadow: 0 0px 8px #FFC000;
	line-height: 1.5rem;
	border-radius: 12px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.rooms .controls button:hover, .tempA a:hover{
	background-color: #FFC000;
	color: #000 !important;
}
.rooms .controls button.mixitup-control-active, .tempA li.tabs-title.is-active a, .tempA.tabs-title.is-active a{
	background-color: #FFC000;
	color: #000 !important;
}
.branch-controls {
	margin-top: 1rem;
}
.branch-controls .branch-btn {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	margin: 0 0.5rem;
	font-size: 1.2rem;
	color: #FFF;
	padding: 0.6rem 1rem 0.5rem;
	cursor: pointer;
	box-shadow: 0 0px 8px #FFC000;
	line-height: 1.5rem;
	border-radius: 12px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	background-color: transparent;
	border: none;
}
.branch-controls .branch-btn:hover,
.branch-controls .branch-btn.is-active {
	background-color: #FFC000;
	color: #000 !important;
}
body[data-branch="camara"] .branch-la-isla {
	display: none !important;
}
body[data-branch="la-isla"] .branch-camara {
	display: none !important;
}
body[data-branch="camara"] #cuartos .mix.la-isla {
	display: none !important;
}
body[data-branch="la-isla"] #cuartos .mix.camara {
	display: none !important;
}
.rooms #containerprices.container .mix img {
	max-width: 300px;
	width: 100%;
}



.faqs {
	/*background-image: url(../assets/images/faqs.jpg);*/
	background-image: url(../assets/images/bg-landing-black.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 2rem;
	padding-bottom: 2rem;
	color: #FFF;
}
.faqs .accordion-title {
	font-size: 1rem;
}

.pinmap {
	padding-top: 4rem;
	padding-bottom: 4rem;
	color: #FFF;
}
.pinmap a {
	color: #FFF;
}
.cdmx .pinmap .info {
    text-align: center;
}
.pinmap .info {
	margin-top: 1rem;
	font-size: 0.825rem;
}
.pinmap .info a {
	color: #FFF;
}
.pinmap .info > .grid-x {
	margin-bottom: 1rem;
}
.pinmap .social a {
	color: #0a0a0a;
}

.contact-int {
	background-image: url(../assets/images/bg-landing-black.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.rooms {
	background-image: url(../assets/images/bg-landing-black.jpg);
	padding: 4rem 0;
}
.rooms.cdmx {
	background-image: url(../assets/v2/bg-cdmx.jpg);
}

.dark {
	background-color: #000;
}

.empresas {
	padding: 4rem 0;
}
.empresas .video {
	min-height: 30rem;
	padding-top: 1rem;
}
.empresas h5 i {
	font-size: 3rem;
}
.empresas .info {
	padding: 3rem 0;
}
.empresas .info h2 img {
	max-width: 120px;
}
.empresas .feat {
	background-image: url(../assets/images/bg-large.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 3rem 0;
	color: #FFF;
}
.empresas .feat h5 img {
	max-width: 80px;
}
.featgray {
	background-image: url(../assets/images/bg-landing-b.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 3rem 0;
}
.featblack {
	background-image: url(../assets/images/bg-landing-black.jpg);
	color: #FFF;
	background-size: cover;
	background-attachment: fixed;
	padding: 4rem 0;
}
.empresas #clients {
	background-color: transparent;
}

.franquicias .info {
	padding: 7rem 0 3rem;
}
.franquicias .feat {
	background-image: url(../assets/images/bg-landing-b.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 7rem 0 3rem;
}
.franquicias .feat h4 {
	margin-bottom: 3rem;
}
.franquicias .feat h5 {
	color: #0a0a0a;
}
.franquicias .featblack h2 img {
	max-width: 320px;
}

.ciel .feat {
	background-image: url(../assets/images/bg-large.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 6rem 0 2rem;
	color: #FFF;
}
.ciel .feat a {
	color: #FFF;
}
.ciel .info {
	padding: 3rem 0;
}
.ciel .info .detail .label {
	font-size: 1.5rem;
	background-color: #84090b;
	text-align: center;
	width: 100%;
	margin: 1rem 0;
}
.ciel .info #cuartos {
	background: none;
}

.special-events {
	background-image: url(../assets/images/bg-specialevents.jpg);
	background-size: cover;
	padding: 4rem 0;
	color: #FFF;
}

.booking {
	background-image: url(../assets/v2/bg-cdmx.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding: 3rem 0;
}
.booking.v2 h3 {
	color: #FFF;
}
.booking .icon-this img {
	max-width: 140px;
	margin: 0 auto;
}

.gift {
	background-size: cover;
	background-attachment: fixed;
	padding: 4rem 0;
	color: #FFF;
}

.gift.cdmx {
	background-image: url(../assets/v2/cities/cdmx.png);
}
.gift.ags {
	background-image: url(../assets/v2/cities/ags.png);
}
.gift.qro {
	background-image: url(../assets/v2/cities/qro.png);
}
.gift.qro-bernal {
	background-image: url(../assets/images/portada-bernal.jpg);
}
.gift.leon {
	background-image: url(../assets/v2/cities/leon.png);
}
.gift.merida {
	background-image: url(../assets/v2/cities/merida.png);
}
.gift.mty {
	background-image: url(../assets/v2/cities/mty.jpg);
}
.gift.gdl {
	background-image: url(../assets/v2/cities/gdl.png);
}
.gift.tol {
	background-image: url(../assets/v2/cities/toluca.png);
}
.gift.slp {
	background-image: url(../assets/v2/cities/slp.png);
}

.fb-page > span {
	width: 100% !important;
}
.fb-page > span iframe {
	width: 100% !important;
}
.twitter-timeline {
	min-height: 500px !important;
}
.lightwidget-widget {
	height: 500px !important;
}

#toogle-navs {
	display: none;
}
.submain-active {
	display: block !important;
}

.niveles {
	background-image: url(../assets/images/bg-landing-black.jpg);
	color: #FFF;
	background-size: cover;
	background-attachment: fixed;
	padding: 4rem 0;
}
.niveles .boxes {

}
.niveles .boxes .box {
	height: 100%;
}
.niveles .title img {
	max-width: 200px;
}
.niveles .boxes .box .set img {
	max-width: 124px;
}
.niveles .boxes .box a {
	background-color: rgba(255,255,255,0);
	color: #FFF;
	display: block;
	padding: 1rem;
	border-radius: 6px;
	border: 1px solid #FFF;
	height: 100%;
}
.niveles .boxes .box a:hover {
	background-color: rgba(255,255,255,1);
	color: #0a0a0a;
	transform: translateY(-1rem);
}

.enigmabox {
	background-image: url(../assets/images/bg-landing-black.jpg);
	color: #FFF;
	background-size: cover;
	background-attachment: fixed;
	padding: 4rem 0;
}
.enigmabox .boxes {

}
.enigmabox .title img {
	max-width: 160px;
}
.enigmabox .boxes .box {
	display: block;
	height: 100%;
	background-color: #FFF;
	color: #0a0a0a;
	padding: 0.5rem 0.5rem 3rem;
	position: relative;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.enigmabox .boxes .box:hover {
	transform: scale(1.05);
}
.enigmabox .boxes .box .set {

}
.enigmabox .boxes .box .set img {
	max-width: 80px;
}
.enigmabox .boxes .box a {
	position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    margin: 0;
    border-radius: 0;
}

.empresaslide img {
	width: 100%;
	margin: 2rem 0 0;
}

.proposal #cuartos {
	background-image: none;
	margin: 2rem 0;
}

.orgullo {
	margin: 2rem 0;
}

.other-cities {
	background-image: url(../assets/images/bg-landing-black.jpg);
	background-attachment: fixed;
	background-size: cover;
	color: #FFF;
	padding: 2rem 0;
}
.other-cities h4 {
	color: rgba(255,255,255,0.5);
}
.other-cities h5 img {
	max-width: 210px;
}
.other-cities a {
	display: block;
	height: 100%;
	background-color: transparent;
	color: #FFF;
	padding: 2.75rem 0.5rem 0.5rem;
	position: relative;
	margin: 0;
	border-radius: 6px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.other-cities a:hover {
	background-color: #FFF;
	color: #0a0a0a;
	transform: translateY(-0.5rem);
}
.other-cities .normal {
	position: absolute;
	width: 100%;
	top: 0.5rem;
	left: 0;
}
.other-cities .active {
	position: absolute;
	width: 100%;
	top: 0.5rem;
	left: 0;
	opacity: 0;
}
.other-cities a:hover .normal {
	opacity: 0;
}
.other-cities a:hover .active {
	opacity: 1;
}

.rooms #container .mix a {
	display: block;
	margin-bottom: 2rem;
}

#jotform {
	position: relative;
}
#jotform:before {
	content: ' ';
	position: absolute;
	width: 100%;
	height: 48px;
	bottom: 0;
	left: 0;
	background-image: url(../assets/images/bg-landing-b.jpg);
	background-size: cover;
	background-attachment: fixed;
}

.empresas .first-bg {
	background-image: url(../assets/images/empresas-update/empresas-bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	padding-top: 20vh;
	padding-bottom: 4rem;
	min-height: 90vh;
}
.empresas .first-bg h2 {
	color: #FFFFFF;
	font-weight: bold;
	text-shadow: 0px 1px 6px rgba(0,0,0,0.55), 0px -1px 6px rgba(0,0,0,0.55), 1px 0px 6px rgba(0,0,0,0.55), -1px 0px 6px rgba(0,0,0,0.55);
}
.empresas .selection-main {
	background-image: url(../assets/images/empresas-update/bg-seleccion.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.empresas .selection-main h2.titlen {
	color: #FFFFFF;
	margin-bottom: 3rem;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}
.empresas .selection-main .square {
	border: 2px solid #FFFFFF;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 12rem 0;
}
.empresas .selection-main .square h2 {
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0px 1px 6px rgba(0,0,0,0.95);
}
.empresas .selection-main .square h4 {
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0px 1px 6px rgba(0,0,0,0.95);
	font-weight: 600;
	opacity: 0;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.empresas .selection-main a:hover .square h4 {
	opacity: 1;
}
.empresas .selection-main .square.team {
	background-image: url(../assets/images/empresas-update/team-building.jpg);
	background-size: 120%;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	background-position: center;
}
.empresas .selection-main a:hover .square.team {
	background-size: 130%;
}
.empresas .selection-main .square.btl {
	background-image: url(../assets/images/empresas-update/btl.jpg);
	background-size: 120%;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	background-position: center;
}
.empresas .selection-main a:hover .square.btl {
	background-size: 130%;
}
.empresas .experiencias {
	background-image: url(../assets/images/empresas-update/experiencias.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.empresas .experiencias h2, .empresas .experiencias h4 {
	color: #FFFFFF;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}
.empresas .experiencias p {
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: 600;
}
.empresas .experiencias .wrapper-exp {
	position: relative;
	overflow: hidden;
}
.empresas .experiencias .wrapper-exp .image-normal {

}
.empresas .experiencias .wrapper-exp .txt-active {
	position: absolute;
	top: 100%;
	padding: 7rem 1rem;
	height: 100%;
	background-color: rgba(0,0,0,0.75);
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.empresas .experiencias .wrapper-exp:hover .txt-active {
	top: 0%;
}

.todo-evento {
	position: relative;
}
.todo-evento .absolute-title {
	position: absolute;
	top: 4rem;
	left: 3rem;
	/*background-color: rgba(60, 11, 9, 0.65);*/
	padding: 0.5rem 1.5rem;
}
.todo-evento .absolute-title h2 {
	color: #FFFFFF;
	margin: 0;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}
.todo-evento .mid {
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
    padding-top: 24rem;
    padding-bottom: 4rem;
	min-height: 44rem;
	text-align: center;
}
.todo-evento .mid .txtbox {
	/*background-color: rgba(60, 11, 9, 0.65);*/
	display: inline-block;
	padding: 1rem;
}
.todo-evento .mid.retro {
	background-image: url(../assets/images/empresas-update/bg-retro.jpg);
}
.todo-evento .mid.catering {
	background-image: url(../assets/images/empresas-update/bg-catering.jpg);
}
.todo-evento .mid h2 {
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}
.todo-evento .mid h4 {
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}

.bgred {
	/*background-color: rgba(60, 11, 9, 0.65);*/
	color: #FFFFFF;
	padding: 0.25rem 1rem;
	margin-bottom: 4rem;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}
.experiencias-moviles {
	background-image: url(../assets/images/empresas-update/bg-expmoviles.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	min-height: 70vh;
	padding: 20vh 2rem;
}
.experiencias-moviles h4 {
	color: #FFFFFF;
	/*background-color: rgba(60, 11, 9, 0.65);*/
	color: #FFFFFF;
	padding: 0.25rem 1rem;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}
.enigma-box {
	background-image: url(../assets/images/empresas-update/bg-enigmabox.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
	min-height: 70vh;
	padding: 20vh 2rem;
}
.enigma-box h4 {
	/*background-color: rgba(60, 11, 9, 0.65);*/
	color: #FFFFFF;
	padding: 0.25rem 1rem;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}

.enigma-movil {
	background-image: url(../assets/slides-empresas/enigmamovil.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	min-height: 70vh;
	padding: 20vh 2rem;
}
.enigma-movil h4 {
	/*background-color: rgba(60, 11, 9, 0.65);*/
	color: #FFFFFF;
	padding: 0.25rem 1rem;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}

.enigma-hunt {
	background-image: url(../assets/slides-empresas/enigmahunt.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 70vh;
	padding: 20vh 2rem;
}
.enigma-hunt h4 {
	/*background-color: rgba(60, 11, 9, 0.65);*/
	color: #FFFFFF;
	padding: 0.25rem 1rem;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}

.reclutamiento {
	background-image: url(../assets/images/empresas-update/reclutamiento.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	min-height: 70vh;
	padding: 20vh 2rem;
}
.reclutamiento h4 {
	background-color: rgba(60, 11, 9, 0.65);
	color: #FFFFFF;
	padding: 0.25rem 1rem;
}
.reclutamiento p {
	font-size: 1rem;
	font-weight: 600;
}

.btl-section {
	background-image: url(../assets/images/empresas-update/btl-bg-v2.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 40vh;
	padding: 14vh 2rem;
}
.btl-section h2 {
	/*background-color: rgba(60, 11, 9, 0.65);*/
	font-size: 5rem;
	margin-bottom: 1rem;
	color: #FFFFFF;
	padding: 1.25rem 1rem;
	line-height: 2rem;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}
.btl-section h2 small {
	font-size: 60%;
	color: #FFFFFF;
}
.btl-section h4 {
	color: #FFFFFF;
    padding: 0.25rem 1rem;
    text-shadow: 0px 1px 10px rgba(0,0,0,0.55), 0px -1px 10px rgba(0,0,0,0.55), 1px 0px 10px rgba(0,0,0,0.55), -1px 0px 10px rgba(0,0,0,0.55);
}

.btl-second {
	background-image: url(../assets/images/empresas-update/btl-bg-second.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 40vh;
	padding: 14vh 2rem;
}
.btl-second h4 {
	color: #FFFFFF;
    padding: 0.25rem 1rem;
    text-shadow: 0px 1px 10px rgba(0,0,0,0.55), 0px -1px 10px rgba(0,0,0,0.55), 1px 0px 10px rgba(0,0,0,0.55), -1px 0px 10px rgba(0,0,0,0.55);
}

.bgbtl img {
	width: 100%;
}
/*.bgbtl {
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	min-height: 90vh;
	padding: 14vh 2rem;
}
.btl-stranger {
	background-image: url(../assets/images/empresas-update/slider/strager-things.jpg);
}
.btl-lost {
	background-image: url(../assets/images/empresas-update/slider/lost-in-space.jpg);
}
.btl-mazda {
	background-image: url(../assets/images/empresas-update/slider/mazda.jpg);
}
.btl-avengers {
	background-image: url(../assets/images/empresas-update/slider/avengers.jpg);
}
.btl-anabelle {
	background-image: url(../assets/images/empresas-update/slider/anabelle.jpg);
}*/

.btn-fixed {
	position: fixed;
	bottom: 7rem;
	right: 1rem;
	z-index: 1;
}
.btn-fixed a {
	/*background-color: rgba(241, 215, 20, 0.85);*/
	border: 1px solid #eaa708;
	border-radius: 8px;
	font-weight: bold;
	color: #333333;
	padding: 0.5rem 0.75rem;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	font-size: 1.35rem;
	background-color: #FFC000;
	color: #000;
}
.btn-fixed a:hover {
	background-color: rgba(241, 215, 20, 1);
}

.btn-cuartos {
	background-color: rgba(241, 215, 20, 0.85);
	border: 1px solid #eaa708;
	border-radius: 8px;
	font-weight: bold;
	color: #333333;
	padding: 0.5rem 0.75rem;
}
.btn-cuartos:hover {
	background-color: rgba(241, 215, 20, 1);
}

#info-empresas {
	background-image: url(../assets/images/empresas-update/team-building-background.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	/*background-attachment: fixed;*/
	min-height: 70vh;
	padding: 14vh 2rem;
}
#info-empresas h2, #info-empresas h3, #info-empresas h4, #info-empresas h5 {
	color: #FFFFFF;
	text-shadow: 0px 1px 10px rgba(0,0,0,0.55),
				 0px -1px 10px rgba(0,0,0,0.55),
				 1px 0px 10px rgba(0,0,0,0.55),
				 -1px 0px 10px rgba(0,0,0,0.55);
}

.beneficios {
	min-height: 60vh;
	padding: 10vh 2rem;
}
.beneficios h1, .beneficios h2, .beneficios h3, .beneficios h4, .beneficios h5 {
	color: #000000;
}
.beneficios h3 i {
	color: #C82333;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: rgba(0,0,0,1) transparent transparent;
}

.is-dropdown-submenu {
	border-radius: 6px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}

header .top-bar .dropdown .is-dropdown-submenu a {
	margin-top: 0;
}

.slick-next:before, .slick-prev:before {
	color: #000;
}

.surfing-mask {
	padding: 0 2rem;
}

#CDSSCROLLINGRAVE.cx_brand_refresh1.border {
	width: 100% !important;
}
#CDSWIDCOE {
	margin: 0 auto !important;
}

.inputs-card .dificultad img {
	/*max-width: 15%;
	float: left;
	margin: 0 2px;*/
	max-width: 22px;
	display: inline-block;
	margin: 0 2px;
}

.drop-cities .dropdown-pane {
	background-color: #FFC000;
	border-radius: 12px;
	color: #000;
	border: none;
	width: auto;
	padding: 0;
}
.drop-cities .dropdown-pane li {
	display: block;
}
.drop-cities .dropdown-pane li a {
	color: #000;
}
.drop-cities .dropdown-pane li a:hover {
	color: #000;
	background-color: #da9500;
}

.white {
	color: #FFF;
}
.v2 .title {
	margin-top: 6rem;
}

.framed {
  width: 210px;
  height: 0px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}

.framed:hover .hex-inner {
  height: 100px;
  top: 90px !important;
  border-radius: 4px;
}

.framed:hover .label {
  transform: scale(.90);
  -webkit-transform: scale(.90);
}

.hex-outer {
  background: #eaa708;
  width: 210px;
  height: 120px;
}

.hex-inner {
  background: #000;
  width: 200px;
  height: 115px;
  position: relative;
  left: 5px;
  top: 82px !important;
  border-radius: 0;
  transition: all .4s;
  -webkit-transition: all .4s;
}

.ax1 {
  position: absolute;
  top: 80px;
}

.ax2 {
  position: absolute;
  top: 80px;
  transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
}

.ax3 {
  position: absolute;
  top: 80px;
  transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
}

.labelax {
  position: absolute;
  color: #eaa708;
  font-weight: bold;
  font-size: 2.25rem;
  line-height: 2.5rem;
  top: 102px;
  width: 100%;
  font-family: 'Yanone Kaffeesatz', sans-serif;
  text-transform: uppercase;
  transition: all .4s;
  -webkit-transition: all .4s;
}
.merida-v3 .labelax.camara-label {
	top: 92px;
}
.labelax span {
	position: absolute;
	width: 100%;
	left: 0;
	transition: .3s ease;
}
.first {
	opacity: 1;
}
.second {
	opacity: 0;
	top: -1.25rem;
}
.wrdbtn:hover .first {
	opacity: 0;
}
.wrdbtn:hover .second {
	opacity: 1;
}

.hexagonal-btn {
	height: 250px;
}
.hexagonal-btn .wrdbtn {
	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}

.roomsbgs {
	background-size: contain;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.contianer {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 5px;
	grid-row-gap: 5px;
    grid-template-rows: 300px 300px 300px;
}
.contianer.xs-size {
	grid-template-columns: 30% 40% 30%;
	grid-template-rows: 300px;
}
.contianer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease;
}
.contianer img:hover {
	transform: scale(1.05) rotate(3deg);
}

.agente-tile #pic1 {
    grid-column-start: 1;
    grid-column-end: 2;
}
.agente-tile #pic4 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.asesino-tile #pic1 {
	grid-column-start: 1;
	grid-column-end: 3;
}
.jurassica-tile #pic2 {
	grid-column-start: 2;
	grid-column-end: 4;
}
.magic-tile #pic5 {
    grid-column-start: 2;
    grid-column-end: 4;
}
.mar5-tile #pic2 {
    grid-column-start: 2;
    grid-column-end: 4;
}
.narcos-tile #pic1 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.narcos-tile #pic3 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.narcos-tile #pic5 {
    grid-column-start: 2;
    grid-column-end: 4;
}
.sherlock-tile #pic1 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.sherlock-tile #pic4 {
    grid-column-start: 2;
    grid-column-end: 4;
}
.spaceship-tile #pic1 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.spaceship-tile #pic3 {
    grid-column-start: 2;
    grid-column-end: 4;
}
.spaceship-tile #pic5 {
    grid-column-start: 2;
    grid-column-end: 4;
}
.submarino-tile #pic4 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.templo-tile #pic1 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.aventura-tile #pic1 {
    grid-column-start: 1;
    grid-column-end: 2;
}
.aventura-tile #pic4 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.manicomio-tile #pic1 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.manicomio-tile #pic4 {
    grid-column-start: 2;
    grid-column-end: 4;
}

.snapwidget-widget {
	max-width: 100%;
}

.city-space {
	background-image: url(../assets/v2/bg-cdmx.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
.city-space .booking, .city-space .prices, .city-space #cuartos, .city-space .faqs, .city-space .special-events, .city-space .contact-int, .city-space .gift {
	/*background: none !important;*/
}

.slick-arrow {
	position: absolute;
	top: 45%;
	font-size: 0px;
	color: #FFF;
}
.slick-arrow:before {
	cursor: pointer;
}
.slick-prev {
	left: -1rem;
}
.slick-prev:before {
	content: url(../assets/svg/arrow-circle-left-fill.svg);
}
.slick-next {
	right: -1rem;
}
.slick-next:before {
	content: url(../assets/svg/arrow-circle-right-fill.svg);
}

#next-3856 {
	background-image: url(../assets/v2/bg-home-v2.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 4rem;
	height: 94vh;
	min-height: auto;
	position: relative;
}
#next-3856:before {
	content: ' ';
	background-color: rgba(0,0,0,0.75);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
#next-3856 .wrap {
	position: relative;
	z-index: 1;
	height: 100%;
}

#prices .tabs {
	background: transparent;
	border: none;
}
#prices .tabs .tabs-title {
	float: none;
	display: inline-block;
}
#prices .tabs-content {
	background: transparent;
	border: none;
}
#prices .tabs-title>a {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	margin: 0 0.5rem;
	font-size: 1.35rem;
	color: #FFF;
	padding: 0.65rem 1rem 0.5rem;
	cursor: pointer;
	box-shadow: 0 0px 8px #ffc000;
	line-height: 1.5rem;
	border-radius: 12px;
}
#prices .tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
	background-color: #FFC000;
	color: #000;
}



/* BRAND EXPERIENCE */

.brandxp {

}
.brandxp > section {
	min-height: 620px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
	background-attachment: fixed;
	padding: 4rem 0;
}
.brandxp h1, .brandxp h3, .brandxp h4 {
	color: #FFFFFF;
	text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.75);
	text-transform: none;
}
.brandxp h1 {
	font-size: 4rem;
	line-height: 4rem;
	margin: 0;
}
.brandxp h4 {
	margin: 2rem 0;
}
.brandxp .yellow {
	color: #FFC000;
}
.brandxp .next {
	position: absolute;
	width: 100%;
	bottom: 2rem;
}
.btn-fixed.brand-exp a {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	text-transform: uppercase;
	font-size: 1.35rem;
	background-color: #FFC000;
	color: #000;
}
#brand-experience {
	background-image: url(../assets/brandxp/portada.jpg);
	padding: 20% 0;
	background-position: center;
	position: relative;
	min-height: 720px;
}
#brand-experience:before {
	content: ' ';
	position: absolute;
	background-image: url(../assets/brandxp/icons.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 80%;
	top: 13%;
	left: 0;
}
#brand-experience h1 {
	font-size: 6rem;
	line-height: 5rem;
	margin-top: 2rem;
	position: relative;
	z-index: 1;
}
#experiencias {
	background-image: url(../assets/brandxp/experiencias.jpg);
}
#servicios {
	background-image: url(../assets/brandxp/sistemas.jpg);
}
#escenografia {
	background-image: url(../assets/brandxp/escenografia.jpg);
}
#props-fx {
	background-image: url(../assets/brandxp/props-fx.jpg);
}
#sistemas {
	background-image: url(../assets/brandxp/sistemas.jpg);
}
#graphic-design {
	background-image: url(../assets/brandxp/graphic-design.jpg);
}
#vestuario {
	background-image: url(../assets/brandxp/vestuario.jpg);
}
#book {
	background-image: url(../assets/brandxp/book.jpg);
}
#army {
	background-image: url(../assets/brandxp/army-bg.jpg);
}
#annabelle {
	background-image: url(../assets/brandxp/annabelle-bg.jpg);
}
#calle {
	background-image: url(../assets/brandxp/calle-bg.jpg);
}
#avengers {
	background-image: url(../assets/brandxp/avengers-bg.jpg);
}
#stranger {
	background-image: url(../assets/brandxp/stranger-bg.jpg);
}
#lost {
	background-image: url(../assets/brandxp/lost-bg.jpg);
}
#macgyver {
	background-image: url(../assets/brandxp/macgyver-bg.jpg);
}
#diablero {
	background-image: url(../assets/brandxp/diablero-bg.jpg);
}
#glass {
	background-image: url(../assets/brandxp/glass-bg.jpg);
}
#ciel {
	background-image: url(../assets/brandxp/ciel-bg.jpg);
}

/* END BRAND EXPERIENCE */



@media (max-width: 1360px) {
	.btl-section {
		background-size: auto 100%;
	}
	.btl-second {
		background-size: auto 100%;
	}
	.bgbtl {
		background-size: auto 100%;
	}
}
@media (max-width: 1170px) {
	header .logo img {
		max-width: 180px;
	}
	header .top-bar ul.menu > li > a {
		font-size: 1rem;
		display: inline-block;
	}
}
@media (max-width: 1023px) {
	.top-bar .top-bar-left {
		display: none;
	}
	.top-bar .top-bar-right {
		height: 100%;
		position: relative;
		text-align: center;
		margin-top: 1rem;
		width: 100%;
	}
	header .top-bar ul {
	  display: block;
	}
	header .top-bar ul li {
		display: block;
		font-size: 0.825rem;
		margin-right: 0;
		margin-bottom: 0.35rem;
	}
}
@media (max-width: 768px) {
	#cuartos .grid-padding-x > .cell {
		margin-bottom: 2rem;
	}
	#cuartos .mix {
		min-width: 40%;
		max-width: 40%;
	}
	.framed {
		transform: scale(0.6);
		left: -1.5rem;
		position: absolute;
	}
	.cdmx #cuartos .rooms.cdmx {
		padding-top: 0;
	}
	.rooms .controls button {
		margin-bottom: 1rem;
	}
	.booking .v2 .title {
		margin-top: 1rem;
	}
	#prices {
		padding-top: 0;
	}
}
@media (max-width: 639px) {
	.agente-bgs {
		background-image: url(../assets/v2/backgrounds/bg-agente.jpg);
	}
	.asesino-bgs {
		background-image: url(../assets/v2/backgrounds/bg-asesino.jpg);
	}
	.aventura-bgs {
		background-image: url(../assets/v2/backgrounds/bg-aventura.jpg);
	}
	.jurassica-bgs {
		background-image: url(../assets/v2/backgrounds/bg-jurassica.jpg);
	}
	.magic-bgs {
		background-image: url(../assets/v2/backgrounds/bg-magic.jpg);
	}
	.asylum-bgs {
		background-image: url(../assets/v2/backgrounds/bg-manicomio.jpg);
	}
	.mar5-bgs {
		background-image: url(../assets/v2/backgrounds/bg-mar5.jpg);
	}
	.museo-bgs {
		background-image: url(../assets/v2/backgrounds/bg-museo.jpg);
	}
	.narco-bgs {
		background-image: url(../assets/v2/backgrounds/bg-narco.jpg);
	}
	.orfanato-bgs {
		background-image: url(../assets/v2/backgrounds/bg-orfanato.jpg);
	}
	.anarquia-bgs {
		background-image: url(../assets/v2/backgrounds/bg-anarquia.jpg);
	}
	.sai-bgs {
		background-image: url(../assets/v2/backgrounds/bg-SAI.png);
	}
	.dream-bgs {
		background-image: url(../assets/v2/backgrounds/bg-dream.jpg);
	}
	.espia-bgs {
		background-image: url(../assets/v2/backgrounds/bg-espia.jpg);
	}
	.reliquia-dorada-bgs {
		background-image: url(../assets/v2/backgrounds/bg-reliquia-dorada.jpg);
	}
	.sherlock-bgs {
		background-image: url(../assets/v2/backgrounds/bg-sherlock.jpg);
	}
	.spaceship-bgs {
		background-image: url(../assets/v2/backgrounds/bg-spaceship.jpg);
	}
	.stress-bgs {
		background-image: url(../assets/v2/backgrounds/bg-stress.jpg);
	}
	.submarino-bgs {
		background-image: url(../assets/v2/backgrounds/bg-submarino.jpg);
	}
	.templo-bgs {
		background-image: url(../assets/v2/backgrounds/bg-templo.jpg);
	}
	.misionguacamole-bgs {
		background-image: url(../assets/v2/backgrounds/bg-misionguacamole.jpg);
	}

	#inicio {
		height: auto;
		padding: 7rem 0;
	}
	.top-bar .top-bar-left {
		display: none;
	}
	header .top-bar {
		height: 100%;
		position: fixed;
		width: 100%;
	}
	header .top-bar ul {
		display: block;
	}
	header .top-bar ul li {
		display: block;
		font-size: 0.825rem;
		margin-right: 0;
		margin-bottom: 0.35rem;
	}
	header .callout {
		position: relative;
		max-width: inherit;
	}
	.top-bar .top-bar-right {
		height: 100%;
		position: relative;
		text-align: center;
		margin-top: 1rem;
	}
	header .top-bar ul li a.is-active {
		display: inline-block;
	}
	header .top-bar ul li a.is-active:after {
		margin: 0 auto;
	}
	header .top-bar ul.menu > li > a {
		display: block;
	}
	header .top-bar ul.menu > li > a.covid, header .top-bar ul.menu > li > a.reserva {
		margin: 1rem 0.65rem;
	}
	.title-bar-title img {
		max-width: 60%;
	}
	footer {
		text-align: center;
		padding: 0.25rem 0;
	}
	footer ul li:first-child {
		padding: 0;
		border: 0;
	}
	footer ul li {
		font-size: 0.625rem;
	}
	#locations .cover-city {
		padding-top: 6rem;
		padding-bottom: 3rem;
	}
	.other-cities-abs {
		position: relative;
		margin: 0 auto;
	}
	#inicio .title-intro h1 {
		font-size: 4rem;
		line-height: 4rem;
	}
	#inicio .title-intro h3 {
		font-size: 2rem;
		line-height: 2rem;
	}
	.select-city a.reserva {
		font-size: 1.5rem;
		line-height: 1.5rem;
	}
	#horario .flex-child-auto {
		padding: 0;
	}
	#cuartos .mix {
		min-width: 100%;
		max-width: 100%;
	}
	.social {
		bottom: -7rem;
	}
	.empresas {
		padding: 0;
	}
	.empresas .first-bg, .empresas .selection-main, #info-empresas, #cuartos, .todo-evento .mid.retro, .todo-evento .mid.catering, .experiencias-moviles, .enigma-box, .enigma-movil, .enigma-hunt, .reclutamiento {
		/*background-size: inherit;*/
		background-attachment: inherit;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: scroll;
		-webkit-overflow-scrolling: touch;
	}
	#inicio {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-attachment: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.brandxp > section {
		min-height: auto;
	}
	.brandxp h1 {
		font-size: 3rem;
		line-height: 3rem;
	}
	.brandxp > section {
		background-size: cover;
		background-position: center;
		background-attachment: inherit;
		padding: 2rem 0;
	}
	#brand-experience {
		padding: 6rem 0;
		min-height: auto;
	}
}

.entry-content p{
	color:black;
}
.reveal{
	color:black;
}