/*
28/11/2015
Theme Name: Lemon Motel
Theme URI: http://www.lemonmotel.com.br
Description: Produzido por Filipe Dantas 
Version: 2015
Author: Produzido por Filipe Dantas 
Author URI: http://www.filipedantas.com 
*/

.center(@width: 1200px, @margin: 0 auto) {
	width: @width;
	margin: @margin;
}

/* default */
*{margin:0; padding:0; outline:none !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
html, button, input, select, textarea {font-family: Tahoma, sans-serif;}
html, body, #container {height:100%;}
#container {height: auto; min-height: 100%; width:100%;}

::-moz-selection { background: #677432; color: #fff; text-shadow: none; }
::selection { background: #677432; color: #fff; text-shadow: none; }

a { color: #000; text-decoration:none }
a:hover { color: #000; text-decoration:underline}

////////////
// LAYOUT //
////////////
.sprite{background:url(../img/sprite.png) no-repeat}
.grecaptcha-badge{display: none;}
/* TITULOS */
h1 {font-size: 22px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
/* fonts */
@font-face {
	font-family: 'MyriadPro-Light';
	src: url('../fonts/MyriadPro-Light.eot');
	src: url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/MyriadPro-Light.woff') format('woff'),
			 url('../fonts/MyriadPro-Light.ttf') format('truetype'),
			 url('../fonts/MyriadPro-Light.svg#myriadprolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Semibold';
	src: url('../fonts/MyriadPro-Semibold.eot');
	src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/MyriadPro-Semibold.woff') format('woff'),
			 url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
			 url('../fonts/MyriadPro-Semibold.svg#myriadprolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
#container{
	position: relative;
	.img_desk{display: block;}
	.img_mob{display: none;}
	.l_desk{display: block;}
	.l_mob{display: none;}
	&.bg_home{
		background: url(../img/bg.jpg) no-repeat center top;
		-webkit-background-size: cover;
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;
	}
	.redes{
		position: relative;
		position: fixed;
		top: 46px;
		right: 10px;
		z-index: 9999;
		.bt_facebook{
			width: 9px;
			height: 21px;
			float: left;
			margin-right: 10px;
			background-position: 0 0;
			text-indent: -9999px;
			margin-right: 15px;
		}
		.bt_instagram{
			width: 20px;
			height: 20px;
			float: left;
			background-position: -24px 0;
			text-indent: -9999px;
			margin-right: 15px;
		}
		.bt_ganhe, .bt_trabalhe{
			color: #9f9f9f;
			font-size: 12px;
			border: 1px solid #9f9f9f;
			padding: 2px 5px;
			text-decoration: none;
			float: left;
			&:hover{
				color: #fff;
			}
		}
		.cadastro{
			width: 288px;
			height: 173px;
			padding: 0 30px;
			background: #000;
			position: relative;
			position: absolute;
			top:45px;
			right: 0;
			border:1px solid #8d8d8d;
			display: none;
			.seta{
				position: absolute;
				top: -14px;
				right: 14px;
				width: 16px;
				height: 14px;
				background: url(../img/seta_c.png) no-repeat;
			}
			.bt_fechar{
				color: #fff;
				position: absolute;
				top: 5px;
				right: 10px;
			}
			h1{font-weight: 700; }
			h1, p{
				color: #a4a4a4;
				font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
			}
			a{color:#fff;}
			form{
				.powered-by{display: none !important;}
				fieldset{float: left;}
				input{
					color: #fff;
					font-size: 14px;
					background: #339c32;
					border: 0;
					padding: 5px 8px;
					margin-right: 5px;
					&.bt_ok{
						margin: 0;
					}
				}
			}
		}
	}
	header{
		width: 100%;
		height: 210px;
		position: relative;
		position: fixed;
		top: 0;
		left:0;
		z-index: 999;
		background: url(../img/bg_top.png) repeat-x;
		.tit_mob{
			display: none;
		}
		nav{
			width: 960px;
			height: 50px;
			margin: 40px auto 0 auto;
			h2{
				display: none;
			}
			ul{
				float: left;
				margin: 5px 50px 0 0;
				li{
					list-style: none;
					float: left;
					font-family: 'MyriadPro-Light';
					font-size: 16px;
					margin-right: 55px;
					position: relative;
					padding-bottom: 20px;
					text-transform: uppercase;
					white-space: nowrap;
					color: #fff;
					a{
						color: #fff;
					}
					ul{
						width: 310px;

						display: block;
						position: absolute;
						top: 20px;
						left: 0;
						opacity:0.0;
						filter:alpha(opacity=0);
						-webkit-transition: all 0.4s linear;
						-moz-transition: all 0.4s linear;
						-o-transition: all 0.4s linear;
						transition: all 0.4s linear;
						
						li{
							padding:0 0 5px 12px;
							color: #339c33;
							height: 75px;
							color: #fff;
							&.bg{
								background: url(../img/bg_menu.png) no-repeat left center;
							}
							ul{
								width: 150px;
								float: left;
								background: none;
								li{
									padding-left: 20px;
									height: 20px;
								}

							}
						}
					}
					&:hover{
						ul{
							opacity:1.0;
							filter:alpha(opacity=100);
						}
					}
				}
				&.dir{
					float: right;
					margin: 5px 28px 0 0;
					/*margin: 5px 160px 0 0;*/
					li{
						margin:0 0 0 55px;
					}
				}
			}
			h1{
				width: 148px;
				height: 43px;
				float: left;
				margin: 0;
				text-indent: -9999px;
				a{
					width: 148px;
					height: 43px;
					display: block;
					background: url(../img/lemon_motel.png) no-repeat;
				}
			}
		}
	}/* /header */
	.inicial{
		width: 100%;
		height: 650px;
		overflow: hidden;
		position: relative;
		img{
			width: auto;
			height: 650px;
		}
		h1{
			width: 100%;
			display: block;
			position: absolute;
			top:270px;
			left: 0;
			z-index: 99;
			text-align: center;
			a{
				color: #fff;
				font-family: 'MyriadPro-Light';
				font-size: 48px;
				text-transform: uppercase;
				&:hover{
					text-decoration: none;
				}
			}
		}
	}
	.suites{
		width:100%;
		height: 430px;
		position: relative;
		.centraliza{
			.center();
			padding-top: 35px;
			position: relative;
			.botoes{
				height: 50px;
			}
			.slick-prev, .slick-next{
				width: 34px;
				height: 34px;
				text-indent: -9999px;
				display: block;
				position: absolute;
				top: 96px;
				border: 0;
				z-index: 9999;
				&.slick-prev{
					background:url(../img/sprite.png) no-repeat 0 -30px;
					left: 0;
				}
				&.slick-next{
					background:url(../img/sprite.png) no-repeat 0 -74px;
					right: 0;
				}
			}
			.multiple-items{
				.item{
					width: 370px;
					height: 208px;
					position: relative;
					float: left;
					margin: 0 15px;
					figure{
						width: 100%;
						height: 208px;
						img{
							width: 100%;
							height: auto;
						}
					}
					h1{
						width: 370px;
						height: 208px;
						background-color: rgba(0, 0, 0, 0.6);
						position: absolute;
						top: 0;
						left: 0;
						z-index: 9;
						margin: 0;
						display:table;
						text-align: center;
						font-family: 'MyriadPro-Light';
						text-transform: uppercase;
						opacity:0.0;
						filter:alpha(opacity=0);
						-webkit-transition: all 0.4s linear;
						-moz-transition: all 0.4s linear;
						-o-transition: all 0.4s linear;
						transition: all 0.4s linear;
						a{
							color: #fff;
							display: table-cell;
							vertical-align: middle;
							&:hover{
								text-decoration: none;
							}
						}
					}
					&:hover{
						h1{
							opacity:1.0;
							filter:alpha(opacity=100);
						}
					}
				}
			}
			.slogan{
				width: 100%;
				margin-top: 30px;
				display: inline-block;
				position: relative;
				.l_esq, .l_dir{
					width: 32%;
					display: block;
					border-top: 1px solid #fff;
					position: absolute;
					top: 20px;
					&.l_esq{
						left: 0;
					}
					&.l_dir{
						right: 0;
					}
				}
				h5{
					width: 100%;
					display: block;
					text-align: center;
					clear: both;
					text-transform: uppercase;
					color: #fff;
					font-size: 18px;
					font-family: 'MyriadPro-Light';
				}
			}
		}/* /centraliza */
		.redes{display: none;}
	}/* /suites */
	.internas{
		width: 100%;
		.navegacao{
			width: 14px;
			height: 100px;
			position: fixed;
			top: 260px;
			right: 60px;
			z-index: 99;
			a{
				position: relative;
				width: 14px;
				height: 14px;
				background: #656738;
				-webkit-border-radius: 30px 30px 30px 30px;
				border-radius: 30px 30px 30px 30px;
				display: block;
				text-indent: -9999px;
				margin-bottom: 20px;
				outline: none;
				.title{
					width: 162px;
					position: relative;
					position: absolute;
					top: -8px;
					left: -175px;
					background: #282828;
					color: #fff;
					text-transform: uppercase;
					text-indent: 0;
					text-align: center;
					padding: 5px 0 8px 0;
					opacity:0.0;
					filter:alpha(opacity=0);
					-webkit-transition: all 0.4s linear;
					-moz-transition: all 0.4s linear;
					-o-transition: all 0.4s linear;
					transition: all 0.4s linear;
					.ico{
						position: absolute;
						top: 0;
						right: -9px;
						display: block;
						width: 9px;
						height: 37px;
						background: url(../img/seta_m.png) no-repeat 0 -3px;
					}
				}
				&:hover{
					background: #fff;
					.title{
						opacity:1.0;
						filter:alpha(opacity=100);
					}
				}
			}
		}
		.centraliza{
			width: 960px;
			margin: 0 auto;
		}
		h1{
			color: #fff;
			font-size: 48px;
			font-family: 'MyriadPro-Semibold';
			text-transform: uppercase;
			margin-bottom: 30px;
		}
		p, li, .one-half, .one-third, .one-fourth-first{
			font-size: 16px;
			color: #fff;
			font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
			margin-bottom: 30px;
			font-weight: 300;
		}
		.gallery-columns-2 {
			margin:0 0 20px 0; 
			clear:both;
			.gallery-item {
				width: 48% !important;
				height: auto;
				overflow: hidden;
				float: left;
				margin: 0 1% 2% 1%;
				text-align: center;
				.gallery-icon{
					height: auto;
					overflow: hidden;
					img {
						width: 100%;
						height: auto;
						border: 0;
						margin: 0;
					}
				}
			}
		}
		.gallery-columns-5 {
			img{
				border: none;
			}
		}
		.sobre, .inovador, .completo, .tipo, .atrativos, .precos, &.contato, .campanha, &.cardapio, &.campanha, &.localizacao, &.special-day{
			width: 100%;
			height: 1080px;
			position: relative;
			figure{
				width: 100%;
				overflow: hidden;
				text-align: center;
				img{
					width:100%;
					height: 120%;
				}
			}
			.centraliza{
				position: absolute;
				top:0;
				left: 50%;
				margin-left: -480px;
				z-index: 9999;
				a{
					color: #fff;
					border-bottom:1px dotted #fff;
					text-decoration: none;
					&:hover{
						border-bottom:none;
					}
				}
				.bt_reserva{
					width: 145px;
					height: 36px;
					background: url(../img/bt_reserva.png) no-repeat;
					display: block;
					text-indent:-9999px;
					margin-bottom: 10px;
					text-decoration: none;
					border: none;
				}
				.text{
					width: 530px;
					float: left;
					.bt_mais{
						background: #a8c142;
						color: #000;
						font-size: 18px;
						padding: 2px 35px;
						font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
						&:hover{
							text-decoration: none;
						}
					}
					.bt_valores{
						width: 124px;
						clear: both;
						color: #fff;
						border: 1px solid #fff;
						padding: 5px 0;
						text-align: center;
						display: block;
					}
					.linha{
						width: 100%;
						height: 1px;
						background: url(../img/borda.png) repeat-x top;
						display: block;
					}
					h6{
						font-size: 14px;
						text-transform: uppercase;
						color: #d5e2aa;
						background: url(../img/ico_tripadvisor.png) no-repeat left 15px;
						padding:20px 0 5px 65px;
					}
					.slide{
						width: 100%;
						height: 130px;
						position: relative;
						.bt_next, .bt_prev{
							position: absolute;
							top: 18px;
							border: none;
							color: #d5e2aa;
							&.bt_next{
								right: -40px;
							}
							&.bt_prev{
								left: -40px;
							}
						}
						.scroll_depo{
							width: 100%;
							height: 130px;
							float: left;
							.depoimento{
								background:none !important;
								width: 100%;
								a{
									color: #d5e2aa;
									border: none;
									display: block;
									p{
										margin-bottom: 10px;
										font-size: 14px;
										color: #d5e2aa;
									}
									small{
										font-size: 12px;
										text-align: right;
										display: block;	
									}
								}
							}/* /depoimento */
						}/* /scroll_depo */
					}/* /slide */
				}/* /text */
			}
		}
		.sobre{
			.centraliza{
				padding-top: 150px;
			}
		}
		.inovador{
			.centraliza{
				padding-top: 250px;
				.text{
					float: right;
					text-align: right;
				}
			}
		}
		.completo{
			.centraliza{
				padding-top:250px;
			}
		}/* sobre - completo */

		.tipo{
			.centraliza{
				padding-top:140px;
			}
		}
		.atrativos{
			.centraliza{
				padding-top: 300px;
				.text{
					float: right;
					text-align: right;
				}
			}
		}
		.precos{
			.centraliza{
				padding-top:200px;
			}
		}/* preços */
		.galeria{
			width: 100%;
			display: inline-block;
			height: 904px;
			overflow: hidden;
			padding-top:50px;
			h1{
				text-align: center;
				color: #000;
				margin-bottom: 50px;
			}
			.center .slick-center img{-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);color:#e67e22;opacity:1;transform:scale(1.08);}
			.center img{opacity:0.6;transition:all 300ms ease;}
			.content:after,.buttons::after{clear:both;content:"";display:table;}
			.slick-slide img{display:block;width:90%; height: auto; margin-left: 64px;}
			.slick-slide img.slick-loading{border:0 }
			.slick-slider{margin:0 20px;}
			.slick-next, .slick-prev{
				width: 80px;
				height: 80px;
				position: absolute;
				display: block;
				top: 280px;
				z-index: 999;
				border: 0;
				text-indent: -9999px;
			}
			.slick-next{
				right: 14%;
				background: url(../img/sprite.png) no-repeat 0 -118px;
			}
			.slick-prev{
				left: 14%;
				background: url(../img/sprite.png) no-repeat 0 -208px;
			}

		}
		&.cardapio{
			.centraliza{
				padding-top: 150px;
				ul{
					width: 250px;
					float: left;
					margin-right: 20px;
					li{
						color: #fff;
						font-family: 'MyriadPro-Light';
						font-size: 16px;
						line-height: 30px;
					}
				}
			}	
		}/* /cardapio */
		&.campanha{
			.centraliza{
				padding-top: 150px;
			}	
		}/* /cardapio */
		&.localizacao{
			.centraliza{
				padding-top: 80px;
				h1{
					text-align: center;
				}
				.cont{
					width: 100%;
					.mapa{
						width: 100%;
						height: 400px;
					}
					.endereco{
						padding-top: 15px;
						height: 155px;
						background: #38502a;
						.end{
							width: 530px;
							margin: 0 auto;
							list-style: none;
							a{
								border: none;
								address{
									width: 250px;
									color: #fff;
									float: left;
									font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
									font-size: 13px;
									&.end1{
										border-right: 1px solid #fff;
										padding-right: 30px;
										margin-right: 30px;
										text-align: right;
									}
								}
							}
						}
					}
				}
			}
			
		}/* /localizacao */
		&.special-day, &.celebration{
			height:1620px;
			.centraliza{
				padding-top: 150px;
				ul{
					width: 950px;
					margin: 0 auto 120px auto;
					padding: 0;
					li{
						width: 300px;
						float: left;
						text-align: center;
						margin:0 10px 120px 0;
						list-style: none;
						padding:15px 0;
						-webkit-border-radius: 15px 15px 15px 15px;
						border-radius: 15px 15px 15px 15px;
						font-size: 16px;
						color: #fff;
						font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
						&:last-child{
							margin: 0;
						}
						&.bg1{
							background: #339c33;
						}
						&.bg2{
							background: #46a443;
						}
						&.bg3{
							background: #54b453;
						}
					}
				}
				p{
					clear: both;
				}
				.wpcf7-form{
					width:100%;
					margin: 0 auto;
					br{display:none;}
					label{
						width: 100%;
						display: block;
						color: #000;
					}
					input, textarea, select{
						width:48%;
						padding:22px 0 22px 2%;
						float:left;
						font-size: 16px;
						text-transform: uppercase;
						margin:0 2% 15px 0;
						color: #fff;
						border: none;
						background-color: rgba(103, 116, 50, 0.8);
						&.dir{
							float: right;
							margin-right: 2%;
						}
					}
					select{
						width:98%;
					}
					textarea{
						width:98%;
						height:154px;
						margin: 0 0 15px 0;
					}
					.wpcf7-recaptcha{
						width: 30%;
						float: left;
						clear: both;
					}
					.wpcf7-response-output{
						color: #fff;
					}
					.bt_enviar{
						width:40%;
						padding:22px 0 22px 2%;
						color:#fff;
						background-color: rgba(97, 155, 62, 0.8);
						float:right;
						margin-right:2%;
						text-align: left;
					}
					div.wpcf7-response-output{
						clear:both;
					}
				}/* /contato desk */
			}
		}/* /special-day */
		&.contato{
			.centraliza{
				padding-top: 150px;
				address{
					float: left;
					margin-right: 25px;
					color: #fff;
				}
				.wpcf7-form{
					width:100%;
					margin: 0 auto;
					br{display:none;}
					label{
						width: 100%;
						display: block;
						color: #000;
					}
					input, textarea, select{
						width:48%;
						padding:22px 0 22px 2%;
						float:left;
						font-size: 16px;
						text-transform: uppercase;
						margin:0 2% 15px 0;
						color: #fff;
						border: none;
						background-color: rgba(103, 116, 50, 0.8);
						&.dir{
							float: right;
							margin-right: 2%;
						}
					}
					select{
						width:98%;
					}
					textarea{
						width:98%;
						height:154px;
						margin: 0 0 15px 0;
					}
					.wpcf7-recaptcha{
						width: 30%;
						float: left;
						clear: both;
					}
					.wpcf7-response-output{
						color: #fff;
					}
					.bt_enviar{
						width:40%;
						padding:22px 0 22px 2%;
						color:#fff;
						background-color: rgba(97, 155, 62, 0.8);
						float:right;
						margin-right:2%;
						text-align: left;
					}
					div.wpcf7-response-output{
						clear:both;
					}
				}/* /contato desk */
			}
		}/* contato */
		.listagem{
			article{
				width: 33.33%;
				height: 950px;
				overflow: hidden;
				float: left;
				position: relative;
				figure{
					width:100%;
					height:950px;
					img{
						width:100%;
						height:120%;	
					}
				}
				.text{
					width: 100%;
					height: 200px;
					position: absolute;
					top: 50%;
					left: 0;
					margin-top: -100px;
					z-index: 99;
					a{
						width: 100%;
						height: 200px;
						display: block;
						color: #fff;
						h2{
							font-size: 60px;
							text-align: center;
							text-transform: uppercase;
							margin-bottom: 40px;
							a{
								color: #fff;
							}
						}
						.local{
							width: 324px;
							display: block;
							margin: 0 auto;
							border-top: 1px solid #fff;
							text-align: center;
							padding-top: 35px;
							text-transform: uppercase;
						}
						&:hover{
							text-decoration: none;
						}
					}
				}
				.bt_explore{
					width: 108px;
					padding: 15px 0;
					border: 1px solid #fff;
					position: absolute;
					bottom: 60px;
					left: 50%;
					margin-left: -54px;
					color: #fff;
					z-index: 9;
					display: block;
					text-align: center;
					font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
				}
				&.bg_verde{
					background: #a8c142;
					p{
						color: #000;
						padding: 250px 175px 0 175px;
					}
				}
			}
		}/* /listagem */
	}/* /internas */
}/* /container */
.abmb{
	width:18px;
	height:18px;
	float: right;
	position: absolute;
	bottom: 10px;
	right: 10px;
	clear: both;
	background:url(../img/abmb.png) no-repeat;
	text-indent: -9999px;
	z-index: 999;
}
.ico_whats{
	width: 64px;
	height: 76px;
	position: fixed;
	bottom: 10px;
	right: 40px;
	clear: both;
	background:url(../img/ico_whats.png) no-repeat;
	text-indent: -9999px;
	z-index: 999;
}
footer {
	position:relative;
	clear:both;
	background: url(../img/bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	height: 360px;
	padding-top:70px;
	.bt_topo{
		width: 81px;
		height: 58px;
		background: url(../img/bg_topo.png) no-repeat;
		position: absolute;
		top: -38px;
		left: 50%;
		margin-left: -40px;
		display: block;
		text-indent: -9999px;
	}
	.rodape{
		width: 290px;
		margin: 0 auto;
		h1{
			width: 143px;
			height: 51px;
			margin: 0 auto 30px auto;
			display: block;
			text-indent: -9999px;
			background: url(../img/lemon_motel_m.png) no-repeat;
		}
		.linha{
			width: 72px;
			height:2px;
			margin: 0 auto;
			border-top: 1px solid #5e6031;
			display: block;
		}
		.news{
			width: 100%;
			display: inline-block;
			margin: 20px 0 30px 0;
			p{
				color: #5e6031;
				font-size: 12px;
				margin-bottom: 25px;
				
			}
			a{color:#fff;}
			form{
				.powered-by{display: none !important;}
				fieldset{
					float: left;
				}
				input{
					color: #909270;
					font-size: 14px;
					background: #5e6031;
					border: 0;
					padding: 5px 22px;
					margin-right: 10px;
					float: left;
					&.knewsbutton{
						margin: 0;
					}
				}
			}
		}
		.redes{
			width: 150px;
			margin: 0 auto;
			.bt_facebook{
				width: 25px;
				height: 25px;
				background-position: -54px 0;
				float: left;
				margin-right: 24px;
				text-indent: -9999px;
			}
			.bt_instagram{
				width: 25px;
				height: 25px;
				background-position: -88px 0;
				float: left;
				margin-right: 24px;
				text-indent: -9999px;
			}
			.bt_twitter{
				width: 31px;
				height: 25px;
				background-position: -54px -35px;
				float: left;
				text-indent: -9999px;
			}
		}
	}
}/* /footer */
.bg_fim{
	width: 100%;
	height: 284px;
	background: url(../img/bg_fim.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	position: relative;

}
/* media queries mobile */
@media only screen and (max-width: 767px) {
	#popmake-564{
		top:50% !important;
		left:50% !important;
		margin: -150px 0 0 -150px !important;
	}
	#container{
		.img_desk{display: none;}
		.img_mob{display: block;}
		.l_desk{display: none;}
		.l_mob{display: block;}
		.redes{display: none;}
		header{
			height: 50px;
			background: none;
			position: absolute;
			&.bg_int{
				background: url(../img/bg.jpg) no-repeat center top;
			}
			.tit_mob{
				width: 100px;
				height: 29px;
				position: absolute;
				top: 15px;
				left: 15px;
				margin: 0;
				z-index: 9999;
				text-indent: -9999px;
				display: block;
				float: left;
				background: url(../img/lemon_mob.png) no-repeat;
			}
			nav{
				width: 100%;
				margin: 0;
				h2{
					width:35px;
					height: 24px;
					float:right;
					display: block;
					text-indent: -9999px;
					cursor:pointer;
					background: url(../img/ico_menu_mob.png) no-repeat;
					position: absolute;
					top: 13px;
					right: 10px;
					z-index: 999;
					margin: 0;
				}
				.list_menu{
					width: 100%;
					display: none;
					padding-top: 50px;
					ul{
						width: 100%;
						background: #123000;
						margin: -50px 0 0 0;
						display: inline-block;
						padding-top: 50px;
						li{
							width: 98%;
							margin: 0;
							padding: 10px 0;
							text-align: center;
							font-family: 'MyriadPro-Semibold';
							border-bottom: 1px solid #324918;
							font-size: 18px;
							color: #b2ad79;
							a{
								color: #b2ad79;
							}
							ul{
								display: none;
							}
							&:hover{
								ul{
									display: none;
								}
								li{
									padding: 10px 0;
								}
							}
						}
					}
				}
				h1{
					display: none;
				}			
			}
		}/* /header */
		.inicial{
			width: 100%;
			height: auto;
			overflow: hidden;
			position: relative;
			margin-top: 0;
			float: left;
			figure{
				width: 100%;
				height:auto;
				text-align: center;
				background: #000;
				img{
					width: 100%;
					height: auto;
				}
			}
			h1{
				width: 98%;
				margin: 0 1%;
				top:250px;
				left: 0;
				text-align: center;
				a{
					font-size:30px;
				}
			}
		}/* /inicial */
		.suites{
			width: 100%;
			height: 400px;
			float: left;
			background: #14171c url(../img/bg.jpg) no-repeat top center;
			overflow: hidden;
			.centraliza{
				width: 100%;
				margin: 0;
				padding: 0;
				.botoes{display: none;}
				.multiple-items{
					width: 100% !important;
					height: 188px !important;
					margin: 0;
					padding: 0 !important;
					overflow: hidden;
					.item{ 
						margin: 0 0;
						figure{
							height: 188px;
						}
						h1{
							display: none;
						}
					}
				}
				.slogan{
					.l_esq, .l_dir{
						display: none;
					}
				}
			}/* /centraliza */
			.redes{
				width: 134px;
				margin: 0 auto;
				display: block;
				clear: both;
				position: absolute;
				top: 330px;
				left: 50%;
				margin-left: -67px;
				.bt_facebook{
					width: 25px;
					height: 25px;
					background-position: -54px 0;
					float: left;
					margin-right: 24px;
					text-indent: -9999px;
				}
				.bt_instagram{
					width: 25px;
					height: 25px;
					background-position: -88px 0;
					float: left;
					margin-right: 24px;
					text-indent: -9999px;
				}
				.bt_twitter{
					width: 31px;
					height: 25px;
					background-position: -54px -35px;
					float: left;
					text-indent: -9999px;
				}
			}
		}/* /suites */
		.internas{
			background: #2a2a2a;
			padding-top: 50px;
			.navegacao{
				display: none;
			}
			h1{
				font-size:40px;
			}
			p{
				margin: 0 1% 20px 1%;
			}
			.sobre, .inovador, .completo, .tipo, .atrativos, .precos{
				width: 100%;
				position: relative;
				height: auto;
				padding-bottom: 60px;
				display: inline-block;
				figure{
					img{
						max-width: 100%;
						height: auto;
					}
				}
				.centraliza{
					width: 100%;
					position: relative;
					top:0;
					left: 0;
					margin-left: 0;
					padding-top: 0;
					.text{
						width: 96%;
						margin: 0 2%;
						.slide{
							height: 260px;
							.bt_next, .bt_prev{
								top: 90px;
								font-size: 12px;
								z-index: 99;
								&.bt_next{
									right: 0;
								}
								&.bt_prev{
									left: 0;
								}
							}
							.scroll_depo{
								height: 260px;
								.depoimento{
									padding-top: 20px;
									h6{
										font-size: 12px;
										background: url(../img/ico_tripadvisor.png) no-repeat center top;
										padding:40px 0 5px 0;
										text-align: center;
									}
									p{
										margin:0 30px 10px 30px;
									}
									small{
										margin: 0 30px;
										display: block;
									}
								}/* /depoimento */
							}/* /scroll_depo */
						}/* /slide */
					}
				}
				&.atrativos{
					.centraliza{
						.text{
							margin-top: 40px;
						}
					}
				}
			}
			
			.galeria{
				h1{
					color: #fff;
				}
				height: 400px;
				.content{
					width: 100%;
					height: 188px;
					.center{
						width: 100% !important;
						height: 188px !important;
						margin: 0;
						padding: 0 !important;
						overflow: hidden;
					}
				}
				.slick-slide img{
					display:block;
					width:100%; 
					margin-left:5px;
				}
				.slick-next, .slick-prev{
					top: 140px;
				}
				.slick-next{
					right: 20%;
					background: url(../img/sprite.png) no-repeat 0 -118px;
				}
				.slick-prev{
					left: 20%;
				}

			}
			&.special-day, &.celebration, &.contato, &.cardapio, &.localizacao, &.celebration{
				padding-bottom: 160px;
				height: 1360px;
				figure{
					width: 100%;
					text-align: center;
					overflow: hidden;
					img{
						max-width:100%;
						height: auto;
					}
				}
				&.cardapio{
					height: 900px; 
				}
				&.localizacao{
					height: 2030px;
				}
				&.celebration{
					height: 2250px;
				}
				.centraliza{
					width: 96%;
					position: relative;
					top:0;
					left: 0;
					margin:0 2%;
					padding-top: 0;
					a{
						color: #fff;
					}
					
					.icos{
						width: 100%;
						margin: 0 auto;
						li{
							width: 100%;
							float: none;
							margin:0 auto 10px auto;
							&:last-child{
								margin: 0 auto;
							}
						}
					}
					.cont{
						.tabcontents{
							.mapa{
								display: none !important;
							}
							.endereco{
								height: 1540px;
								.end{
									width:96%;
									margin: 0 2%;
									height: 850px;
									display: inline-block;
									li{
										width: 100%;
										address{
											width: 100%;
											img{	
												margin: 10px 0;
												width:100%;
												height:640px;
											}
											&.end1{
												text-align: left;
												border: none;
												padding: 0;
												margin: 0;
											}
										}
									}
								}
							}
						}
					}

					.wpcf7-form{
						input, textarea, select{
							width:98%;
							padding:12px 1% 12px 1%;
							margin:0 0 15px 0;
							&.dir{
								margin-right: 0;
							}
						}
						textarea{
							width:98%;
							height:140px;
							margin: 0 0 15px 0;
						}
						.bt_enviar{
							width:60%;
							padding:18px 0 18px 2%;
							margin-right: 0;
							float: left;
							clear: left;
							margin-top: 15px;
							background-color: rgba(103, 116, 50, 0.8);
						}
						
						div.wpcf7-response-output{
							clear:both;
						}
					}/* /contato mob */
				}/* /centraliza */
			}/* geral */
			.listagem{
				article{
					width: 100%;
					height: auto;
					figure{
						img{
							max-width: 100%;
							height: auto;
						}
					}
					.text{
						a{
							width: 100%;
							height: 200px;
							display: block;
							color: #fff;
							h2{
								font-size: 40px;
								text-align: center;
								text-transform: uppercase;
								margin-bottom: 20px;
								a{
									color: #fff;
								}
							}
							.local{
								width: 80%;
								display: block;
								margin: 0 auto;
								border-top: 1px solid #fff;
								text-align: center;
								padding-top: 35px;
								text-transform: uppercase;
							}
							&:hover{
								text-decoration: none;
							}
						}
					}
					.bt_explore{
						width: 108px;
						padding: 15px 0;
						border: 1px solid #fff;
						position: absolute;
						bottom: 60px;
						left: 50%;
						margin-left: -54px;
						color: #fff;
						z-index: 9;
						display: block;
						text-align: center;
						font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif; 
					}
					&.bg_verde{
						height: 600px;
						p{
							padding: 130px 10px 0 10px;
						}
					}
				}
			}/* /listagem */
		}/* /internas */
	}/* /container */
	.abmb{
		right: 50%;
		margin-right: -4px;
	}
	.ico_whats{
		right: 10px;
	}
	footer {
		.rodape{
			width: 260px;
			.news{
				p{
					text-align: center;
				}
				form{
					input{
						padding: 5px 10px;
						margin-right: 5px;
						&.bt_ok{
							margin: 0;
						}
					}
				}
				.redes{
					width:132px;
				}
			}
		}
	}/* /footer */
}/* fim mobile */
@media only screen and (min-width: 768px) and (max-width: 870px) {
	#container{
		.redes{
			top: 16px;
		}
		header{
			nav{
				width: 96%;
				ul{
					margin: 5px 30px 0 0;
					li{
						margin:0 40px 0 0;
					}
					&.dir{
						li{
							margin:0 0 0 30px;
						}
					}
				}
			}
		}
		.inicial{
			height: 450px;
		}
		.suites{
			.centraliza{
				width: 96%;
				.slick-prev, .slick-next{
					top: 55px;
				}
				.slogan{
					.l_esq, .l_dir{
						width: 25%;
					}
				}
			}
		}/* /suites */
		.internas{
			.centraliza{
				width:760px;
				margin: 0 auto;
			}
			.sobre, .inovador, .completo, .tipo, .atrativos, .precos, &.contato, .campanha, &.cardapio, &.campanha, &.localizacao, &.special-day{
				height: 950px;
				figure{
					img{
						height: 950px;
					}
				}
				.centraliza{
					margin-left: -380px;
				}
			}
			.galeria{
				height: 400px;
				.slick-next, .slick-prev{
					width: 34px;
					height: 34px;
					top: 30px;
				}
				.slick-next{
					right: 1%;
					background: url(../img/sprite.png) no-repeat 0 -480px;
				}
				.slick-prev{
					left: 1%;
					background: url(../img/sprite.png) no-repeat 0 -436px;
				}

			}
			.listagem{
				article{
					width: 50%;
					&.bg_verde{
						p{
							padding: 250px 60px 0 60px;
						}
					}
				}
			}/* /listagem */
		}/* /internas */
	}
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (min-width: 871px) and (max-width: 1024px) {
	#container{
		.redes{
			top: 12px;
			right: 10px;
		}
		header{
			nav{
				width:750px;
				ul{
					margin: 5px 60px 0 0;
					li{
						margin-right: 25px;
						&:last-child{
							margin: 0;
						}
						&:hover{
							ul{
								top: 25px;
								margin: 0;
								li{
									width: 100%;
									margin: 0;
								}
							}
						}
					}
					&.dir{
						li{
							margin:0 0 0 25px;
						}
					}
				}
				
				h1{
					margin: 0 20px 0 0;
				}
			}
		}/* /header */
		.suites{
			.centraliza{
				width: 98%;
				margin: 0 1%;
				.slick-prev, .slick-next{
					top: 70px;
				}
				.multiple-items{
					.item{
						width: 299px;
						height: 168px;
						position: relative;
						float: left;
						margin: 0 15px;
						figure{
							width: 100%;
							height: 168px;
							img{
								width: 100%;
								height: auto;
							}
						}
						h1{
							width: 299px;
							height: 168px;
							background-color: rgba(0, 0, 0, 0.6);
							position: absolute;
							top: 0;
							left: 0;
							z-index: 9;
							margin: 0;
							display:table;
							text-align: center;
							font-family: 'MyriadPro-Light';
							text-transform: uppercase;
							opacity:0.0;
							filter:alpha(opacity=0);
							-webkit-transition: all 0.4s linear;
							-moz-transition: all 0.4s linear;
							-o-transition: all 0.4s linear;
							transition: all 0.4s linear;
							a{
								color: #fff;
								display: table-cell;
								vertical-align: middle;
								&:hover{
									text-decoration: none;
								}
							}
						}
						&:hover{
							h1{
								opacity:1.0;
								filter:alpha(opacity=100);
							}
						}
					}
				}
			}/* /centraliza */
		}/* /suites */
		.internas{
			.galeria{
				height: 400px;
				.slick-slide img{display:block;width:90%; margin-left: 20px;}
				.slick-next, .slick-prev{
					width: 60px;
					height: 60px;
					top: 60px;
				}
				.slick-next{
					right: 25%;
					background: url(../img/sprite.png) no-repeat 0 -298px;
				}
				.slick-prev{
					left: 25%;
					background: url(../img/sprite.png) no-repeat 0 -366px;
				}
			}
			.listagem{
				article{
					height: 600px;
					.text{
						a{
							h2{
								font-size: 45px;
							}
							.local{
								width: 98%;
								margin: 0 2%;
							}
						}
					}
					&.bg_verde{
						background: #a8c142;
						p{
							color: #000;
							padding: 60px 30px 0 30px;
						}
					}
				}
			}/* /listagem */
		}/* /internas */
	}/* /container */
	footer {
		.rodape{
			.news{
				width: 100%;
				display: inline-block;
				margin: 20px 0 30px 0;
				p{
					color: #5e6031;
					font-size: 12px;
					margin-bottom: 25px;
					
				}
				form{
					input{
						color: #909270;
						font-size: 14px;
						background: #5e6031;
						border: 0;
						padding: 5px 15px;
						margin-right: 10px;
						&.bt_ok{
							margin: 0;
						}
					}
				}
			}
		}	
	}/* /footer */
}/* /fim tablet */
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
	#container{
		.internas{
			.galeria{
				height: 600px;
				.slick-slide img{display:block;width:90%; margin-left: 35px;}
				.slick-next, .slick-prev{
					top: 140px;
				}
				.slick-next{
					right: 20%;
					background: url(../img/sprite.png) no-repeat 0 -118px;
				}
				.slick-prev{
					left: 20%;
				}
			}
			.listagem{
				article{
					&.bg_verde{
						p{
							color: #000;
							padding: 250px 100px 0 100px;
						}
					}
				}
			}/* /listagem */
		}/* /internas */
	}/* /container */
}/* /fim pc */