@import url('https://fonts.googleapis.com/css?family=Varela+Round|Montserrat:300,400');

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
}
p {
	font-family: 'Montserrat', sans-serif;
	font-size: 0.85rem;
	font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Varela Round', sans-serif;
}
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: #0f68bc;
}
.feat {
	color: #0f68bc;
	font-weight: bold;
}
.box {
	text-align: center;
}
.box img {
	max-width: 80%
}

@-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;
}
header .title-bar {
	background-image: url(../assets/images/bg-large.jpg);
	background-color: transparent;
	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
}
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: 0.775rem;
}
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);
}
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: #126ac3;
	border: none;
}
.callout {
    background-color: rgba(18, 106, 195, 0.85);
    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: #F9F871;*/
	background-color: #2EC2DC;
	border-radius: 12px;
	color: #FFFFFF;
	margin-right: 1rem;
}
header .top-bar ul li.ciel-main > a {
	margin-top: 0;
}
.button.alert {
	background-color: #2EC2DC;
}
.button.alert:hover {
	background-color: #24a5bc;
}
#inicio {
	background-image: url(../assets/images/bg-large.jpg);
	background-position: center;
	background-size: cover;
	padding-top: 4rem;
	padding-bottom: 1rem;
}
#inicio > .grid-container {
	background-image: url(../assets/svg/mex.svg);
	background-position: center;
	background-size: cover;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	padding-top: 1.5rem;
}
.cities {
	margin-top: 1rem;
}
.cities h4, .cities h6 {
	color: #FFF;
}
.button.outline {
	background-color: rgba(255,255,255,0.175);
	border: 1px solid rgba(255,255,255,0);
	border-radius: 8px;
}
.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);
}
.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;
}
.social a {
	color: rgba(255,255,255,0.75);
	font-size: 1.5rem;
}
.social a:hover {
	color: rgba(255,255,255,0.95);
}
footer .social {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
footer .social .cell:first-child a {
	margin-left: 0;
}
footer .social a {
	font-size: 1.15rem;
	margin-left: 1rem;
}
#video {
	min-height: 100vh;
	padding: 3rem 0;
	overflow: hidden;
	display: block;
	position: relative;
}
#video h2 {
	color: #FFF;
}
#video .info-txt {
	min-height: 90vh;
}
#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 {
	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-large.jpg);
	background-size: cover;
	background-attachment: fixed;
	min-height: auto;
}
#cuartos h2 {
	color: #FFF;
}
#cuartos .flex-child-auto {
	padding: 0.15rem;
}
#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;
}
#clients {
	padding: 4rem 0;
	background-color: #f5f5f5;
}
#clients .flex-child-auto {
	padding: 1rem;
}
#horario {
	background-image: url(../assets/images/bg-large.jpg);
	background-size: cover;
	background-attachment: fixed;
	padding: 1rem 0;
}
#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-image: url(../assets/images/bg-landing-black.jpg);
	background-attachment: fixed;
	background-size: cover;
	padding: 6rem 0;
	color: #FFF
}
#contacto h2, #contacto a {
	color: #FFF;
}
#contacto h4, #contacto label {
	color: #FFF;
}
.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: #0f68bc;
	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%;
}
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: #0f68bc;
	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: 4rem;
}
#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.ags {
	background-image: url(../assets/images/ags.jpg);
}
#locations .cover-city.leon {
	background-image: url(../assets/images/leon.jpg);
}
#locations .cover-city.elsalvador {
	background-image: url(../assets/images/elsalvador.jpg);
}

#prices {
	background-image: url(../assets/images/bg-large.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 {
	background-color: #FFF;
	padding-top: 2rem;
	padding-bottom: 1rem;
}
#prices .box h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 1rem;
	margin-top: 1rem;
}
#prices .box .label {
	background-color: #2EC2DC;
	font-size: 1.5rem;
	font-weight: 400;
	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;
}
.rooms .controls {
	margin-bottom: 2rem;
}
.rooms .controls button {
	margin: 0 0.25rem;
	font-size: 0.85rem;
	color: #FFF;
	padding: 0.5rem 1rem;
	cursor: pointer;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
}
.rooms .controls button:hover {
	background-color: rgba(255,255,255,0.75);
	color: #0f68bc;
}
.rooms .controls button.mixitup-control-active {
	background-color: #FFF;
	color: #0f68bc;
}
.faqs {
	background-image: url(../assets/images/faqs.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;
}
.pinmap .info {
	margin-top: 1rem;
}
.pinmap .info a {
	color: #0a0a0a;
}
.pinmap .info > .grid-x {
	margin-bottom: 1rem;
}
.pinmap .social a {
	color: #0a0a0a;
}

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

.rooms {
	padding-bottom: 4rem;
}

.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: #2EC2DC;
	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 {
	padding: 3rem 0;
}
.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/images/cdmx.jpg);
}
.gift.ags {
	background-image: url(../assets/images/ags.jpg);
}
.gift.qro {
	background-image: url(../assets/images/qro.jpg);
}
.gift.leon {
	background-image: url(../assets/images/leon.jpg);
}
.gift.elsalvador {
	background-image: url(../assets/images/elsalvador.jpg);
}

.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;
}


@media (max-width: 768px) {
	#cuartos .grid-padding-x > .cell {
		margin-bottom: 2rem;
	}

}
@media (max-width: 425px) {
	.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;
	}
	.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;
	}
}