html{height:100%;}
body{width:100%; height:100%; background-color: #FFF; font-family: 'roboto_condensedregular'; overflow-x: hidden;}

.container-fluid{padding: 0px;}

header{width: 100%; height: 60px; padding-top: 20px; background: rgba(1,159,203,0.9);
background: -moz-linear-gradient(left, rgba(1,159,203,0.9) 0%, rgba(222,245,255,0.9) 54%, rgba(205,234,248,0.9) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(1,159,203,0.9)), color-stop(54%, rgba(222,245,255,0.9)), color-stop(100%, rgba(205,234,248,0.9)));
background: -webkit-linear-gradient(left, rgba(1,159,203,0.9) 0%, rgba(222,245,255,0.9) 54%, rgba(205,234,248,0.9) 100%);
background: -o-linear-gradient(left, rgba(1,159,203,0.9) 0%, rgba(222,245,255,0.9) 54%, rgba(205,234,248,0.9) 100%);
background: -ms-linear-gradient(left, rgba(1,159,203,0.9) 0%, rgba(222,245,255,0.9) 54%, rgba(205,234,248,0.9) 100%);
background: linear-gradient(to right, rgba(1,159,203,0.9) 0%, rgba(222,245,255,0.9) 54%, rgba(205,234,248,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019fcb', endColorstr='#cdeaf8', GradientType=1 ); position: fixed; top: 0px; z-index: 9999; clear: both;}

header nav ul li{list-style: none; float: left; width: 20%;}
header nav ul li a{font-family: 'robotobold'; font-size: 12px; text-decoration: none; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
header nav ul li a:hover{font-family: 'robotobold'; font-size: 12px; text-decoration: none;}

.back-principal{height: 100%; background-image: url('../images/back-principal-lancamento.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 50px; background-attachment: fixed;}
.selo{width: 220px; height: 200px; position: absolute; bottom: 0px; z-index: 999; left: 0; right: 0; margin: 0 auto; background-image: url('../images/sele.png'); background-size: 100%; background-repeat: no-repeat;}
.arco-principal{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bg-azul{width: 100%; min-height: 70%; background-color:#009AC5;}
.bg-white{width: 100%; height: 70%;  background-color:#FFF;}
.bg-white-bottom{width: 100%; height: 30%;  background-color:#FFF;}
/*Alinha chamada centro de compras*/
.chamada-cent-comp{padding-top: 40px;}
/*Alinha logo*/
.margin-top-logo{margin-top: 50px;}

.text-chamada{font-family: 'roboto_condensedbold'; color: #FFF; text-transform: uppercase; font-size: 17px; letter-spacing: 4px; line-height: 29px;}
.text-chamada-regular{font-family: 'roboto_condensedregular'; color: #FFF; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; line-height: 28px;}

.arco-white{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 155.4%; background-image: url('../images/back-white.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.areas{font-family: 'dincond-boldbold'; font-size: 50px; color: #2db3ca;}
.texto-areas{font-family: 'robotolight'; font-size: 25px; color: #155e7e;}
.texto-abl{font-family: 'robotolight'; font-size: 17px; color: #155e7e; position: relative; top: 5px;}

.bg-azul-bloco-02{width: 100%; height: 50%; height: auto;  margin-top: 10%; background-color: #009AC5;}
.arco-bloco-azul-02{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 245.5%; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.padding-bottom-20{padding-bottom: 20px;}

.back-bottom{width: 100%; height: 1130px; background-image: url('../images/back.bottomjpg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; padding-top: 100px;}
.padding-top-150{padding-top:150px;}

.text-end{font-family: 'roboto_condensedbold'; color: #009AC5; text-transform: uppercase; font-size: 17px; letter-spacing: 4px; line-height: 29px;}
.text-end-light{font-family: 'roboto_condensedregular'; color: #2db3ca; text-transform: uppercase; font-size: 16px; letter-spacing: 4px; line-height: 28px;}

.back-contato{width: 100%; height: 1130px; background-image: url('../images/back.contato.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; padding-top: 200px; position: relative; top: 0px;}

.text-contato{font-family: 'roboto_condensedbold'; color: #FFF; text-transform: uppercase; font-size: 25px; letter-spacing: 4px; line-height: 39px;}
.text-contato-light{font-family: 'roboto_condensedlight'; color: #FFF; text-transform: uppercase; font-size: 20px; letter-spacing: 4px; line-height: 38px;}

.input-nome{width: 90%; height: 50px; border-radius: 5px; border: solid 1px #FFF; padding: 7px; font-size: 17px; color: #009AC5; text-align: center; margin-bottom: 20px; -webkit-box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);
-moz-box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);
box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);}

.msg{width: 90%; max-width: 90%; min-height: 250px; max-height: 250px; height: 250px; border-radius: 5px; border: solid 1px #FFF; padding: 7px; font-size: 17px; color: #009AC5; text-align: center; margin-bottom: 20px; -webkit-box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);
-moz-box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);
box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);}

.botao-enviar{width: 113px; height: 113px; max-height: 114px; background-image: url('../images/botao-enviar.png'); background-repeat: no-repeat; background-color: transparent; border: none; position: relative; top: -90px; z-index: 999; }

.back-radape{width: 100%; min-height: 40%; background-color: #1d7a9b; position: relative; top: 0px; position: relative; z-index: -22; padding-bottom: 50px;}

.texto-redes{font-family: 'roboto_condensedlight'; color: #FFF; text-transform: uppercase; font-size: 17px; letter-spacing: 4px; line-height: 38px;}

.copy{width: 100%; height: 40px; background-color: #185d82; padding-top: 15px; color: #52bee4; font-size: 12px;}
.emp-logo{width: 240px;  margin: 0 auto;}
.emp-logo img{float: left; margin-right: 30px;}

img.dados-opt{width: 100%;}
img.maps{width: 100%;}

@media (min-width: 320px) and (max-width: 480px){
.hamburger{
	float:right;
}
button:focus {
	outline:0;
}
.navbar-default{
	background-color:#F2F2F2;
}
.navbar-default .navbar-nav>li{
	float:left;
}
.navbar-default .navbar-nav{
	float:right;
}
header{display: none;}

.arco-principal{width: 100%; height: 100px; min-height: 100px; max-height: 100px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.shopping-frt{width: 100%;}
img.logo{width: 90%; margin: 0 auto;}
img.cent-com{width: 90%; margin: 0 auto;}
.bg-azul{width: 100%; min-height: 90%; background-color:#009AC5;}

.arco-principal{width: 100%; height: 100px; min-height: 100px; max-height: 100px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bg-azul{width: 100%; min-height: 95%; background-color:#009AC5;}
.arco-white{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 180%; background-image: url('../images/back-white.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.arco-bloco-azul-02{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 300%; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-azul-bloco-02{width: 100%; height: 70% !important; height: auto;  margin-top: 10%; background-color: #009AC5;}

.bg-white{width: 100%; height: 110%;  background-color:#FFF;}
.alinha-1366{position: relative; top: 150px;}

.bg-white-bottom{width: 100%; height: 50%;  background-color:#FFF;}

.input-nome{width: 100%; height: 50px; border-radius: 5px; border: solid 1px #FFF; padding: 7px; font-size: 17px; color: #009AC5; text-align: center; margin-bottom: 20px; -webkit-box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);
-moz-box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);
box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);}

.msg{width: 100%; max-width: 100%; min-height: 250px; max-height: 250px; height: 250px; border-radius: 5px; border: solid 1px #FFF; padding: 7px; font-size: 17px; color: #009AC5; text-align: center; margin-bottom: 20px; -webkit-box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);
-moz-box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);
box-shadow: 0px 6px 5px 0px rgba(11,86,113,1);}

img.dados-opt{width: 100%;}
img.dados-btm{width: 100%;}

.copy{
	font-size: 11px;    width: 100%;
    height: 55px;
    background-color: #185d82;
    padding-top: 9px;
    color: #52bee4;
	
}

.back-bottom{width: 100%; height: 900px; background-image: url('../images/back.bottomjpg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; padding-top: 100px;}
.back-contato{width: 100%; height: 900px; background-image: url('../images/back.contato.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; background-repeat: no-repeat; padding-top: 200px; position: relative; top: 0px;}

.bg-azul-bloco-02{width: 100%; height: 55% !important; height: auto;  margin-top: 10%; background-color: #009AC5;}
.dados-opt{position: relative; top: -50px;}
}

@media (min-width: 481px) and (max-width: 640px){
.hamburger{
	float:right;
}
button:focus {
	outline:0;
}
.arco-principal{width: 100%; height: 100px; min-height: 100px; max-height: 100px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
}

@media (min-width: 641px) and (max-width: 768px){
/*esconde menu mobile*/
.hamburger{
	visibility:hidden;
}
button:focus {
	outline:0;
}
.arco-principal{width: 100%; height: 100px; min-height: 100px; max-height: 100px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bg-azul{width: 100%; min-height: 85%; background-color:#009AC5;}
.arco-white{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 172%; background-image: url('../images/back-white.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.arco-bloco-azul-02{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 265.5%; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-azul-bloco-02{width: 100%; height: 90% !important; height: auto;  margin-top: 10%; background-color: #009AC5;}

.bg-white{width: 100%; height: 80%;  background-color:#FFF;}
.alinha-1366{position: relative; top: 200px;}

.bg-white-bottom{width: 100%; height: 50%;  background-color:#FFF;}

}

@media (min-width: 769px) and (max-width: 800px){
/*esconde menu mobile*/
.hamburger{
	visibility:hidden;
}
.arco-principal{width: 100%; height: 100px; min-height: 100px; max-height: 100px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
}

@media (min-width: 801px) and (max-width: 1024px){
/*esconde menu mobile*/
.hamburger{
	visibility:hidden;
}
.arco-principal{width: 100%; height: 100px; min-height: 100px; max-height: 100px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bg-azul{width: 100%; min-height: 85%; background-color:#009AC5;}
.arco-white{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 170%; background-image: url('../images/back-white.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.arco-bloco-azul-02{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 265.5%; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-azul-bloco-02{width: 100%; height: 100% !important; height: auto;  margin-top: 10%; background-color: #009AC5;}

.bg-white{width: 100%; height: 80%;  background-color:#FFF;}
.alinha-1366{position: relative; top: 200px;}

.bg-white-bottom{width: 100%; height: 50%;  background-color:#FFF;}

.areas{font-family: 'dincond-boldbold'; font-size: 40px; color: #2db3ca;}
.texto-areas{font-family: 'robotolight'; font-size: 25px; color: #155e7e;}
.texto-abl{font-family: 'robotolight'; font-size: 15px; color: #155e7e; position: relative; top: 5px;}

img.maps{width: 60%;}
}

@media (min-width: 1025px) and (max-width: 1279px){
/*esconde menu mobile*/
.hamburger{
	visibility:hidden;
}
.bg-azul{width: 100%; min-height: 95%; background-color:#009AC5;}
.arco-white{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 182%; background-image: url('../images/back-white.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.arco-bloco-azul-02{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 280%; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-azul-bloco-02{width: 100%; height: 90% !important; height: auto;  margin-top: 10%; background-color: #009AC5;}

.bg-white{width: 100%; height: 80%;  background-color:#FFF;}
.alinha-1366{position: relative; top: 170px;}

.bg-white-bottom{width: 100%; height: 50%;  background-color:#FFF;}

img.dados-opt{width: 80%;}
img.maps{width: 60%;}
}

@media (min-width: 1280px) and (max-width: 1366px){
/*esconde menu mobile*/
.hamburger{
	visibility:hidden;
}
.arco-principal{width: 100%; height: 100px; min-height: 100px; max-height: 100px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bg-azul{width: 100%; min-height: 95%; background-color:#009AC5;}
.arco-white{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 180%; background-image: url('../images/back-white.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.arco-bloco-azul-02{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 280%; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-azul-bloco-02{width: 100%; height: 90% !important; height: auto;  margin-top: 10%; background-color: #009AC5;}

.bg-white{width: 100%; height: 80%;  background-color:#FFF;}
.alinha-1366{position: relative; top: 170px;}

.bg-white-bottom{width: 100%; height: 50%;  background-color:#FFF;}

img.dados-opt{width: 80%;}
img.maps{width: 60%;}

}

@media (min-width: 1367px) and (max-width: 1600px){
/*esconde menu mobile*/
.hamburger{
	visibility:hidden;
}
.arco-principal{width: 100%; height: 100px; min-height: 100px; max-height: 100px; position: absolute; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.bg-azul{width: 100%; min-height: 85%; background-color:#009AC5;}
.arco-white{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 170%; background-image: url('../images/back-white.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}

.arco-bloco-azul-02{width: 100%; height: 140px; min-height: 140px; max-height: 140px; position: absolute; top: 270%; bottom: 0px; background-image: url('../images/back.png'); background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-azul-bloco-02{width: 100%; height: 70% !important; height: auto;  margin-top: 10%; background-color: #009AC5;}

.bg-white{width: 100%; height: 80%;  background-color:#FFF;}
.alinha-1366{position: relative; top: 150px;}

.bg-white-bottom{width: 100%; height: 50%;  background-color:#FFF;}

img.dados-opt{width: 90%;}
img.maps{width: 60%;}
}

@media (min-width: 1601px) and (max-width: 1920px){
/*esconde menu mobile*/
.hamburger{
	visibility:hidden;
}
img.maps{width: 60%;}
}


::-webkit-scrollbar
{
  width: 0px;  /* for vertical scrollbars */
  height: 0px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  display: none;
}

::-webkit-scrollbar-thumb
{
  display: none;
}
