/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

@font-face {
	font-family: Gotham-Bold;
	font-display: swap;
	src: url(../fonts/Gotham-Bold.otf);
}
@font-face {
	font-family: Gotham-Medium;
	font-display: swap;
	src: url(../fonts/Gotham-Medium.otf);
}
@font-face {
	font-family: Gotham-Light;
	font-display: swap;
	src: url(../fonts/Gotham-Light.otf);
}
@font-face {
	font-family: Milkshake;
	font-display: swap;
	src: url(../fonts/Milkshake.otf);
}
@font-face {
	font-family: Milkshake;
	font-display: swap;
	src: url(../fonts/Milkshake.ttf);
}
@font-face{
	font-family: Gotham-Book;
	font-display: swap;
	src: url(../fonts/Gotham-Book.otf);
}

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/**SEQUENCIA DAS DOBRAS ALTERADA DEVIDO A AJUSTES NO SITE SEGUE 1, 2, 5, 3 E 4**/
#corpo{
	z-index: 1;
}
.miolopreto{
	display: block;
    position: relative;
	width: 100%;
	z-index: 10;
}
#meiotelo{
	position: relative;
	overflow: hidden;
	background-image: url(../images/lp_fundo_dobra1.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100%;
	padding-bottom: 9.6%;
}
#meiotelo #text-area{
	margin-top: 15%;
}
#meiotelo #img-area-topo{
	margin: 22% 10% 0;
}
.img-mouse{
	display: none;
}

#text-area{
	height: 100%;
	display: table;
}

.texto-meio{
	font-family: Milkshake;
	font-size: 35px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}

.texto-meio .span-mob{
	display: none;
}

/*#next-dobra-mobile{
	display: none;
}*/

#img-area{
	height: 100%;
	display: table;
	position: relative;
	float: right;
	margin-right: 45px;
}

#img-area-topo{
	height: 100%;
	display: table;
	position: relative;
	float: right;
	margin-right: 10%;
}
#direita{
	height: 100%;
    display: table;
    position: relative;
    float: right;
    margin: 15% 5% 0;
    width: 40%;
}
.img-especialistas {
	display: inline-block;
	margin: 10% 25% 0;
}

.img-especialistas img{
	width: 300px;
}

#next-dobra{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}

#next-dobra-viola{
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
}

#next-dobra5{
	display: none;
}

.link-dobra{
	margin: auto;
	width: 50%;
}

.link-dobra a{
	display: block;
	width: 90px;
	height: 60px;
	margin: 0 0 0px 40%;
}
#dobra2{
	position: relative;
	overflow: hidden;
	background-image: url(../images/lp_fundo_dobra2.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100%;
	padding-bottom: 3.6%;
	z-index: 10;
}

#dobra2 .titulo {
	width: 100%;
    display: table-cell;
    vertical-align: top;
    float: left;
	margin-top: 10%;
	color: #00688f;
}

#dobra2 .img-titulo-dobra2 {
    position: relative;
    width: 100%;
    background: url(../images/speech_bubble_dobra2.png);
    background-size: 100%;
    background-repeat: no-repeat;
	height: 560px;
}

#dobra2 .texto-titulo{
	font-family: Gotham-Medium;
    font-size: 45px;
    line-height: 1.5;
    position: relative;
	padding: 15% 6% 0;
	text-align: center;
}

#dobra2 .img-logo-topo{
	right: 0px;
    margin-top: 70px;
    position: absolute;
}

#dobra2 #img-area{
	height: 0;
	display: table;
    position: relative;
    float: right;
    margin-right: 49px;
}

#dobra2 .img-logo-topo{
	right: 0px;
    margin-top: 70px;
    position: absolute;
}

.img-querousar-aparelho {
	display: inline-block;
    width: 100%;
    margin-left: 25%;
}

.img-querousar-aparelho img{
	width: 50%;
}

.titulo{
	margin-top: 200px;
	font-family: Milkshake;
	font-size: 40px;
	line-height: 1;
}

.texto-normal{
	margin-top: 80px;
	font-family: Gotham-Book;
}

#dobra3{
	position: relative;
    overflow: hidden;
    background-image: url(../images/lp_fundo_dobra3_2.jpg);
    background-repeat: no-repeat 100%;
    background-size: 100%;
    height: 100%;
	padding-bottom: 9.85%;
    z-index: 10;
}

#dobra3 #direita{
	width: 50%;
	margin: 0;
}

#dobra3 #img-area {
    background-image: url(../images/fundo_filtro_cafe.png);
    margin: 20% 5% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
}

#dobra3 #img-area2 {
    background-image: url(../images/fundo_filtro_cafe.png);
    margin: 20% 0% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
	position: relative;
	height: 100%;
}

#dobra3 #img-area2 #icones-sup {
	position: relative;
	width: 80%;
	display: block;
	height: 45%;
	margin: 0 auto;
	padding-top: 6%;
}

#dobra3 #img-area2 #icones-inf {
	position: relative;
    width: 60%;
    display: block;
	margin: 0 auto;
	height: 35%;
}

#dobra3 .icone{
    float: left;
    display: block;
}

#dobra3 #img-area2 .icones-sup .icone {
	width: 28%;
    float: left;
    display: block;
}

#dobra3 #img-area2 .icones-inf .icone {
	width: 44%;
    float: left;
    display: block;
}

#dobra3 .icone-txt{
	font-family: Gotham-Light;
    color: #000;
    font-size: 12px;
    display: inline-block;
	line-height: 1.2;
    text-align: center;
    width: 100%;
}

#dobra3 .shape {
    content: "";
    background-color: rgba(138, 138, 138, 0.4);
    position: relative;
    width: 1px;
    float: left;
    height: 170px;
    margin-right: 40px;
    margin-left: 6px;
    top: 40px;
    display: inline-block;
}

#dobra3 .shape-mob {
    display: none;
}

#dobra3 #img-area2 .shape {
    content: "";
    background-color: rgba(138, 138, 138, 0.4);
    position: relative;
    width: 1px;
    float: left;
    height: 170px;
    margin: 0 15px;
    top: 40px;
    display: inline-block;
}

#dobra3 .icone img{
	width: 80%;
}

#dobra3 #img-area2 .icone img{
	width: 50%;
    margin-left: 25%;
    align-content: center;
    position: relative;
}

#dobra3 .texto-normal3 {
	display: none;
}

.texto-rodape-dobra2{
	margin-top: 40px;
	font-family: Gotham-Book;
	font-size: 10px;
	line-height: 1.5;
}

.img-logo-topo{
	float: right;
	margin-top: 70px;
}
.img-logo-topo img{
	width: 200px;
}


#slide{
	display: none;
}

#dobra3 .texto-normal{
	margin-top: 10px;
}

.img-titulo-dobra3{
	position: relative;
    width: 505px;
    margin: 10px 0 0 20px;
    float: left;
}

#dobra3 #text-area{
	margin-top: 20%;
}

#dobra4{
	position: relative;
	background-image: url(../images/lp_fundo_dobra4.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100%;
	padding-bottom: 5.001%;
	z-index: 100;
}

#dobra4 .titulo {
	width: 100%;
    display: table-cell;
    vertical-align: top;
    float: left;
    margin-top: 20%;
    color: #00688f;
    padding-left: 12%;
}

#dobra4 .img-titulo-dobra4 {
	position: relative;
    width: 100%;
    background: url(../images/speech_bubble_dobra4.png);
    background-size: 90%;
    background-repeat: no-repeat;
    height: 455px;
}

#dobra4 .texto-titulo{
	width: 80%;
    font-family: Gotham-Medium;
    font-size: 60px;
    line-height: 1.2;
    position: relative;
    text-align: center;
    padding: 10% 5% 0;
}
#direitos{
	padding: 5px 0 0 0;
}

.buscar-unidade {
    display: inline-block;
    width: 100%;
    z-index: 20;
}

.form-buscar-unidade{
	display: block;
    width: 95%;
    position: relative;
}

.localizacao{
	display: inline-block;
}

.form-buscar-unidade form{
	width: 100%;
	margin: 0;
}

.form-buscar-unidade #my-location {
	font-family: Gotham-book;
	font-size: 12px;
	color: #1d3274;
	margin-top: 6px;
	margin-left: 15px;
	align-items: center;
	cursor: pointer;
}

.form-buscar-unidade #my-location:before {
	content: url('../images/pin2.png');
	right: 100%;
	margin-right: 10px;
}

.resul-unidades {
	background: white;
    border: 1px solid #c7c7c7;
    position: absolute;
    margin-top: -25px;
    width: 100%;
    box-sizing: border-box;
    overflow-y: auto;
    max-height: 170px;
    display: none;
    z-index: 1000;
}

.resul-unidades li {
	padding: 5px;
}

.resul-unidades li a {
	color: #909090;
	font-family: Gotham-Book;
	display: block;
	padding: 10px;
}

.form-buscar-unidade #aviso {
	display: none;
	font-size: 16px;
	font-family: Prompt-Regular;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #ff2f00;
}

.form-buscar-unidade .on {
	display: none;
}

.form-buscar-unidade form {
	position: relative;
}

.pin{
	width: 18px;
    float: left;
    margin-left: 10px;
}

#mapa{
	position: absolute;
	top: 75px;
}

#dobra4 .img-logo-topo {
	position: absolute;
	bottom: 0;
	right: 0;
}
#dobra4 .img-logo-topo img{
	width: 155px;
}
#dobra4 #img-area{
	height: 7%;
	position: absolute;
	float: right;
	margin-right: 49px;
	bottom: 0;
	z-index: 10;
}
.add-ortho{
    display: inline-block;
    height: 88px;
    padding: 0px;
    position: relative;
    width: 88px;
    z-index: 2147483646;
    background: url(../images/icons/icone_pesquisa.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    margin-top: 7px;
    margin-left: -12%;
}
.map-control .map-control-top{
	bottom: 0px !important;
}

#dobra5{
	position: relative;
	overflow: hidden;
	background-image: url(../images/lp_fundo_dobra5.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 100%;
	padding-bottom: 5%;
	z-index: 5;
}

#dobra5 #direita {
    margin: 0% 5% 0 0;
	width: 60%;
}

#dobra5 .titulo{
	margin-top: 40px;
    font-family: Milkshake;
    font-size: 65px;
    line-height: 1;
    text-align: center;
}

#dobra5 .img-titulo-dobra5 {
    position: relative;
    width: 100%;
    background: url(../images/speech_bubble_dobra5.png);
    background-size: 75%;
    background-repeat: no-repeat;
    height: 490px;
}

#dobra5 .img-titulo-dobra5 .texto-titulo{
	width: 75%;
	padding: 5% 0 0 5%;
	text-align: left;
}

#dobra5 .img-querousar-aparelho {
    display: inline-block;
    width: 100%;
    margin: 0;
}

#dobra5 .img-querousar-aparelho img {
    width: 50%;
    float: right;
    margin: 5% 15% 0 0;
}

.botoes{
	margin-top: 10%;
    margin-left: 15%;
}

.botoes img{
	width: 300px;
	margin-bottom: 15px;
}

.botoes input{
	width: 450px;
	margin-bottom: 50px;
}

#iniciodobra2{
	width: 100%;
	display: block;
	position: relative;
	z-index: 100;
}
#iniciodobra3{
	width: 100%;
	display: block;
	position: relative;
	z-index: 100;
}
#iniciodobra4{
	width: 100%;
	display: block;
	position: relative;
	z-index: 100;
}
#iniciodobra5{
	width: 100%;
	display: block;
	position: relative;
	z-index: 100;
}

.dobra5-titulo2{
	color: #00cbee;
}

#form{
	margin: 5% 0 5% 5%;
    width: 100%;
}

.titulo-modal{
	margin-top: 25px;
    color: #009cc8;
    font-family: Milkshake;
    font-size: 40px;
	line-height: 1;
	margin-left: 5%;
	margin-bottom: 25px;
}

.titulo-modal-form{
	margin-top: 25px;
    color: #009cc8;
    font-family: Milkshake;
    font-size: 40px;
    line-height: 1;
    margin-left: 5%;
	margin-bottom: 15px;
	text-align: center;
}

.form{
	margin-bottom: 20px;
    width: 100%;
}

#divag{
    position: relative;
    display: table;
	width: 94%;
}

#divag img{
	cursor: pointer;
    float: right;
	width: 100%;
}

#divag_form{
	margin: 0 auto;
    position: relative;
    display: table;
    width: 73%;
}

#divag_form img{
	cursor: pointer;
    float: right;
    width: 100px;
}

#sucesso span{
	color: #009cc8;
}

/* #Media Queries
================================================== */
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
  
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
}

.modal-content-form {
background-color: #fefefe;
margin: 15% auto;
padding: 20px;
border: 1px solid #888;
width: 50%;
}

/* The Close Button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

.close-form {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
}

.close-form:hover,
.close-form:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

  
	

	@media only screen and (max-width: 959px) {}

	

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (min-width: 310px) and (max-width: 320px) {
	#meiotelo {
		width: 100%;
		position: relative;
		overflow: hidden;
		background-image: url(../images/fundo_mobile1.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		margin: 0;
		height: 201vw;
	}

	#meiotelo #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0;
		width: 100%;
	}

	#meiotelo #form {
		margin: 40% 0 0;
		width: 100%;
	}

	input.name {
		margin-right: 0px;
		float: unset;
		width: 90%;
		margin-bottom: 10px;
		margin-left: 10px;
		height: 32px;
	}

	select.estado {
		width: 18%;
		float: left;
		margin-right: 5px;
		margin-bottom: 10px;
		margin-left: 10px;
		height: 32px;
	}

	select.cidade {
		width: 71%;
		margin-right: 0;
		margin-bottom: 10px;
		height: 32px;
	}

	input.celular {
		width: 91%;
		margin-bottom: 10px;
		height: 32px;
		margin-left: 10px;
	}

	#divag {
		position: relative;
		display: table;
		width: 91%;
		margin-left: 10px;
	}

	.img-especialistas {
		display: inline-block;
		margin: 75% 0% 0;
	}

	.img-especialistas img {
		width: 280px;
		position: relative;
	}
	#dobra2 {
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile2.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		height: 207vw;
		margin: 0;
	}
	#dobra2 #text-area {
		display: table;
		width: 100%;
		height: 0;
	}
	#dobra2 #text-area .titulo {
		margin-top: 50px;
		padding: 0%;
	}
	#dobra2 .img-titulo-dobra2 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra2.png);
		background-size: 80%;
		background-repeat: no-repeat;
		height: 230px;
		margin-left: 25px;
	}
	#dobra2 .texto-titulo {
		font-family: Gotham-Medium;
		font-size: 18px;
		line-height: 1.5;
		position: relative;
		padding: 9% 2% 0;
		text-align: center;
		width: 76%;
	}

	#dobra2 .img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin-left: 16%;
	}

	#dobra2 .img-querousar-aparelho img {
		width: 60%;
	}

	#dobra3 {
		margin: 0px;
		position: relative;
		background-image: url(../images/fundo_mobile3.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 375vw;
	}
	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe_mob.png);
		margin: 20% 5% 0;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
	}

	#dobra3 #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0;
		width: 100%;
	}

	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe_mob.png);
		margin: 40% 3% 0;
		background-size: 95%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
	}

	#dobra3 #img-area2 #icones-sup {
		position: relative;
		width: 95%;
		display: block;
		height: 28%;
	}

	#dobra3 #img-area2 .icones-sup .icone {
		width: 100%;
		float: left;
		display: inline-block;
		margin-bottom: 0;
		/* margin-top: 10px; */
	}

	#dobra3 #img-area2 .icone img {
		width: 20%;
		margin-top: 5%;
		margin-right: 5%;
		margin-left: 0;
		position: relative;
		float: left;
	}

	#dobra3 .icone-txt {
		font-family: Gotham-Light;
		color: #000;
		font-size: 10px;
		display: block;
		line-height: 1.2;
		text-align: left;
		width: 65%;
		position: relative;
		float: left;
	}

	#dobra3 #img-area2 .shape {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: initial;
		width: 220px;
		float: left;
		height: 1px;
		margin: 15px 0px;
		margin-left: 50px;
		display: inline-block;
	}

	#dobra3 .shape-mob {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: initial;
		width: 220px;
		float: left;
		height: 1px;
		margin: 15px 0px;
		margin-left: 50px;
		display: inline-block;
	}

	#dobra3 #img-area2 #icones-inf {
		position: relative;
		width: 95%;
		display: block;
		height: 20%;
	}

	#dobra3 #img-area2 .icones-inf .icone {
		width: 100%;
		float: left;
		display: inline-block;
		margin-bottom: 0;
		/* margin-top: 10px; */
	}

	#dobra4 {
		margin: 0;
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile4.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		height: 203vw;
		/* padding: 0; */
	}

	#dobra4 #text-area {
		width: 95%;
		height: 100%;
		display: table;
	}

	#dobra4 .titulo {
		color: #fff;
		margin-top: 50px;
		font-family: Milkshake;
		font-size: 30px;
		line-height: 1;
		text-align: center;
		margin: 40px auto 0;
		padding-left: 5%;
		width: 100%;
	}

	#dobra4 .img-titulo-dobra4 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra4.png);
		background-size: 90%;
		background-repeat: no-repeat;
		height: 230px;
	}

	#dobra4 .texto-titulo {
		width: 81%;
		font-family: Gotham-Medium;
		font-size: 30px;
		line-height: 1.2;
		position: relative;
		text-align: center;
		color: #00688f;
		padding: 10% 5% 0;
	}

	#dobra4 input.busca-unidade {
		margin: 0px 0 0 2%;
		float: left;
		background: #ffffff;
		width: 70%;
		height: 25px;
		border: 2px solid #009cc8;
		padding: 12px 15px 12px 15px;
		font: 13px "Lato", sans-serif;
		color: #dddddd !important;
		border-radius: 30px;
	}

	#dobra4 .add-ortho {
		display: inline-block;
		height: 88px;
		padding: 0px;
		position: relative;
		width: 88px;
		z-index: 2147483646;
		background: url(../images/icons/icone_pesquisa.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
		margin-top: -15px;
		margin-left: -18%;
	}

	#dobra5 {
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile5.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0;
		height: 200vw;
	}

	#dobra5 #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0;
		width: 100%;
	}

	#dobra5 #text-area {
		display: block;
		width: 100%;
		height: 75%;
		margin: 0;
	}

	#dobra5 .titulo {
		margin-top: 20px;
		font-family: Milkshake;
		font-size: 30px;
		line-height: 1;
		text-align: center;
	}

	#dobra5 .img-titulo-dobra5 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra5.png);
		background-size: 95%;
		background-repeat: no-repeat;
		height: 420px;
		margin: 0 2%;
	}

	#dobra5 .img-titulo-dobra5 .texto-titulo {
		width: 95%;
		padding-top: 5%;
	}

	#dobra5 .img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin: 0;
	}

	#dobra5 .img-querousar-aparelho img {
		width: 280px;
		float: right;
		margin: 6% 6% 0 0;
	}

	.botoes {
		margin-top: 25px;
		position: relative;
	}

	.botoes input {
		width: 290px;
		margin-left: 0%;
		margin-bottom: 20px;
		position: relative;
	} 

	#dobra5 #img-area {
		display: none;
	}

}

@media only screen and (min-width: 321px) and (max-width: 360px) {

	#meiotelo {
		width: 100%;
		position: relative;
		overflow: hidden;
		background-image: url(../images/fundo_mobile1.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		margin: 0;
		height: 201vw;
	}

	#meiotelo #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0;
		width: 100%;
	}

	#meiotelo #form {
		margin: 40% 0 0;
		width: 100%;
	}

	input.name {
		margin-right: 0px;
		float: unset;
		width: 90%;
		margin-bottom: 10px;
		margin-left: 10px;
		height: 32px;
	}

	select.estado {
		width: 18%;
		float: left;
		margin-right: 5px;
		margin-bottom: 10px;
		margin-left: 10px;
		height: 32px;
	}

	select.cidade {
		width: 71%;
		margin-right: 0;
		margin-bottom: 10px;
		height: 32px;
	}

	input.celular {
		width: 91%;
		margin-bottom: 10px;
		height: 32px;
		margin-left: 10px;
	}

	#divag {
		position: relative;
		display: table;
		width: 91%;
		margin-left: 10px;
	}

	.img-especialistas {
		display: inline-block;
		margin: 75% 5% 0;
	}

	.img-especialistas img {
		width: 280px;
		position: relative;
	}
	#dobra2 {
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile2.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		height: 207vw;
		margin: 0;
	}
	#dobra2 #text-area {
		display: table;
		width: 100%;
		height: 0;
	}
	#dobra2 #text-area .titulo {
		margin-top: 50px;
		padding: 0%;
	}
	#dobra2 .img-titulo-dobra2 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra2.png);
		background-size: 80%;
		background-repeat: no-repeat;
		height: 230px;
		margin-left: 25px;
	}
	#dobra2 .texto-titulo {
		font-family: Gotham-Medium;
		font-size: 18px;
		line-height: 1.5;
		position: relative;
		padding: 9% 2% 0;
		text-align: center;
		width: 76%;
	}

	#dobra2 .img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin-left: 16%;
	}

	#dobra2 .img-querousar-aparelho img {
		width: 60%;
	}

	#dobra3 {
		margin: 0px;
		position: relative;
		background-image: url(../images/fundo_mobile3.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 375vw;
	}
	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe_mob.png);
		margin: 20% 5% 0;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
	}

	#dobra3 #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0;
		width: 100%;
	}

	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe_mob.png);
		margin: 40% 3% 0;
		background-size: 95%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
	}

	#dobra3 #img-area2 #icones-sup {
		position: relative;
		width: 95%;
		display: block;
		height: 28%;
		padding: 12% 0% 0% 5%;
	}

	#dobra3 #img-area2 .icones-sup .icone {
		width: 100%;
		float: left;
		display: inline-block;
		margin-bottom: 0;
		/* margin-top: 10px; */
	}

	#dobra3 #img-area2 .icone img {
		width: 20%;
		margin-top: 5%;
		margin-right: 5%;
		margin-left: 0;
		position: relative;
		float: left;
	}

	#dobra3 .icone-txt {
		font-family: Gotham-Light;
		color: #000;
		font-size: 10px;
		display: block;
		line-height: 1.2;
		text-align: left;
		width: 65%;
		position: relative;
		float: left;
	}

	#dobra3 #img-area2 .shape {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: initial;
		width: 220px;
		float: left;
		height: 1px;
		margin: 15px 0px;
		margin-left: 50px;
		display: inline-block;
	}

	#dobra3 .shape-mob {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: initial;
		width: 220px;
		float: left;
		height: 1px;
		margin: 15px 0px;
		margin-left: 50px;
		display: inline-block;
	}

	#dobra3 #img-area2 #icones-inf {
		position: relative;
		width: 95%;
		display: block;
		height: 20%;
	}

	#dobra3 #img-area2 .icones-inf .icone {
		width: 100%;
		float: left;
		display: inline-block;
		margin-bottom: 0;
		/* margin-top: 10px; */
	}

	#dobra4 {
		margin: 0;
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile4.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		height: 203vw;
		/* padding: 0; */
	}

	#dobra4 #text-area {
		width: 95%;
		height: 100%;
		display: table;
	}

	#dobra4 .titulo {
		color: #fff;
		margin-top: 50px;
		font-family: Milkshake;
		font-size: 30px;
		line-height: 1;
		text-align: center;
		margin: 40px auto 0;
		padding-left: 5%;
		width: 100%;
	}

	#dobra4 .img-titulo-dobra4 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra4.png);
		background-size: 90%;
		background-repeat: no-repeat;
		height: 250px;
	}

	#dobra4 .texto-titulo {
		width: 81%;
		font-family: Gotham-Medium;
		font-size: 30px;
		line-height: 1.2;
		position: relative;
		text-align: center;
		color: #00688f;
		padding: 10% 5% 0;
	}

	#dobra4 input.busca-unidade {
		margin: 0px 0 0 7%;
		float: left;
		background: #ffffff;
		width: 70%;
		height: 25px;
		border: 2px solid #009cc8;
		padding: 12px 15px 12px 15px;
		font: 13px "Lato", sans-serif;
		color: #dddddd !important;
		border-radius: 30px;
	}

	#dobra4 .add-ortho {
		display: inline-block;
		height: 88px;
		padding: 0px;
		position: relative;
		width: 88px;
		z-index: 2147483646;
		background: url(../images/icons/icone_pesquisa.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
		margin-top: -15px;
		margin-left: -18%;
	}

	#dobra5 {
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile5.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0;
		height: 200vw;
	}

	#dobra5 #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0;
		width: 100%;
	}

	#dobra5 #text-area {
		display: block;
		width: 100%;
		height: 75%;
		margin: 0;
	}

	#dobra5 .titulo {
		margin-top: 20px;
		font-family: Milkshake;
		font-size: 30px;
		line-height: 1;
		text-align: center;
	}

	#dobra5 .img-titulo-dobra5 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra5.png);
		background-size: 95%;
		background-repeat: no-repeat;
		height: 485px;
		margin: 0 2%;
	}

	#dobra5 .img-titulo-dobra5 .texto-titulo {
		width: 95%;
		padding-top: 5%;
	}

	#dobra5 .img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin: 0;
	}

	#dobra5 .img-querousar-aparelho img {
		width: 280px;
		float: right;
		margin: 6% 6% 0 0;
	}

	.botoes {
		margin-top: 25px;
		position: relative;
	}

	.botoes input {
		width: 290px;
		margin-left: 0%;
		margin-bottom: 20px;
		position: relative;
	} 

	#dobra5 #img-area {
		display: none;
	}
}

@media only screen and (min-width: 361px) and (max-width: 375px) {
	#dobra3 #img-area2 #icones-sup {
		position: relative;
		width: 95%;
		display: block;
		height: 28%;
		padding: 10% 0% 0% 5%;
	}
	#dobra3 #img-area2 #icones-inf {
		position: relative;
		width: 95%;
		display: block;
		height: 20%;
		padding-left: 5%;
	}
}

@media only screen and (min-width: 361px) and (max-width: 479px) {
	#meiotelo {
		width: 100%;
		position: relative;
		overflow: hidden;
		background-image: url(../images/fundo_mobile1.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		margin: 0;
		height: 211vw;
	}

	#meiotelo #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0% 10%;
		width: 100%;
	}

	#meiotelo #form {
		margin: 50% 0 0;
		width: 100%;
	}

	input.name {
		margin-right: 0px;
		float: unset;
		width: 98%;
		margin-bottom: 15px;
	}

	select.estado {
		width: 20%;
		float: left;
		margin-right: 10px;
		margin-bottom: 15px;
	}

	select.cidade {
		width: 75%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	input.celular {
		width: 99%;
		margin-bottom: 15px;
	}

	.img-especialistas {
		display: inline-block;
		margin: 95% 0% 0;
	}

	.img-especialistas img {
		width: 280px;
		position: relative;
	}
	#dobra2 {
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile2.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		height: 211vw;
		margin: 0;
	}
	#dobra2 #text-area {
		display: table;
		width: 100%;
		height: 0;
	}
	#dobra2 #text-area .titulo {
		margin-top: 50px;
		padding: 0%;
	}
	#dobra2 .img-titulo-dobra2 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra2.png);
		background-size: 80%;
		background-repeat: no-repeat;
		height: 255px;
		margin-left: 25px;
	}
	#dobra2 .texto-titulo {
		font-family: Gotham-Medium;
		font-size: 20px;
		line-height: 1.5;
		position: relative;
		padding: 9% 2% 0;
		text-align: center;
		width: 80%;
	}

	#dobra2 .img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin-left: 16%;
	}

	#dobra2 .img-querousar-aparelho img {
		width: 60%;
	}

	#dobra3 {
		margin: 0px;
		position: relative;
		background-image: url(../images/fundo_mobile3.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 376vw;
	}
	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe_mob.png);
		margin: 20% 5% 0;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
	}

	#dobra3 #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0% 5%;
		width: 100%;
	}

	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe_mob.png);
		margin: 50% 0 0;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
	}

	#dobra3 #img-area2 #icones-sup {
		position: relative;
		width: 95%;
		display: block;
		height: 28%;
		padding: 10% 0% 0% 5%;
	}

	#dobra3 #img-area2 .icones-sup .icone {
		width: 100%;
		float: left;
		display: inline-block;
		margin-bottom: 0;
		/* margin-top: 10px; */
	}

	#dobra3 #img-area2 .icone img {
		width: 20%;
		margin-top: 5%;
		margin-right: 5%;
		margin-left: 0;
		position: relative;
		float: left;
	}

	#dobra3 .icone-txt {
		font-family: Gotham-Light;
		color: #000;
		font-size: 10px;
		display: block;
		line-height: 1.2;
		text-align: left;
		width: 65%;
		position: relative;
		float: left;
	}

	#dobra3 #img-area2 .shape {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: initial;
		width: 220px;
		float: left;
		height: 1px;
		margin: 15px 0px;
		margin-left: 50px;
		display: inline-block;
	}

	#dobra3 .shape-mob {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: initial;
		width: 220px;
		float: left;
		height: 1px;
		margin: 15px 0px;
		margin-left: 50px;
		display: inline-block;
	}

	#dobra3 #img-area2 #icones-inf {
		position: relative;
		width: 95%;
		display: block;
		height: 20%;
		padding-left: 5%;
	}

	#dobra3 #img-area2 .icones-inf .icone {
		width: 100%;
		float: left;
		display: inline-block;
		margin-bottom: 0;
		/* margin-top: 10px; */
	}

	#dobra4 {
		margin: 0;
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile4.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		height: 100%;
		height: 209vw;
		/* padding: 0; */
	}

	#dobra4 #text-area {
		width: 95%;
		height: 100%;
		display: table;
	}

	#dobra4 .titulo {
		color: #fff;
		margin-top: 50px;
		font-family: Milkshake;
		font-size: 30px;
		line-height: 1;
		text-align: center;
		margin: 50px auto 0;
		padding-left: 10%;
		width: 100%;
	}

	#dobra4 .img-titulo-dobra4 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra4.png);
		background-size: 90%;
		background-repeat: no-repeat;
		height: 280px;
	}

	#dobra4 .texto-titulo {
		width: 90%;
		font-family: Gotham-Medium;
		font-size: 30px;
		line-height: 1.2;
		position: relative;
		text-align: center;
		color: #00688f;
		padding: 10% 5% 0;
	}

	#dobra4 input.busca-unidade {
		margin: 0px 0 0 10%;
		float: left;
		background: #ffffff;
		width: 70%;
		height: 50px;
		border: 2px solid #009cc8;
		padding: 12px 15px 12px 15px;
		font: 15px "Lato", sans-serif;
		color: #dddddd !important;
		border-radius: 30px;
	}

	#dobra4 .add-ortho {
		display: inline-block;
		height: 88px;
		padding: 0px;
		position: relative;
		width: 88px;
		z-index: 2147483646;
		background: url(../images/icons/icone_pesquisa.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
		margin-top: -15px;
		margin-left: -12%;
	}

	#dobra5 {
		width: 100%;
		position: relative;
		background-image: url(../images/fundo_mobile5.jpg);
		background-repeat: no-repeat;
		background-size: contain;
		margin: 0;
		height: 200vw;
	}

	#dobra5 #direita {
		height: 100%;
		display: table;
		position: relative;
		float: right;
		margin: 12% 0 0;
		padding: 0% 5%;
		width: 100%;
	}

	#dobra5 #text-area {
		display: block;
		width: 100%;
		height: 75%;
		margin: 0;
	}

	#dobra5 .titulo {
		margin-top: 40px;
		font-family: Milkshake;
		font-size: 35px;
		line-height: 1;
		text-align: center;
	}

	#dobra5 .img-titulo-dobra5 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra5.png);
		background-size: 100%;
		background-repeat: no-repeat;
		height: 490px;
	}

	#dobra5 .img-titulo-dobra5 .texto-titulo {
		width: 100%;
		padding-top: 5%;
	}

	#dobra5 .img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin: 0;
	}

	#dobra5 .img-querousar-aparelho img {
		width: 280px;
		float: right;
		margin: 15% 10% 0 0;
	}

	.botoes {
		margin-top: 25px;
		position: relative;
	}

	.botoes input {
		width: 290px;
		margin-left: 0%;
		margin-bottom: 20px;
		position: relative;
	} 

	#dobra5 #img-area {
		display: none;
	}

	#dobra5 .titulo {
		margin-top: 40px;
		font-family: Milkshake;
		font-size: 35px;
		line-height: 1;
		text-align: center;
	}
	
	

	.form-buscar-unidade #my-location {
		color: #fff;
		margin-left: 25px;
	}

	.form-buscar-unidade #my-location:before {
		content: url(../images/pin3.png);
		right: 100%;
		margin-right: 10px;
	}

	#mapa {
		position: absolute;
		top: 75px;
		width: 95%;
	}

	.buscar-unidade {
		margin: 0 auto;
	}

	#dobra4 rodape{
		height: 50px;
	}

	.titulo-modal {
		width: 94%;
		margin-top: 40px;
		font-size: 30px;
	}

	.modal-content {
		background-color: #fefefe;
		margin: 10% auto;
		padding: 20px;
		border: 1px solid #888;
		width: 80%;
		height: 450px;
	}

	.modal-content-form{
		width: 80%;
		padding: 15px;
	}

	.titulo-modal-form{
		margin-top: 20px;
		font-size: 30px;
	}

	input.nome_form{
		width: 90%;
	}
	input.email_form{
		width: 90%;
	}
	input.celular_form{
		width: 90%;
	}
	#conjunto-form{
		width: 90%;
	}
	select.estado_form{
		width: 25%;
	}
	select.cidade_form{
		width: 70%;
	}
	select.unidade_form{
		width: 90%;
	}
	select.data_form{
		width: 90%;
	}
	#divag_form{
		width: 90%;
	}
	.img-mouse {
		display: block;
		top: 15px;
		position: absolute;
		right: 45%;
		height: 47px;
	}

	.img-mouse img{
		width: 20px;
	}

	#divag img{
		position: relative;
	}

	#divag_form img{
		position: relative;
	}

	/** CARROSSEL **/
	* {box-sizing:border-box}
	#slide {
		display: block;
		margin: 40px 0 0;
	}

	.slider {
		width: 200px;
		text-align: center;
		overflow: hidden;
	}
	
	.slides {
		font-size: 12px;
		display: flex;
		overflow-x: auto;
		border-radius: 10px;
		background: #00366330;
		scroll-snap-type: x mandatory;
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;

		scroll-snap-points-x: repeat(200px);
		scroll-snap-type: mandatory;
	}
	.slides::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	.slides::-webkit-scrollbar-thumb {
		display: none;
	}
	.slides::-webkit-scrollbar-track {
		background: transparent;
	}
	.slides > div {
		scroll-snap-align: start;
		flex-shrink: 0;
		width: 200px;
		height: 125px;
		margin-right: 50px;
		border-radius: 10px;
		transform-origin: center center;
		transform: scale(1);
		transition: transform 0.5s;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 12px;
	}
	.prev, .next {
		margin-right: 5px;
		cursor: pointer;
		/* top: 62%; */
		/* width: auto; */
		/* margin-bottom: -22px; */
		padding: 0px;
		color: #00c9edb9;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
	}
	.author-info {
		background: rgba(0, 0, 0, 0.75);
		color: white;
		padding: 0.75rem;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		margin: 0;
	}
	.author-info a {
		color: white;
	}
	
	.slider > a {
		display: inline-flex;
		width: 1rem;
		height: 1rem;
		background: white;
		text-decoration: none;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		margin: 0.4rem 0.3rem 0rem 0;
		position: relative;
	}
	.slider > a:active {
		top: 1px;
	}
	.slider > a:focus {
		background: #000;
	}

	.active, .dot:hover {
		background-color: #00c9edb9 !important;
	}
	
	/* Don't need button navigation */
	@supports (scroll-snap-type) {
		.slider > a {
			display: none;
		}
	}	
}

@media only screen and (min-width: 550px) and ( max-width: 767px ) {
	#meiotelo{
		padding-bottom: 1.6%;
	}
	#meiotelo #text-area{
		width: 365px;
		margin-top: 10%;
		padding-left: 50px;
	}
	#meiotelo #text-area .texto-meio{
		font-size: 22px;
	}
	#meiotelo #img-area-topo{
		margin: 20% 2% 0;
		height: 100%;
		display: table;
		position: absolute;
		float: right;
		right: 70px;
	}

	#meiotelo #img-area-topo .img-meio img {
		width: 210px;
	}

	input.name {
		float: left;
		background: #ffffff;
		margin-right: 10px;
		width: 94%;
		margin-bottom: 12px;
		height: 30px;
	}

	select.estado {
		background: #ffffff;
		width: 18%;
		float: left;
		margin-right: 5px;
	}

	select.cidade {
		background: #ffffff;
		width: 45%;
		float: left;
		margin-right: 5px;
	}

	.img-especialistas {
		display: inline-block;
		margin: 5% 15% 0;
	}

	.img-especialistas img {
		width: 220px;
	}

	#dobra2{
		padding-bottom: 0%;
	}
	#dobra2 #text-area {
		height: 100%;
		display: table;
		width: 345px;
		padding-left: 30px;
	}

	#dobra2 #text-area .titulo {
		margin-top: 30px;
	}

	#dobra2 .img-titulo-dobra2 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra2.png);
		background-size: 95%;
		background-repeat: no-repeat;
		height: 275px;
	}

	#dobra2 .texto-titulo {
		font-family: Gotham-Medium;
		font-size: 20px;
		line-height: 1.5;
		position: relative;
		padding: 15% 6% 0;
		text-align: center;
	}

	#dobra2 #img-area {
		height: 100%;
		display: table;
		position: absolute;
		float: right;
		margin-right: 25px;
		right: 0;
	}

	#dobra2 #img-area .img-logo-topo {
		right: 0px;
		margin-top: 30px;
		position: absolute;
	}

	#dobra2 #img-area .img-logo-topo img {
		width: 135px;
	}

	.img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin-left: 20%;
	}

	.img-querousar-aparelho img {
		width: 60%;
	}

	#dobra3 {
		padding-bottom: 0;
	}

	#dobra3 #text-area{
		margin-top: 20%;
		height: 100%;
		display: table;
		width: 365px;
	}

	#dobra3 #text-area .botoes {
		margin-top: 10%;
		margin-left: 18%;
	}

	#dobra3 #text-area .botoes input {
		width: 250px;
		margin-bottom: 20px;
	}

	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe.png);
		margin: 16% 0% 0;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
		height: 100%;
	}

	#dobra3 #img-area .img-logo-topo {
		right: 0px;
		margin-top: 30px;
		position: absolute;
	}

	#dobra3 #img-area .img-logo-topo img {
		width: 135px;
	}

	#dobra3 #img-area2 #icones-sup {
		position: relative;
		width: 80%;
		display: block;
		height: 38%;
		padding: 2% 0% 0% 10%;
	}

	#dobra3 #img-area2 .icones-sup .icone {
		width: 27%;
		float: left;
		display: block;
	}

	#dobra3 .icone-txt {
		font-family: Gotham-Light;
		color: #000;
		font-size: 7.5px;
		display: inline-block;
		line-height: 1;
		text-align: center;
		width: 100%;
	}

	#dobra3 #img-area2 .shape {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: relative;
		width: 1px;
		float: left;
		height: 90px;
		margin: 0 12px;
		top: 15px;
		display: inline-block;
	}

	#dobra3 #img-area2 #icones-inf {
		position: relative;
		width: 60%;
		display: block;
		height: 40%;
		padding-left: 22%;
	}

	#dobra3 #img-area2 .icones-inf .icone {
		width: 43%;
		float: left;
		display: block;
	}

	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe.png);
		margin: 18% 0% 0;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
		height: 100%;
	}

	#dobra4 {
		padding-bottom: 8%;
	}
	
	#dobra4 #text-area {
		float: left;
		width: 50%;
	}
	#dobra4 #text-area .titulo {
		color: #1d3274;
		margin-left: 0px;
		margin-top: 9%;
		padding-left: 5%;
	}

	#dobra4 .img-titulo-dobra4 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra4.png);
		background-size: 85%;
		background-repeat: no-repeat;
		height: 255px;
	}

	#dobra4 .texto-titulo {
		width: 80%;
		font-family: Gotham-Medium;
		font-size: 33px;
		line-height: 1.2;
		position: relative;
		text-align: center;
		padding: 8% 5% 0;
	}

	#dobra4 #text-area .buscar-unidade .form-buscar-unidade {
		display: block;
		width: 90%;
		position: relative;
		margin-left: 25px;
	}

	input.busca-unidade {
		margin: 0px 0 0 5%;
		float: left;
		background: #ffffff;
		width: 60%;
		height: 20px;
		border: 2px solid #dddddd;
		padding: 12px 15px 12px 15px;
		font: 15px "Lato", sans-serif;
		border-radius: 30px;
	}

	.add-ortho {
		display: inline-block;
		height: 80px;
		padding: 0px;
		position: relative;
		width: 80px;
		z-index: 2147483646;
		background: url(../images/icons/icone_pesquisa.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
		margin-top: -14px;
		margin-left: -12%;
	}

	#dobra5 {
		padding-bottom: 9%;
	}

	#dobra5 .titulo {
		margin-top: 40px;
		font-family: Milkshake;
		font-size: 32px;
		line-height: 1;
		text-align: center;
	}

	#dobra5 .img-titulo-dobra5 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra5.png);
		background-size: 75%;
		background-repeat: no-repeat;
		height: 220px;
	}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#meiotelo{
		padding-bottom: 2.6%;
	}
	#meiotelo #text-area{
		width: 365px;
		margin-top: 10%;
		padding-left: 50px;
	}
	#meiotelo #text-area .texto-meio{
		font-size: 22px;
	}
	#meiotelo #img-area-topo{
		margin: 20% 2% 0;
		height: 100%;
		display: table;
		position: absolute;
		float: right;
		right: 70px;
	}

	#meiotelo #img-area-topo .img-meio img {
		width: 210px;
	}

	input.name {
		float: left;
		background: #ffffff;
		margin-right: 10px;
		width: 94%;
		margin-bottom: 12px;
		height: 30px;
	}

	select.estado {
		background: #ffffff;
		width: 18%;
		float: left;
		margin-right: 5px;
	}

	select.cidade {
		background: #ffffff;
		width: 45%;
		float: left;
		margin-right: 5px;
	}

	.img-especialistas {
		display: inline-block;
		margin: 5% 15% 0;
	}

	.img-especialistas img {
		width: 220px;
	}

	#dobra2{
		padding-bottom: 2%;
	}
	#dobra2 #text-area {
		height: 100%;
		display: table;
		width: 345px;
		padding-left: 30px;
	}

	#dobra2 #text-area .titulo {
		margin-top: 30px;
	}

	#dobra2 .img-titulo-dobra2 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra2.png);
		background-size: 95%;
		background-repeat: no-repeat;
		height: 275px;
	}

	#dobra2 .texto-titulo {
		font-family: Gotham-Medium;
		font-size: 20px;
		line-height: 1.5;
		position: relative;
		padding: 15% 6% 0;
		text-align: center;
	}

	#dobra2 #img-area {
		height: 100%;
		display: table;
		position: absolute;
		float: right;
		margin-right: 25px;
		right: 0;
	}

	#dobra2 #img-area .img-logo-topo {
		right: 0px;
		margin-top: 30px;
		position: absolute;
	}

	#dobra2 #img-area .img-logo-topo img {
		width: 135px;
	}

	.img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin-left: 20%;
	}

	.img-querousar-aparelho img {
		width: 60%;
	}

	#dobra3 {
		padding-bottom: 0;
	}

	#dobra3 #text-area{
		margin-top: 20%;
		height: 100%;
		display: table;
		width: 365px;
	}

	#dobra3 #text-area .botoes {
		margin-top: 10%;
		margin-left: 18%;
	}

	#dobra3 #text-area .botoes input {
		width: 250px;
		margin-bottom: 20px;
	}

	#dobra3 #img-area {
		height: 100%;
		display: table;
		position: absolute;
		float: right;
		margin-right: 25px;
		right: 0;
	}

	#dobra3 #img-area .img-logo-topo {
		right: 0px;
		margin-top: 30px;
		position: absolute;
	}

	#dobra3 #img-area .img-logo-topo img {
		width: 135px;
	}

	#dobra3 #img-area2 #icones-sup {
		position: relative;
		width: 80%;
		display: block;
		height: 39%;
		padding: 2% 0% 0% 10%;
	}

	#dobra3 #img-area2 .icones-sup .icone {
		width: 26%;
		float: left;
		display: block;
	}

	#dobra3 .icone-txt {
		font-family: Gotham-Light;
		color: #000;
		font-size: 8px;
		display: inline-block;
		line-height: 1;
		text-align: center;
		width: 100%;
	}

	#dobra3 #img-area2 .shape {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: relative;
		width: 1px;
		float: left;
		height: 90px;
		margin: 0 12px;
		top: 40px;
		display: inline-block;
	}

	#dobra3 #img-area2 #icones-inf {
		position: relative;
		width: 60%;
		display: block;
		height: 40%;
		padding-left: 22%;
	}

	#dobra3 #img-area2 {
		background-image: url(../images/fundo_filtro_cafe.png);
		margin: 18% 0% 0;
		background-size: 100%;
		background-repeat: no-repeat;
		width: 100%;
		position: relative;
		height: 100%;
	}

	#dobra4 {
		padding-bottom: 0%;
	}
	
	#dobra4 #text-area {
		float: left;
		width: 50%;
	}
	#dobra4 #text-area .titulo {
		color: #1d3274;
		margin-left: 0px;
		margin-top: 9%;
		padding-left: 5%;
	}

	#dobra4 .img-titulo-dobra4 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra4.png);
		background-size: 90%;
		background-repeat: no-repeat;
		height: 265px;
	}

	#dobra4 .texto-titulo {
		width: 80%;
		font-family: Gotham-Medium;
		font-size: 35px;
		line-height: 1.2;
		position: relative;
		text-align: center;
		padding: 10% 5% 0;
	}

	

	#dobra4 #text-area .buscar-unidade .form-buscar-unidade {
		display: block;
		width: 90%;
		position: relative;
		margin-left: 25px;
	}

	input.busca-unidade {
		margin: 0px 0 0 5%;
		float: left;
		background: #ffffff;
		width: 60%;
		height: 25px;
		border: 2px solid #dddddd;
		padding: 12px 15px 12px 15px;
		font: 15px "Lato", sans-serif;
		border-radius: 30px;
	}

	.add-ortho {
		display: inline-block;
		height: 80px;
		padding: 0px;
		position: relative;
		width: 80px;
		z-index: 2147483646;
		background: url(../images/icons/icone_pesquisa.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
		margin-top: -11px;
		margin-left: -12%;
	}

	#dobra5 {
		padding-bottom: 9%;
	}

	#dobra5 .titulo {
		margin-top: 40px;
		font-family: Milkshake;
		font-size: 32px;
		line-height: 1;
		text-align: center;
	}

	#dobra5 .img-titulo-dobra5 {
		position: relative;
		width: 100%;
		background: url(../images/speech_bubble_dobra5.png);
		background-size: 75%;
		background-repeat: no-repeat;
		height: 220px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1024px) {
	#meiotelo {
		padding-bottom: 1.9%;
	}
	#meiotelo #img-area-topo {
		margin: 20% 5% 0;
	}
	#meiotelo #img-area-topo .img-meio img {
		width: 270px;
	}
	#meiotelo #text-area {
		margin-top: 15%;
	}
	#meiotelo #text-area .texto-meio {
		font-size: 25px;
	}
	#dobra2 {
		background-size: 100%;
		height: 100%;
		padding-bottom: 2.2%;
	}
	#dobra2 .titulo {
		width: 80%;
		margin-top: 60px;
	}
	#dobra2 .texto-titulo {
		font-size: 28px;
		padding: 10% 4% 0;
		width: 78%;
	}
	#dobra2 .img-titulo-dobra2 {
		background-size: 85%;
		height: 330px;
	}
	#dobra2 #text-area{
		padding-left: 50px;
	}
	#dobra2 .img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin-left: 10%;
	}
	#dobra3 {
		padding-bottom: 2.4%;
	}
	#dobra3 #text-area {
		margin-top: 16%;
		width: 580px;
	}
	#dobra3 #img-area2 {
		margin: 20% 0% 0;
	}
	#dobra3 #img-area2 #icones-sup {
		width: 80%;
		padding: 2% 0% 0% 10%;
	}
	#dobra3 #img-area2 #icones-inf {
		padding-left: 20%;
		width: 61%;
	}
	#dobra3 #img-area2 .icones-sup .icone {
		width: 28%;
		float: left;
		display: block;
	}
	#dobra3 #img-area2 .icones-inf .icone {
		width: 44%;
	}
	#dobra3 .icone-txt {
		font-size: 10px;
		line-height: 1.1;
	}
	#dobra3 #img-area2 .shape {
		height: 130px;
		top: 20px;
	}
	.botoes input {
		width: 350px;
		margin-bottom: 30px;
	}
	.botoes {
		margin-left: 5%;
	}
	#dobra3 .img-logo-topo {
		float: right;
		margin-top: 35px;
	}
	#dobra4 {
		padding-bottom: 1%;
	}
	#dobra4 .titulo {
		margin-top: 8%;
		padding-left: 10%;
	}
	#dobra4 .img-titulo-dobra4 {
		background-size: 70%;
		height: 350px;
	}
	#dobra4 .texto-titulo {
		width: 65%;
		font-size: 50px;
		padding: 7% 3% 0;
	}
	input.busca-unidade {
		margin: 0px 0 0 15%;
	}
	.add-ortho {
		margin-top: -12px;
	}
	#dobra5 {
		padding-bottom: 3.5%;
	}
	#dobra5 #direita {
		margin: 0% 5% 0 0;
		width: 60%;
	}
	#dobra5 .titulo {
		margin-top: 40px;
		font-size: 42px;
	}
	#dobra5 .img-titulo-dobra5 {
		background-size: 75%;
		height: 300px;
	}
}

@media only screen and (min-width: 1025px) and (max-width: 1125px) {
	#meiotelo {
		padding-bottom: 3.85%;
	}
	#meiotelo #img-area-topo {
		margin: 20% 5% 0;
	}
	#meiotelo #img-area-topo .img-meio img {
		width: 270px;
	}
	#meiotelo #text-area {
		margin-top: 15%;
	}
	#meiotelo #text-area .texto-meio {
		font-size: 25px;
	}
	#dobra2 {
		background-size: 100%;
		height: 100%;
		padding-bottom: 0.5%;
	}
	#dobra2 .titulo {
		width: 80%;
		margin-top: 60px;
	}
	#dobra2 .texto-titulo {
		font-size: 28px;
		padding: 10% 4% 0;
		width: 78%;
	}
	#dobra2 .img-titulo-dobra2 {
		background-size: 85%;
		height: 410px;
	}
	#dobra2 #text-area{
		padding-left: 50px;
	}
	#dobra2 .img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin-left: 10%;
	}
	.img-querousar-aparelho {
		display: inline-block;
		width: 100%;
		margin-left: 20%;
	}
	.img-querousar-aparelho img {
		width: 40%;
	}
	#dobra3 {
		padding-bottom: 7%;
	}
	#dobra3 #text-area {
		margin-top: 16%;
		width: 580px;
	}
	#dobra3 #img-area2 {
		margin: 20% 0% 0;
	}
	#dobra3 #img-area2 .icones-sup .icone {
		width: 28%;
		float: left;
		display: block;
	}
	#dobra3 #img-area2 .icones-inf .icone {
		width: 44%;
	}
	#dobra3 .icone-txt {
		font-size: 10px;
		line-height: 1;
	}
	#dobra3 #img-area2 .shape {
		height: 130px;
		top: 20px;
	}
	.botoes input {
		width: 350px;
		margin-bottom: 30px;
	}
	.botoes {
		margin-left: 5%;
	}
	#dobra3 .img-logo-topo {
		float: right;
		margin-top: 35px;
	}
	#dobra4 {
		padding-bottom: 0.2%;
	}
	#dobra4 .titulo {
		margin-top: 10%;
		padding-left: 12%;
	}
	#dobra4 .img-titulo-dobra4 {
		background-size: 82%;
		height: 395px;
	}
	#dobra4 .texto-titulo {
		width: 77%;
		font-size: 52px;
		padding: 7% 3% 0;
	}
	input.busca-unidade {
		margin: 0px 0 0 18%;
	}
	.add-ortho {
		margin-top: -12px;
	}
	#dobra5 {
		padding-bottom: 7.4%;
	}
	#dobra5 #direita {
		margin: 0% 5% 0 0;
		width: 60%;
	}
	#dobra5 .titulo {
		margin-top: 40px;
		font-size: 50px;
	}
	#dobra5 .img-titulo-dobra5 {
		background-size: 75%;
		height: 300px;
	}
	#dobra5 .img-titulo-dobra5 .texto-titulo {
		width: 75%;
		padding: 5% 0 0 4%;
		text-align: left;
	}
}

@media only screen and (min-width: 1126px) and (max-width: 1280px) {
	#meiotelo {
		padding-bottom: 6.15%;
	}
	#meiotelo #img-area-topo {
		margin: 20% 5% 0;
	}
	.texto-meio {
		font-size: 30px;
	}
	#dobra2 {
		background-size: 100%;
		height: 100%;
		padding-bottom: 3%;
	}
	#dobra2 .texto-titulo {
		font-size: 35px;
		padding: 10% 5% 0;
		width: 75%;
	}
	#dobra2 .img-titulo-dobra2 {
		background-size: 85%;
		height: 430px;
	}
	#dobra2.img-querousar-aparelho {
		margin-left: 15%;
	}
	#dobra3{
		background-size: 100%;
		height: 100%;
		padding-bottom: 5.5%;
	}
	#dobra3 .texto-normal{
		font-size: 12px;
	}
	#dobra3 .titulo{
		margin-top: 55px;
		font-size: 35px;
		background-size: 90% 100%;
		height: 210px;
	}
	#dobra3 #direita {
		width: 50%;
		margin: 0;
	}
	#dobra3 #img-area2 {
		margin: 20% 0% 0;
	}
	#dobra3 #img-area2 .icones-sup .icone {
		width: 28%;
	}
	#dobra3 #img-area2 .icones-inf .icone {
		width: 44%;
	}
	#dobra3 #img-area2 .shape {
		height: 140px;
		top: 35px;
	}
	#dobra3 #img-area2 .icone img {
		width: 45%;
	}
	#dobra3 .icone-txt {
		font-size: 11px;
		line-height: 1.2;
	}
	
	.botoes input {
		width: 420px;
		margin-bottom: 30px;
	}
	.botoes {
		margin-left: 6%;
	}
	#dobra4 {
		padding-bottom: 2.7%;
	}
	#dobra4 .titulo {
		margin-top: 15%;
		padding-left: 12%;
	}
	#dobra4 .img-titulo-dobra4 {
		background-size: 85%;
		height: 410px;
	}
	#dobra4 .texto-titulo {
		width: 80%;
		font-size: 55px;
		padding: 7% 3% 0;
	}
	input.busca-unidade {
		margin: 0px 0 0 15%;
	}
	.add-ortho {
		margin-top: -12px;
	}
	#dobra5 {
		padding-bottom: 3.5%;
	}
	#dobra5 #direita {
		margin: 0% 5% 0 0;
		width: 60%;
	}
	#dobra5 .titulo {
		margin-top: 40px;
		font-size: 55px;
	}
	#dobra5 .img-titulo-dobra5 {
		background-size: 75%;
		height: 388px;
	}
}

@media only screen and (min-width: 1281px) and (max-width: 1360px) {

	#img-area{
		margin-right: 30px;
	}
	.titulo{
		margin-top: 100px;
	}
	.img-logo-topo img{
		width: 180px;
	}

	.slideshow-container{
		display: none;
	}
	.dots{
		display: none;
	}
	#meiotelo{
		background-size: 100%;
		height: 100%;
		padding-bottom: 7.2%;
	}
	
	#dobra2 {
		background-size: 100%;
		height: 100%;
		padding-bottom: 1.8%;
	}
	#dobra2 .texto-titulo {
		font-size: 40px;
		padding: 15% 5% 0;
		width: 80%;
	}
	#dobra2 .img-titulo-dobra2 {
		background-size: 90%;
		height: 480px;
	}
	#dobra3{
		background-size: 100%;
		height: 100%;
		padding-bottom: 5.4%;
	}
	#dobra3 .texto-normal{
		font-size: 12px;
	}
	#dobra3 .titulo{
		margin-top: 55px;
		font-size: 35px;
		background-size: 90% 100%;
		height: 210px;
	}
	#dobra3 #direita {
		width: 50%;
		margin: 0;
	}
	#dobra3 #img-area2 {
		margin: 20% 0% 0;
	}
	#dobra3 #img-area2 .icones-sup .icone {
		width: 28%;
	}
	#dobra3 #img-area2 .icones-inf .icone {
		width: 44%;
	}
	#dobra3 #img-area2 .icone img {
		width: 45%;
	}
	#dobra3 .icone-txt {
		line-height: 1.2;
	}
	
	
	#dobra4{
		background-size: 100%;
		padding-bottom: 0.3%;
	}
	#dobra4 .texto-titulo {
		width: 80%;
		font-size: 55px;
		padding: 10% 3% 0;
	}
	#dobra4 .img-titulo-dobra4 {
		background-size: 85%;
		height: 440px;
	}
	input.busca-unidade {
		margin: 0 0 0 15%;
	}
	.add-ortho {
		margin-top: -12px;
	}
	#dobra5{
		background-size: 100%;
		height: 100%;
		padding-bottom: 3.5%;
	}
	#dobra5 .img-titulo-dobra5 {
		background-size: 75%;
		height: 415px;
	}
	.img-titulo-dobra3{
		width: 460px;
		margin: 30px 0 0 20px;
	}
	p {
		margin: 0 0 5px 0;
	}
	.form-buscar-unidade{
		width: 80%;
	}
	
}

@media only screen and (min-width: 1361px) and (max-width: 1366px) {
	.img-logo-topo img{
		width: 180px;
	}
	.titulo{
		margin-top: 100px;
	}
	#img-area{
		margin-right: 30px;
	}

	.slideshow-container{
		display: none;
	}
	.dots{
		display: none;
	}
	#meiotelo{
		background-size: 100%;
		height: 100%;
		padding-bottom: 7.3%;
	}
	
	#dobra2{
		background-size: 100%;
		height: 100%;
		padding-bottom: 2.7%;
	}
	#dobra2 .titulo {
		margin-top: 40px;
	}
	#dobra2 .img-titulo-dobra2 {
		width: 95%;
		height: 500px;
	}
	#dobra2 .texto-titulo {
		font-size: 40px;
	}
	#dobra2 .img-logo-topo{
		margin-top: 40px;
	}
	#dobra3{
		background-size: 100%;
		height: 100%;
		padding-bottom: 5.5%;
	}
	#dobra3 #direita {
		width: 50%;
		margin: 0;
	}
	#dobra3 #img-area2 {
		margin: 20% 0% 0;
	}
	
	#dobra3 #img-area2 .icones-sup .icone {
		width: 28%;
	}
	#dobra3 #img-area2 .icones-inf .icone {
		width: 44%;
	}
	#dobra3 #img-area2 .icone img {
		width: 45%;
	}
	#dobra3 .icone-txt {
		line-height: 1.2;
	}
	
	#dobra3 .texto-normal{
		font-size: 12px;
	}
	#dobra3 .titulo{
		margin-top: 55px;
		font-size: 35px;
		background-size: 90% 100%;
		height: 220px;
	}
	.botoes{
		margin-top: 10%;
		margin-left: 5%;
	}
	
	#dobra4{
		background-size: 100%;
		padding-bottom: 3.4%;
	}
	#dobra4 .titulo{
		margin-top: 12%;
	}
	#dobra4 .img-titulo-dobra4 {
		background-size: 85%;
		height: 455px;
	}
	#dobra4 .texto-titulo {
		width: 78%;
		font-size: 55px;
		padding: 10% 3% 0;
	}
	.add-ortho {
		margin-top: -12px;
	}
	input.busca-unidade {
		margin: 0px 0 0 25%;
	}
	#dobra5 .titulo{
		font-size: 55px;
	}
	#dobra5{
		background-size: 100%;
		height: 100%;
		padding-bottom: 5%;
	}
	#dobra5 .img-titulo-dobra5 {
		height: 400px;
	}
	.img-titulo-dobra3{
		width: 460px;
		margin: 30px 0 0 20px;
	}
	p {
		margin: 0 0 5px 0;
	}
	.form-buscar-unidade{
		width: 80%;
	}
}

@media only screen and (min-width: 1370px) and (max-width: 1440px) {
	#meiotelo{
		padding-bottom: 8.2%;
	}
	#dobra2{
		padding-bottom: 2.3%;
	}
	#dobra2 .img-titulo-dobra2 {
		background-size: 95%;
		height: 510px;
	}
	#dobra2 .texto-titulo {
		font-size: 40px;
	}
	#dobra3{
		padding-bottom: 6.5%;
	}
	#dobra3 #img-area2 {
		margin: 20% 0% 0;
	}
	#dobra3 #img-area2 .icones-sup .icone {
		width: 28%;
	}
	#dobra3 #img-area2 .icones-inf .icone {
		width: 44%;
	}
	#dobra3 #img-area2 .icone img {
		width: 45%;
	}
	#dobra3 .icone-txt {
		line-height: 1.2;
	}
	
	#dobra4{
		padding-bottom: 3%;
	}
	#dobra4 .titulo {
		margin-top: 15%;
	}
	#dobra5{
		padding-bottom: 4.5%;
	}
	#dobra5 .titulo {
		font-size: 60px;
	}
	#dobra5 .img-titulo-dobra5 {
		height: 430px;
	}
	
}

@media only screen and (min-width: 1900px) {
	
	#meiotelo{
		background-size: 100%;
		height: 949px;
		padding-bottom: 0;
	}
	#dobra2{
		background-size: 100%;
		height: 949px;
		padding-bottom: 0;
	}
	#dobra3{
		background-size: 100%;
		height: 949px;
		padding-bottom: 0;
	}
	#dobra3 #img-area2 .shape {
		content: "";
		background-color: rgba(138, 138, 138, 0.4);
		position: relative;
		width: 1px;
		float: left;
		height: 170px;
		margin: 0 25px;
		top: 40px;
		display: inline-block;
	}
	#dobra3 #img-area2 #icones-sup {
		position: relative;
		width: 80%;
		display: block;
		height: 37%;
		padding: 7% 0% 0% 10%;
	}
	#dobra3 #icones-inf {
		height: 35%;
	}
	#dobra3 #img-area2 .icones-sup .icone {
		width: 28%;
		float: left;
		display: block;
	}
	#dobra3 #img-area2 .icones-inf .icone {
		width: 44%;
		float: left;
		display: block;
	}
	#dobra4{
		background-size: 100%;
		height: 800px;
		padding-bottom: 7.5%;
	}
	#dobra5{
		background-size: 100%;
		height: 949px;
		padding-bottom: 0;
	}

	#dobra5 .titulo {
		font-size: 75px;
	}

	#dobra5 .img-titulo-dobra5 .texto-titulo {
		padding: 5% 0 0 8%;
	}

	#meiotelo #text-area{
		margin-top: 0%;
	}
	
	#meiotelo #img-area-topo{
		margin: 0% 10% 0;
	}
	
	#dobra2 .titulo {
		font-size: 25px;
	}
	
	#iframevideo{
		width: 90%;
	}
}