/* GERAL */
*                                   { margin:0; padding:0; outline:0; font-size:100%; line-height:1.1em; font-family: 'Open Sans', sans-serif; font-weight:inherit; font-style:inherit; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
p                                   { margin-bottom:15px; line-height:1.2em; }
hr                                  { clear:both; float:none; width:100%; }
.ie6 body hr, .ie7 body hr          { display:block; margin:-8px; } 
hr.clear                            { display:block; visibility:hidden; clear:both; height:0; margin:0; padding:0; border:0; }
a                                   { cursor:pointer; }
a, img                              { border:none; text-decoration:none;}
a:hover                             { text-decoration:underline; }
ul                                  { list-style:none; }
h1,h2,h3,h4,h5,h6                   { font-weight: normal; }
textarea                            { overflow:auto; resize:none; }
strong                              { font-weight:bold !important; }
em                                  { font-style:italic; }
.left                               { float:left !important; }
.right                              { float:right !important; }
.clear                              { clear:both; }
.block                              { display:block; }
fieldset                            { border:none; }
body                                { color: #333; font-size: 12px; font-family: 'Open Sans', sans-serif; } 

.mask 								{ background-color:  rgba(255, 255, 255, 0.4); width: 100%; height: 100%; position: fixed; z-index: 99999; display: none;}
.modal								{ display: block; position: absolute; width: 744px; height: 435px; left: 50%; top:50%; margin-top: -217px; margin-left: -372px; vertical-align: middle; text-align: center; background-color: #9ebcc5; border-radius: 5px; }
.modal>div							{ display: block; position: relative; padding: 54px 100px;}
.retorno h3							{ font-size: 35px; color: #454545; }
.retorno p							{ font-size: 26px; color: #454545; margin-bottom: 40px;}
.retorno .linha						{ display: block; height: 2px; width: 100%; background-color: #e6eff0; margin: 32px 0px;}

header 								{ width: 100%; margin:auto; margin-top: 35px; display: block; position: fixed; z-index: 9999; height: 75px; transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s;}
header>div 							{ width: 100%; max-width: 1230px; margin:auto; display: block; position: relative; padding: 0px 20px;}
header .logo 						{ display: block; position: absolute; background-image: url("../imagens/estrutura/logo_sessa.png"); background-size: contain; background-repeat: no-repeat; width: 190px; height: 124px; top: 18px; transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s;}
header .abre-menu 					{ display: none; }
header nav 							{ display: block; position: absolute; right: 20px; font-size: 15px; color: #fff; text-transform: uppercase; top: 30px; }
header nav span						{ display: inline-block; width: 1px; height: 13px; background-color: #fff; margin: 0px 8px; }
header nav a 						{ color: #fff; }
header nav a:hover					{ text-decoration: none; color: #494949; }
header.fixed 						{ background-color: rgba(139, 176, 187, 0.8)}
header.fixed .logo 					{ height: 62px; top: 7px; }
/* sections */
section 							{ display: block; position: relative; }	
section h2							{ color: #494949; text-transform: uppercase; font-size: 40px; text-align: center; padding: 120px 0 60px 0; font-weight: 300;}
section h2 span 					{ font-size: 80px;  font-weight: 300; vertical-align: middle;}
section h2 span.cor 				{ color: #6B6E77; }
section h2 span.espaco 				{ padding-left: 200px; }
section p 							{ font-size: 18px; color: #454545; margin-bottom: 0px;}

.bg-cor 							{ background-color: #E6EFF0; }

.txt-white 							{ color: #FFF !important; }

section#intro 						{ background-color: #CDCBC9; padding-bottom: 80px; }	
section#intro .imagem 				{ height: 100vh; background-image: url("../imagens/bg/intro-2022.jpg"); background-color: #4085C1; background-size: cover; background-position: center; position: relative; }
section#intro .imagem .frase		{ font-size: 160px; color: #fff; bottom: 150px; width: 100%; display: block; position: absolute; text-align: center;}
section#intro .imagem .frase h1		{ font-family: 'Montserrat', sans-serif; font-weight: 100; text-shadow: -1px -1px 1px rgba(255,255,255,0.1), 1px 1px 1px rgba(0,0,0,0.5); }
section#intro .imagem .frase h3		{ font-family: 'Montserrat', sans-serif; font-weight: 200; font-size: 50px; color: rgba(255, 255, 255, 0.7); text-shadow: -1px -1px 1px rgba(255,255,255,0.1), 1px 1px 1px rgba(0,0,0,0.7); }
section#intro .imagem .frase span	{ margin-left: 16px; }


section#intro .imagem .setaDown		{ bottom: 50px; width: 154px; height: 42px; display: block; position: absolute; margin: auto; background-size: contain; background-position: center; background-image: url("../imagens/estrutura/setaDown.png"); left: 50%; transform: translate(-50%, -50%); opacity: 0.7; transition: 0.2s; -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s;}
section#intro .imagem .setaDown:hover		{ opacity: 1; bottom: 47px; }

section#intro .cadastro 				{ width: 100%; max-width: 1230px; margin: auto; position: relative; padding: 60px 70px 0px 70px; color: #fff; }
section#intro .cadastro h3				{ font-size: 40px; font-weight: 300; margin-bottom: 23px; }
section#intro .cadastro p				{ color: #1F2C47; font-size: 20px; font-weight: 600; margin-bottom: 20px;}
section#intro .contador h4				{ color: #1F2C47; font-size: 22px; text-align: center; font-weight: normal;}
section#intro .cadastro form			{ width: 100%; margin-top: 35px;}
section#intro form input[type=submit],
.retorno input[type=button]			{ height: 52px; background-color: #f1f1f1; border:0px; border-radius: 4px;  color: #4f6047; text-transform: uppercase; font-weight: 600; font-size: 27px; line-height: 52px; width: auto; min-width: 297px; text-align: center; cursor: pointer; padding: 0px 10px; }
section#intro form input[type=text]		{ background-color: transparent; border: 0px; border-bottom: 2px solid #fff;  width: 100%; font-size: 16px; font-weight: 600; padding: 10px 5px; text-transform: uppercase; margin-bottom: 47px;  color: #FFF; position: relative }
.cadastro .g-recaptcha 					{ margin: 0px 0px 15px 20px; }
section#intro form fieldset.left>div    { width: 24.5%; padding-right: 20px; display: inline-block; position: relative;}
.cadastro form fieldset.left>div label.error { position: absolute; left: 0px; bottom: 25px; color: #990000; font-size: 12px;}

section#intro .cadastro .titulo,
section#intro form fieldset.left        { width: 100%; padding-left: 15px; }
section#intro form fieldset.right,
section#intro .contador       			{ width: 350px; text-align: center; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

section#intro .preco				{ display: block; position: absolute; bottom: 50px; text-align: center; width: 850px; left: 50%; margin-left: -425px; color: #B98B57; }
section#intro .preco>div			{ display: inline-block;  vertical-align: middle; margin: 0px 20px; }
section#intro .preco p				{ color: #B98B57; margin: 0px;} 
section#intro .preco .normal p		{ font-size: 40px; position: relative; line-height: 58px; }
section#intro .preco .promo h3		{ font-size: 22px; font-weight: 600; text-transform: uppercase; }
section#intro .preco .promo p		{ font-size: 52px; color: #fff; }

.risco								{ display: block; position: absolute; width: 100%; height: 100%; background-image: url("../imagens/estrutura/risco-branco.png"); background-size: contain; background-repeat: no-repeat; background-position: center; left: 0px; top: 0px; }

section#descricao 					{ height: auto; background-color: #fff; width: 100%;  }	
section#descricao .cont				{ display: -webkit-box; }
section#descricao .cont>div			{ display: flex; width: 50%; align-items: center; }
section#descricao .cont>div img		{ width: 100%; }
section#descricao .cont>div p		{ margin: 0px 10px 0px 40px; line-height: 25px; }
section>div.limite 					{ height: auto; width: 100%; max-width: 1230px; margin: auto; position: relative; padding: 0 110px;}	
section#diferenciais 				{ padding-bottom: 40px; }


section.catalogo 					{ height: auto; background-color:#d0d1da; width: 100%;  }	
section.catalogo .cont				{ display: -webkit-box; }

section.catalogo .cont>div			{ display: flex; width: 50%; align-items: center; flex-direction: column; justify-content: space-evenly; }
section.catalogo .cont>div img		{ height: 100%; }
section.catalogo .cont>div p		{ line-height: 25px; }	
section.catalogo 					{ padding: 60px; }

section#espaco 						{ height: auto}	
section#espaco .imagem 				{ height: 710px; background-image: url("../imagens/bg/layout-2022.jpg"); background-size: cover; background-position: center; position: relative;}
section#espaco .imagem h3 			{ font-weight: 300; font-size: 42px; color: #fff; bottom: 40%; width: 25%; left: 73%; display: block; position: absolute; text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.7);}
section#espaco .imagem h3 span 		{ margin-left: 140px; }

section#espaco .fotos 				{ display: block; width: 100%; max-width: 900px; margin: auto; }
section#espaco .fotos h4			{ font-size: 19px; text-transform: uppercase; font-weight: 600; color: #454545; text-align: center; margin-bottom: 30px; }
section#espaco .fotos img			{ width: 100%; margin-bottom: 80px;}

section#condicoes 					{ text-align: center; }
section#condicoes p 				{ font-size: 19px; position: relative; text-align: center;}
section#condicoes .risco			{ background-image: url("../imagens/estrutura/risco-cor.png"); }
section#condicoes p.preco			{ font-size: 40px; color:#AB8151; margin: 10px 0px 30px 0px; line-height: 60px;}
section#condicoes p.promo			{ font-size: 60px; color:#AB8151; margin: 10px 0px 65px 0px; }


section#pos-venda 					{ background-image: url("../imagens/bg/posvenda.jpg"); background-size: cover; background-position: center; }
	
section#pos-venda .cont				{ display: -webkit-box; position: relative;}
section#pos-venda .cont>div			{ display: flex; align-items: center; position: relative; }
section#pos-venda .cont>div img		{ width: 100%; }
section#pos-venda .cont>div.texto	{ width: 595px; margin-left: 50px; }
section#pos-venda .cont>div p		{ margin: 0px 10px 0px 40px; color: #A5A5A5; line-height: 25px; }
section#pos-venda .cont>div a		{ color: #A5A5A5; text-decoration: underline; }
section#pos-venda .cont>div a:hover	{ color: #fff; }
.vantagens 							{ width: 100%;  padding: 90px 0px;}
.vantagens li 						{ display: inline-block; width: 20%; vertical-align: top; margin: 0 2%; text-align: center;}
.vantagens li span 					{ display: block; width: 100%; height: 100px; background-position: center center; background-repeat: no-repeat; }
.vantagens li h4 					{ color: #AB8151; font-size: 24px; text-transform: uppercase; margin: 15px 0px 25px 0px}
.vantagens li p 					{ color: #B6B6B6; font-size: 16px; line-height: 21px;}
.video 								{ width: 100%; max-width: 1200px; margin: 155px auto; height: 600px; position: relative;}
.video .imagem 						{ background-image: url("../imagens/video/foto.jpg"); width: 100%; height: 100%; background-size: cover; background-position: center; position: absolute; z-index: 999;}
.video .play 						{ display: block; position: absolute; width: 100%; height: 100%; z-index: 9; background-image: url("../imagens/video/seta.png"); background-repeat: no-repeat; background-position: center; cursor: pointer; background-color: rgba(0, 0, 0, 0); }
.video .play:hover 					{background-color: rgba(0, 0, 0, 0.3);}	
.video iframe						{ display: block; }

#especificacoes .subtitulo			{ width: 100%; max-width: 740px; margin: auto; padding-top: 80px; padding-bottom: 60px; }	
#especificacoes h2 					{ padding: 0px; line-height: 80px; }
/*#especificacoes .subtitulo h2.left 	{ width: 164px; height: 71px; background-image: url("../imagens/estrutura/logo-C36.png"); background-repeat: no-repeat; background-position: center; background-size: contain;  display: block;}*/

/* fotos */
#fotos .menu 						{ width: 100%; text-align: center;}
#fotos .menu a						{ display: inline-block; width: 166px; height: 41px; background-color: #8BB0BB; color: #fff; text-transform: uppercase;  font-size: 20px; margin: 0px 5px; line-height: 41px; text-decoration: none;}
#fotos .menu a:hover				{ background-color: #9EBCC5; color: #000; }	

.local-botao 						{ display: block; width: 100%; text-align: center; padding: 100px 0px; }
.botao-contato, .botao-download   					{ display: inline-block; height: 63px; background-color: #FFF; border: 2px solid #8BB0BB; color: #8BB0BB; text-transform: uppercase; font-weight: 600; font-size: 24px; line-height: 63px; text-decoration: none; padding: 0px 50px; text-align: center; border-radius: 4px;  }
.botao-contato:hover, .botao-download:hover    			{ text-decoration: none; background-color: #9EBCC5; color: #fff; }


.galeria 							{ height: 90vh; width: 100%; overflow: hidden; position: relative; background-color: #5c8693; }	
.galeria li							{ height: 100%; width: 100%; background-size: cover; background-position: center; }
.galeria .tipo						{ position: absolute; width: 100%; height: 94%; }
.galeria .menu						{ position: absolute; bottom: 0px; height: 6%; display: flex; align-items: center; justify-content: center; z-index: 999; }
.galeria .internas					{ opacity: 0; }
.galeria .seta 						{ width: 43px; height: 156px; display: block; position: absolute; z-index: 999; top: 50%; margin-top: -78px; background-repeat: no-repeat; opacity: 1;  -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	    transition: 0.5s;}
.galeria .seta:hover 				{ opacity: 0.7; }
.galeria .seta.seta-next 			{ right: 20px; background-image: url('../imagens/estrutura/setaDir.png') }
.galeria .seta.seta-prev 			{ left: 20px;  background-image: url('../imagens/estrutura/setaEsq.png')}

.cores 								{ height: 325px; width: 100%; margin: auto; overflow: hidden; }	
.cores li							{ height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
#cores h4							{ color: #464646; text-transform: uppercase; font-size: 19px; text-align: center; font-weight: bold; padding-bottom: 15px; margin-top: 30px;}	
.menu-cores 						{ display: block; width: 100%; max-width: 1000px; margin: 30px auto 0px auto; text-align: center; }
.menu-cores div						{ display: inline-block; margin: 0px 20px 40px 20px; }
.menu-cores div h5					{ display: block; font-size: 17px; color: #454545; text-transform: uppercase; text-align: center; font-weight: 600;}
.menu-cores div h5 span				{ display: block; font-weight: normal; text-transform: lowercase; font-style: italic; margin-top: 3px; font-size: 15px; }
.menu-cores div .linha				{ display: block; margin-top: 10px;}
.menu-cores div a					{ display: inline-block; text-decoration: none; vertical-align: top; cursor: default;}
.menu-cores div a.ativa-cor			{ cursor: pointer; }
.menu-cores div a p 				{ width: 100%; text-transform: uppercase; font-size: 14px; color: #454545; font-weight: 600;  }
.menu-cores div a p,
.menu-cores div a img 				{ transition: 0.2s;  -webkit-transition: 0.2s; -o-transition: 0.2s; -moz-transition: 0.2s; text-align: center; }				
									
.menu-cores div a:hover				{ text-decoration: none;}
.menu-cores div a.ativa-cor:hover p,
.menu-cores div a.sel p				{ color:#AD7D4D; }
.menu-cores div a.ativa-cor:hover img,
.menu-cores div a.sel img			{ opacity: 0.7; }

#cores .asterisco 					{ width: 100%; text-align: center; padding-bottom: 70px;}

.lista								{  width: 100%; max-width: 895px; margin: auto; padding-bottom: 40px; }
.lista h4							{ color: #464646; text-transform: uppercase; font-size: 19px; text-align: center; font-weight: bold; padding-bottom: 15px;}	
.lista p							{  width: 100%; padding: 10px; font-size: 18px; margin-bottom: 0px;}	
.lista p.cor						{  width: 100%; background-color: #BFD2D7;}
.lista p span						{ display: inline-block; width: 50%; float: right; text-align: right;}
#especificacoes .lista				{ max-width: 740px; }	

footer								{ background-color: #E2E2E2; color: #464646; }
footer p 							{ display: block; width: 100%; max-width: 1230px; padding: 15px 10px; margin: auto; font-size: 15px; color: #464646; text-align: center; }
footer .logos 						{ width: 100%;  padding: 20px 0px; max-width: 1230px; width: 100%; margin: auto; display: block; position: relative; text-align: center;}
footer .logos li 					{ display: inline-block; vertical-align: middle; margin: 0 1.9%; text-align: center;}
footer .logos li.hotline 			{ font-size: 20px; }
footer .logos li.hotline span		{ font-size: 24px; font-weight: 700; }
footer .logos li.copy				{ font-size: 16px; }
footer .logos li.regata a 			{ vertical-align: middle; display: inline-flex; }
footer .logos li.regata a span		{ font-size: 16px; margin-right: 5px;}
footer .logos li a,
footer .logos li a:hover 			{ color: #464646; }

/* contador */

.simply-countdown-one {
	width: 100%;
	color: #fff;
	margin-top: 20px;
}
.simply-section {
	/*float: left;*/
	display: inline-block;
	margin: 0px 10px;
	text-align: center;
	&:last-child {
		margin-right: 0;
	}
}
	.simply-amount {
		font-size: 59px;
		color: #fff;
		display: block;
		font-weight: 300;
		line-height: 50px;
		margin-bottom: 8px;
		/*@media screen and (max-width: $screen-sm) {
			font-size: 30px;
			line-height: 30px;
		}*/
	}

		.simply-word {
			display: block;
			text-align: center;
			font-weight: 400;
			text-transform: uppercase;
		}

@media only screen and (min-width: 1450px) {
.cores 									{ height: 500px; }
}


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

	header .logo     					{ width: 170px; }
	header nav 							{ font-size: 13px; }
 	header nav span 					{ margin: 0px 6px; }

 	section#intro .cadastro 			{ padding: 56px 35px 0px 35px }
 	section#intro .cadastro h3 			{ font-size: 35px; }
 	section#intro .cadastro .titulo, 
 	section#intro form fieldset.left  	{ width: 550px; }
 	section#intro .cadastro p 			{ font-size: 18px; }
 	section#intro .contador h4 			{ font-size: 20px; }
 	.simply-amount 						{ font-size: 50px; line-height: 50px; }
 	section>div.limite 					{ padding: 0 80px; }
 	section#espaco .imagem h3 			{ /*margin-left: -450px;*/ }
 	.menu-cores div 					{ margin: 13px 8px; }
 	section#pos-venda .cont>div.texto 	{ width: 500px; }
 	footer p 							{ font-size: 13px; }
 	footer .logos 						{ padding: 20px 3px; }
 	footer .logos li 					{ margin: 0 12px; }
 	footer .logos li.hotline {
	    font-size: 16px;
	}
	footer .logos li.hotline span {
	    font-size: 19px;
	}
	footer .logos li.copy {
	    font-size: 15px;
	}
	footer .logos li.regata a span {
	    font-size: 10px;
	}

}



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

	body 								{ background-color: #3980c0; }

	.modal 									{ width: 80%; height: 70vh; margin-top: -31vh; margin-left: -40%;}
	.modal>div 								{ padding: 30px 40px; }
	.retorno h3 							{ font-size: 25px; }
	.retorno p 								{ font-size: 18px; }
	section#intro form input[type=submit], 
	.retorno input[type=button]				{ font-size: 17px; width: auto; min-width: 200px; padding: 0px 10px; -webkit-appearance: none;}

	header 								{ height: 65px; }
	header nav   						{ right: 0px; font-size: 18px; top: 0px; padding-right: 60px; width: 100%; padding-top: 90px; background-color: rgba(0,0,0,0.9); -moz-transform: translateX(100%);
	    -webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    -o-transform: translateX(100%);
	    transform: translateX(100%);
	    -webkit-transition: 0.5s;
	    -o-transition: 0.5s;
	    transition: 0.5s;
	}
    header nav.active   				{
	    -moz-transform: translateX(0px);
	    -webkit-transform: translateX(0px);
	    -ms-transform: translateX(0px);
	    -o-transform: translateX(0px);
	    transform: translateX(0px);
	}
	header nav a 						{ display: block; margin-bottom: 2px; padding: 16px 20px; }
	header nav a:hover 					{ color: #fff; }
	header nav span  					{ display: none; }
	header .logo 						{ width: 130px; float: right; }
	header.fixed .logo {
	    height: 50px;
	}
	header .abre-menu {
		display: block;
	    position: absolute;
	    width: 36px;
	    height: 36px;
	    right: 21px;
	    top: 14px;
	    z-index: 99;
	}
	header .abre-menu span{
		display: block;
		width: 100%;
		height: 3px;
		background-color: #FFF;
		position: absolute;
		transition: all .2s ease-out;
	}
	header .abre-menu span.topo { top:5px; }
	header .abre-menu span.meio { top:50%; margin-top: -2px;}
	header .abre-menu span.base { bottom:5px; }
	header .abre-menu.active span.topo      {-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); top: 16px;}
	header .abre-menu.active span.meio      { display: none; }
	header .abre-menu.active span.base      {-webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); bottom: 17px;}

	section p 							{ font-size: 15px; }
	section#intro 						{ top: 0px; position: relative; display: block; padding-bottom: 50px; height: auto; }
	section#intro .imagem				{ height: 550px; background-image: url("../imagens/bg/intro-mobile-2022.jpg");}
	section#intro .imagem .frase h3		{ font-size: 23px; color: rgba(255, 255, 255, 1);  }
	section#intro .preco 			 	{bottom: 0px; left: auto; margin-left: auto; width: 100%; }
	section#intro .preco>div			{ display: block; margin: 10px 0px; }
	section#intro .preco .normal p 		{ font-size: 30px; line-height: 44px; }
	section#intro .preco .promo h3 		{ font-size: 18px; }
	section#intro .preco .promo p 		{  font-size: 38px; }

	section#intro .cadastro 				{ padding: 40px 20px 0px 20px; }
	section#intro .cadastro h3				{ font-size: 26px; margin-bottom: 10px; text-align: center; }


	section#intro .imagem .frase h3		{ font-size: 23px; color: rgba(255, 255, 255, 1);  }

	section#intro .cadastro p				{ font-size: 16px; text-align: center;}
	section#intro form fieldset.left>div    { width: 100%; padding-right: 0px; }
	section#intro .cadastro .titulo,
	section#intro form fieldset.left        { width: 100%; padding-left: 0px; float: none !important;}
	section#intro form fieldset.right,
	section#intro .contador       			{ width: 100%; float: none !important; margin-top: 30px;}
	
	section#intro form fieldset.right       { padding-top: 0px; }
	section#intro form input[type=text] 	{ margin-bottom: 20px; }


	.cadastro .g-recaptcha 					{ margin: auto;
											    position: relative;
											    padding: 0px;
											    display: block;
											    width: auto;
											    margin-bottom: 20px; 
											}
	.cadastro .g-recaptcha>div 				{ width: 100% !important; }


	section>div.limite 						{ padding: 0 30px; }

	section h2 								{ font-size: 25px; padding: 50px 0 25px 0 }

	section#descricao .cont 				{ display: block; }

	section#descricao .cont>div 			{ display: block; width: 100%; padding-bottom: 20px; }

	section#descricao .cont>div p 			{ margin: 0px; }

	#fotos, #video, #cores, #espaco,
	#condicoes 								{ background-color: #fff; }

	.galeria 								{ height: 45vh;} 
	.galeria li 							{ height: auto; }
	.galeria .menu 							{ bottom: 0px; }
	#fotos .menu a 							{ width: auto; font-size: 12px; padding: 0px 9px; line-height: 18px; height: 18px; }
	.galeria .seta 							{ width: 25px; height: 90px;  background-size: contain; margin-top: -50px;} 							

	.local-botao 							{ width: 80%; text-align: center; padding: 65px 0px; margin: auto; }

	.botao-contato, .botao-download 		{ font-size: 20px; height: auto; line-height: normal; padding: 10px 15px; }

	#video, #cores 							{ padding-bottom: 50px; }
	.video 									{ height: 50vh; margin: 0px; padding-bottom: 50px; }
	.lista h4 								{ font-size: 15px; } 								
	.lista p 								{ padding: 13px 20px; font-size: 13px }

	.cores 									{ height: 300px; }
	.menu-cores 							{ margin: 20px auto 20px auto; }
	.menu-cores div 						{ margin: 13px 8px; }
	.menu-cores div h5 						{ font-size: 14px; }
	.menu-cores div a 						{ width: 25vw; }
	.menu-cores div a img 					{ width: 100%;}

	#cores .asterisco 						{ padding: 0px 20px; }

	section#espaco .imagem					{ height: 35vh; }
	section#espaco .imagem h3 				{ font-size: 21px; bottom: 20%; left: 68%; width: 24%; margin-left: auto; height: 77px; position: absolute; top: auto; }
	section#espaco .fotos h4 				{ font-size: 15px; margin-bottom: 20px; margin-top: 10px; }
	section#espaco .fotos img 				{ margin-bottom: 40px; }
	section#espaco .imagem h3 span 			{ margin-left: 0px; }

	#especificacoes .subtitulo				{ padding: 40px 10px; }
	#especificacoes h2 						{ line-height: 50px;  float: none !important; display: block; }
	#especificacoes .subtitulo h2.left 		{ width: 100%; }
	section#condicoes p 					{ font-size: 16px;  }
	section#condicoes p.preco 				{ font-size: 35px; line-height: 50px; }
	section#condicoes p.promo 				{ font-size: 40px; margin-bottom: 50px; }

	section#pos-venda .cont 				{ display: block; }
	section#pos-venda .cont>div 			{ display: block; width: 100%; padding-bottom: 20px; text-align: center;}
	section#pos-venda .cont>div p 			{ margin: 0px; }
	section#pos-venda .cont>div.texto 		{ width: auto; margin-left: 0px;}
	section#pos-venda .cont>div img 		{ width: 70%; }
	.vantagens 								{ padding: 50px 0px; }
	.vantagens li 							{ margin-bottom: 50px; display: block;  width: 100%; }

	footer p 								{ font-size: 10px; }

	footer .logos 							{ display: block; }
	footer .logos li 						{ display: block; margin-bottom: 30px; }

	footer .logos li.hotline 				{ font-size: 20px; }
	footer .logos li.hotline br				{ display: none;}

	footer .logos li p.copy 					{ font-size: 15px; }


	.simply-countdown-one					{
												width: 320px;
											    margin: auto;
											    margin-top: 20px;
											    text-align: center;
											}

	.simply-amount							{ font-size: 50px; line-height: 50px; }

}

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


	section#intro .imagem				{ height: 400px; background-image: url("../imagens/bg/intro-mobile-2022.jpg");}

	section#intro .imagem .frase 		{ bottom: 70px; }

	section#intro .imagem .setaDown 	{ bottom: 10px; width: 100px; height: 30px; }


	.cores {
    	height: 200px;
	}

	.cores li{
	    background-size: 162%;
	}

	section.catalogo {
	    padding: 60px 0px;
	}


	section.catalogo .cont {
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	}

	section.catalogo .cont>div {
	  width: 100%
	}


	section.catalogo .cont>div p{
	  text-align: center;
	  padding: 30px 0px;
	}
}