/*------------------------------------------------------------------

[Master Stylesheet]



Project:	Sanza - One page multi purpose page

Version:	1.0

Last change:	17/08/2015 [...]

Designed by:	MOOZ Themes / www.MOOZthemes.com

Primary use:	One page



[Table of contents]



1. General

2. Header

3. Navigation

4. Sections

5. Footer

6. Components

7. snapwidet


[Color codes]



Buttons, etc:	#726FB9 (blue)

hover color:	#fed136 (yellow)

-------------------------------------------------------------------*/



/*--------------------

Import Google Fonts

--------------------*/



/* main font for menu. */

@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);

/* font for headings, text, tags */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);


@font-face {
    font-family: "HurmeGeometricSans1";
    src: url('../fonts/HurmeGeometricSans1.otf') format("truetype");
}
@font-face {
    font-family: "HurmeGeometricSansbold";
    src: url('../fonts/HurmeGeometricSans1 Bold.otf') format("truetype");
}


/*--------------------

1. General

--------------------*/

	

body {

	margin: 0px;

	font-family: "HurmeGeometricSans1", Sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-weight: 300;

	letter-spacing: 0.4px;

	font-family: "HurmeGeometricSansbold", Sans-serif;

	color: #232323;

}



p {

	font-family: 'HurmeGeometricSans1', sans-serif;

	font-size: 15px;

	font-weight: 300;

	line-height: 23px;

	letter-spacing: 0.2px;

	color: #797979;

}



.dark-bg p {
/*color: #B1B1B1;	*/
color: #F4E9D5;	

}



a:hover, a:focus, a:active, a.active {

	color: #A88A4F

;

}

a, a:hover, a:focus, a:active, a.active {

	outline: 0;

}



::selection {

	text-shadow: none;

	background: #A88A4F;

}



@media (min-width: 768px) {

	section {

		padding: 150px 0;

	}

}



section {

	padding: 70px 0;

}



ul {

	padding-left: 0;

	padding-top: 10px;	

}



ul li {

    list-style: none;

    padding-bottom: 10px;

    font-family: 'HurmeGeometricSans1', sans-serif;

    font-size: 14px;

    font-weight: 500;

    line-height: 23px;

    letter-spacing: 0.2px;

    color: #A88A4F;

}



section ul li:before {

	font-family: FontAwesome;

	font-weight: normal;

	font-style: normal;

	display: inline-block;

	text-decoration: inherit;

	content: "\f105";

	padding-right: 7px;

	color: #A88A4F;

}



/*--------------------

1.1 Reset bootstrap

--------------------*/



.row-0-gutter {

    margin-left: -13px;

    margin-right: -13px;

}



.col-0-gutter {

	padding-left: 0;

	padding-right: 0;

}



/*--------------------

2. Navigation

--------------------*/



.navbar-default {

	background-color: #222;

	border-color: transparent;

}

.navbar-default .navbar-brand {
 /* ca,bia color fff*/
	color: #A88A4F;

	font-family: "Montserrat",sans-serif;

	padding: 0px;

}

.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active {

	color: #A88A4F;



}

.navbar-default .navbar-collapse {

	border-color: rgba(255,255,255,.02)

}

.navbar-default .navbar-toggle {

	background-color: #A88A4F;

	border-color: #A88A4F;



}

.navbar-default .navbar-toggle .icon-bar {

	background-color: #29303A;



}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {

	background-color: #A88A4F;

}

.navbar-default .nav li a {
	/*cambia font-family: "Roboto",sans-serif;*/

	font-family: "HurmeGeometricSans1",sans-serif;

	text-transform: uppercase;

	font-weight: 600;

	letter-spacing: 1px;

	/*cambia color fff*/
	color:#A88A4F;

}

.navbar-default .nav li a:hover,.navbar-default .nav li a:focus {

	color: #D5B059;

	outline: 0

}



.navbar-default .navbar-nav>.active>a {

	border-radius: 0;

	color: #fff;

	background-color: #A88A4F

}

.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus {

	color: #fff;

	background-color: #A88A4F



}



@media (min-width:768px) {

	.navbar-default

	{

		background-color: rgba(255, 255, 255, 0.65);

		padding: 5px 0;

		-webkit-transition:padding .3s;

		-moz-transition:padding .3s;

		transition:padding .3s;

		border:0

	}

	.navbar-default .navbar-brand {

		font-size: 2em;

		-webkit-transition:all .3s;

		-moz-transition:all .3s;

		transition:all .3s

	}

	.navbar-default .navbar-nav>.active>a {

		border-radius: 3px

	}

	.navbar-default.navbar-shrink {

		background-color: #29303A;

		border-bottom: 1px solid #828282;

		padding: 5px 0

	}

	.navbar-default.navbar-shrink .navbar-brand {

		font-size: 1.5em;

		margin-top: 10px;

	}

}



/*--------------------

3. Header

--------------------*/



header {


/*
	background-image: url(../images/fondo/Exterior1.jpg);

	background-repeat: none;

	background-attachment: scroll;

	background-position: center center;
*/

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

	-o-background-size: cover;


	text-align: center;

	color: #fff;

	width: 100%;

	height: 100vh;

}



header .intro-text {

	padding-top: 100px;

	padding-bottom: 50px;

}



@media (min-width: 768px) {

	header .intro-text {

		padding-top: 230px;

		padding-bottom: 400px;

    }

}



header .intro-text .intro-lead-in {

	display: inline-block;

	background-color: rgba(255, 255, 255, 0.65);

	margin-bottom: 25px;

	padding: 4px 20px;

	font-family: "Open+Sans",sans-serif;

	font-size: 19px;

	color: #3E3E3E;

	font-weight: 300;

	line-height: 40px;

}



@media (min-width: 768px) {

	header .intro-text .intro-lead-in {

    font-size: 29px;

    line-height: 40px;

    margin-bottom: 45px;

	}

}



header .intro-text .intro-heading {

	text-transform: uppercase;

	font-weight: 900;

	font-size: 40px;

	line-height: 48px;

	margin-bottom: 25px;

	letter-spacing: -3px;

	word-spacing: 10px;

	color: #FFFFFF;

	text-shadow: 1px 1px 1px rgb(0, 0, 0);

}



@media (min-width: 768px) {

	header .intro-text .intro-heading {

		line-height: 95px;

		font-size: 77px;

		margin-bottom: 50px;

	}

}



/*--------------------

4. Sections

--------------------*/



.section-title h2 {

	font-size: 30px;

	text-transform: uppercase;

	/*cambiar color: #5D5D5D;*/
	color: #5d5d5d;

	font-weight: 800;

	letter-spacing: -0.6px;

	position: relative;

	margin-bottom: 20px;

	padding-bottom: 15px;

}



.section-title h2:after {

	left: 50%;

	z-index: 1;

	width: 40px;

	height: 2px;

	content: " ";

	bottom: -5px;

	margin-left: -20px;

	text-align: center;

	position: absolute;

	background: #A88A4F;

}



.dark-bg .section-title h2 {

	color: #fff;

}



.section-title p {

	font-size: 20px;

	font-weight: 300;

	line-height: 25px;

	margin: 20px 100px 60px 100px;

}



/*--------------------

4.1. About

--------------------*/



.mz-module-about h3 {

	font-weight: 500;

	font-size: 19px;

	text-transform: uppercase;

	color: #000000;

	letter-spacing: 2px;

	margin-bottom: 20px;

}



.dark-bg .mz-module-about h3 {

	color: #FFFFFF;

}



.mz-module-about p {

	font-size: 14px;

	font-weight: 300;

	line-height: 22px;

	color: #969696;

}



.ot-circle {

	height: 95px;

	width: 95px;

	text-align: center;

	line-height: 98px;

	color: #FFFFFF;

	/* border: 3px solid #000; */

	border-radius: 100px;

	background-color: #A88A4F;

	margin: 0 2px 4px;

	font-size: 24px;

}



/*--------------------

4.2. Skills

--------------------*/



.section-text h3 {

	margin: 0 0 30px;

	font-weight: 800;

	color: #5D5D5D;

}



.section-text h4 {

    margin: 0 0 20px;

    font-weight: 700;

    font-size: 17px;

}



.dark-bg .section-text h3 {

	color: #dfdfdf;

}



.dark-bg .section-text h4 {

	color: #dfdfdf;

}



/*--------------------

4.3. Portfolio

--------------------*/



figure {

	position: relative;

	overflow: hidden;

	margin: 0 1px 1px 0;

	background: #726FB9;

	text-align: center;

	cursor: pointer;	

}



figcaption {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;	

}



.ot-portfolio-item figure figcaption > a {

	z-index: 1000;

	text-indent: 200%;

	white-space: nowrap;

	font-size: 0;

	opacity: 0;

}

.ot-portfolio-item figure figcaption, .ot-portfolio-item figure figcaption > a {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



figure.effect-bubba {

	background: #000;

	margin-bottom: 1px;

}



figure.effect-bubba img {

	/* opacity: 0.95; */

	-webkit-transition: opacity 0.35s;

	transition: opacity 0.35s;

}



figure.effect-bubba:hover img {

	opacity: 0.4;

}



figure.effect-bubba figcaption::before,

figure.effect-bubba figcaption::after {

	position: absolute;

	top: 30px;

	right: 30px;

	bottom: 30px;

	left: 30px;

	content: '';

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

}



figure.effect-bubba figcaption::before {

	border-top: 1px solid #fff;

	border-bottom: 1px solid #fff;

	-webkit-transform: scale(0,1);

	transform: scale(0,1);

}



figure.effect-bubba figcaption::after {

	border-right: 1px solid #fff;

	border-left: 1px solid #fff;

	-webkit-transform: scale(1,0);

	transform: scale(1,0);

}



figure.effect-bubba h2 {

	opacity: 0;

	color: #fff;

	font-size: 15px;

	font-weight: 700;

	text-transform: uppercase;

	padding-top: 30%;

	-webkit-transition: -webkit-transform 0.35s;

	transition: transform 0.35s;

	-webkit-transform: translate3d(0,-20px,0);

	transform: translate3d(0,-20px,0);

}



figure.effect-bubba p {

	color: #fff;

	font-size: 13px;

	font-weight: 500;

	padding: 20px 2.5em;

	opacity: 0;

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(0,20px,0);

	transform: translate3d(0,20px,0);

}



figure.effect-bubba:hover figcaption::before,

figure.effect-bubba:hover figcaption::after {

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);

}



figure.effect-bubba:hover h2,

figure.effect-bubba:hover p {

	opacity: 1;

	-webkit-transform: translate3d(0,0,0);

	transform: translate3d(0,0,0);

}



/*--------------------

4.4. Dark Short section (counters, quote, etc)

--------------------*/



.light-bg {

	background-color: #f8f8f8;

}



.dark-bg {

	background-color: #29303A;	

	color: #fff;

}



.short-section {

	border-top: 1px solid #5D5D5F;

	border-bottom: 1px solid #5D5D5F;

	padding-top: 70px;

	padding-bottom: 70px;

}



.counter-item h2 {

	color: #fff;

	font-size: 60px;

	font-weight: 900;

}



.counter-item h6 {

	color: #FFF;

	font-size: 16px;

	font-weight: 700;

	margin: 10px 0 0 0;

	text-transform: uppercase;

}



/*--------------------

4.5. Partners Slider

--------------------*/



.owl-portfolio .owl-controls {

	position: absolute;

	left: 0;

	top: 38%;

	width: 100%;	

}



.owl-portfolio .owl-controls .owl-nav [class*=owl-] {

	padding: 8px 17px;

	background: rgba(0, 0, 0, 0.18);

	border-radius: 0;

	margin: 0;

	font-size: 20px;

	z-index:1000;

}



.owl-portfolio .owl-controls .owl-nav [class*=owl-]:hover {

    background: #000;

    color: #fff;

    text-decoration: none;

}



.owl-portfolio .owl-controls .owl-prev {

	float: left;

}



.owl-portfolio .owl-controls .owl-next {

	float: right;

}



.owl-portfolio-item {

	text-align: center;

	display: inline-block;

}



.partner-logo {

	height: 80px;

	text-align: center;

	display: inline-block;

}



.partner-logo img {

	height: 100%;

	width: auto !important;

}



.owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #A88A4F;

}



.owl-theme .owl-dots .owl-dot span {

    width: 30px;

    height: 5px;

    margin: 15px 7px 0 7px;

    background: #d6d6d6;

    display: block;

    -webkit-backface-visibility: visible;

    -webkit-transition: opacity 200ms ease;

    -moz-transition: opacity 200ms ease;

    -ms-transition: opacity 200ms ease;

    -o-transition: opacity 200ms ease;

    transition: opacity 200ms ease;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 0;

}



.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

    background: #A88A4F;

}



/*--------------------

4.6. Team

--------------------*/



.team-item {

	text-align: center;

	background-color: #fff;

}



.team-item h3 {

	font-size: 16px;

	font-weight: 800;

	text-transform: uppercase;

	color: #2D2D2D;

}



.team-item .team-position {

	color: #989898;

	font-size: 12px;

	margin: 15px 0 10px;

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 2px;

}



.team-item p {

    font-size: 13px;

    font-weight: 400;

    color: #292929;

    padding: 5px 10px 20px 10px;

}



/*--------------------

4.7. Contacts

--------------------*/



section#contact form {

	margin-top: 15px;

}

section#contact.form-group {

margin-bottom: 25px;

}



section#contact .form-group input, section#contact .form-group textarea {

	padding: 15px;

	border: 1px solid #BBBBBB;

	border-radius: 0;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	box-shadow: inset 0 0px 0px rgba(0,0,0,.075);

	font-size: 13px;

}



.contact h3 {

	margin-bottom: 30px;

}



.contact p {

	font-size: 13px;

}



.contact .day {

	display: inline-block;

	width: 80px;

}



.contact i {

	margin-right: 5px;

}



/*--------------------

5. Footer

--------------------*/



footer {

	padding: 30px;

	background-color: #EFF6FD;	

}



footer p {

	color: #2C3455;

	margin: 0;

	font-size: 10px;

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 1.6px;

}



footer p a {

	color: #fff;

}



footer p a span {

	color: #A88A4F;

	font-size: 10px;

	letter-spacing: 1px;

	font-weight: 700;

}



/*--------------------

6. Modal

--------------------*/



.modal-content {

	border-radius: 0;	

}

.modal-header .close {

	font-size: 30px;	

}

.modal-title {	

	text-transform: uppercase;

	font-size: 23px;

}



.modal-body {

	padding: 0;

}



.modal-body p {

	margin: 30px 20px;

	color: #2D2D2D;		

}



.modal-works {

font-size: 11px;

	letter-spacing: 1px;

	text-transform: uppercase;

	font-weight: 500;

	color: #fff;

	margin: 25px 20px;

}



.modal-works span {

	background-color: #FED136;

	margin-right: 15px;

	padding: 5px 10px;

}



/*--------------------

7. Components

--------------------*/



.btn-xl:hover, .btn-xl:focus, .btn-xl:active, .btn-xl.active, .open .dropdown-toggle.btn-xl {

	color: #fff;

	background-color: #A88A4F

;

	border-color: #f6bf01;

}



.btn:hover, .btn:focus, .btn:active, .btn.active, .open .dropdown-toggle.btn {

	color: #fff;

	background-color: #A88A4F

;

	border-color: #f6bf01;

}



.btn {

	display: inline-block;

	padding: 8px 20px;

	margin-bottom: 0;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.42857143;

	text-align: center;

	white-space: nowrap;

	vertical-align: middle;

	-ms-touch-action: manipulation;

	touch-action: manipulation;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	background-image: none;

	border: 1px solid transparent;

	border-radius: 4px;

	background-color: #A88A4F;

}



.btn-xl {

color: #fff;

    background-color: #A88A4F;

    /* border-color: #726FB9; */

    font-family: "HurmeGeometricSans1",sans-serif;

    text-transform: uppercase;

    font-weight: 800;

    border-radius: 0;

    letter-spacing: 2px;

    font-size: 16px;

    padding: 17px 45px;

}



/* Back to top button

---------------------------------- */

#back-top {

	position: fixed;

	z-index: 1000;

	bottom: 40px;

	right: 50px;

}

#back-top a {

	width: 60px;

	height: 60px;

	display: block;

	text-align: center;

	font: 11px/100% Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	text-decoration: none;

	color: #FFFFFF;

	background: #A9A9B1;

	/* background color transition */

	-webkit-transition: 1s;

	-moz-transition: 1s;

	transition: 1s;

}

#back-top a:hover {

	background: #fed136;

}

/* arrow icon (span tag) */

#back-top i {

	margin-top: 15px;

	font-size: 28px;

}



@media only screen

and (min-width : 320px)

and (max-width : 480px) {

#back-top {

	position: fixed;

	bottom: 10px;

	right: 30px;

}

#back-top a {

	width: 40px;

	height: 40px;

}

#back-top i {

	margin-top: 7px;

	font-size: 20px;

}

}



.embed-container {

    position: relative;

    height: 0;

    overflow: hidden;

}

.16by9 {

    padding-bottom: 56.25%;

}

.4by3 {

    padding-bottom: 75%;

}

.embed-container iframe {

    position: absolute;

    top:0;

    left: 0;

    width: 100%;

    height: 100%;

}

/* empieza video */


	#background {

	    position: fixed;
	    top: 50%;
	    left: 50%;
	    min-width: 100%;
	    min-height: 100%;
	    width: auto;
	    height: auto;
	    z-index: -1;
	    -webkit-transform: translateX(-50%) translateY(-50%);
	    transform: translateX(-50%) translateY(-50%);
	    background: url(../images/fondo/Lobby.png) no-repeat;
	    background-size: cover;
	}

@media(max-width: 568px){
    .mz-module-about img{
        max-width: 70% !important;
    }
	

}

@media(max-width: 768px){
    .mz-module-about img{
        max-width: 70% !important;
    }
        .section-title p {
        font-size: 18px;
        font-weight: 300;
        line-height: 25px;
        margin: 20px 5% 30px 5%;
    }
    .mz-module-about img{
        max-width: 70% !important;
    }
.short-section {
    padding-top: 50px;
    padding-bottom: 50px;
}
.counter-item h2 {
    font-size: 40px;
    font-weight: 900;
}
}


/*--------------------

7. snapwided

--------------------*/


@media screen and (max-width: 420px) {
	.ocultar-div{
	display:none;
	}
	}

	@media screen and (min-width: 421px) {
		.ocultar-div2{
		display:none;
		}
		}


		
/*--------------------

8. amenidades

--------------------*/

.dishes{
	margin: 0;
	padding: 0;
	
}
.dishes-title {
	color: #fff;
	font-size: 30px;

	text-transform: uppercase;

	/*cambiar color: #5D5D5D;*/
	color: #5d5d5d;

	font-weight: 800;

	letter-spacing: -0.6px;

	position: relative;


	margin-bottom: 20px;

	padding-bottom: 15px;


}

.dishes-grid {
	padding-top: 0%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 300px));
	grid-auto-rows: 1fr;
	gap: 25px;
	justify-content: center;
}
.dishes-item {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 8px 8px 8px #A88A4F;

}
.dishes-item__big {
	grid-area: 1 / 1 / 3 / 3;

} 

/*--------------------

8. amazing Slider

--------------------*/
.sliderHeader {
	font-family: "HurmeGeometricSans1", Sans-serif;
}
.sliderHeader h2{
	color: #fff;
}
.sliderHeader h2 small{
	color: #fff;
}