@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300');
@import url('resize.css');
@import url("menu/mobile.css");
@import url("slider.css");

@font-face {font-family: champagne; src: url(champagne.ttf);}
@font-face {font-family: limousines; src: url(limousines.ttf);}

body {font-size: 12px; font-family: verdana; background: #fff top center; margin: auto; overflow-x: hidden;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

img {border: 0;}
.bi-geo-alt{font-size: 3.6em; color: white; margin-left: 10px;}
.bi-telephone-fill{font-size: 3em; color: white;}
.footer-whats .bi-whatsapp{font-size: 3em; color: white;}
.bi-whatsapp{padding-top: 7px; font-size: 25px; color: white; display: flex; justify-content: center;}
.bi-instagram{padding-top: 7px; font-size: 25px; color: white; display: flex; justify-content: center;}
.bi-linkedin{padding-top: 3px; font-size: 25px; color: white; display: flex; justify-content: center; width: 30px; margin-left: 5px;}
.topo-icon{background-color: #6788a0; width: 40px; height: 40px; border-radius: 100px;}

.padding-footer {width: 100%; float: left; padding: 25px 0 25px 0; display: block;}

.cut1 :nth-child(3n){margin-right: 0!important;}
.cut2 :nth-child(4n){margin-right: 0!important;}
.cut3 :nth-child(2n){margin-right: 0!important;}

.alinha1 {width: 100%; float: left; color: #71879e; font: 30px 'Roboto'; text-align: left;}
.alinha2 {width: 100%; float: left; color: #c3cad2; font: 30px 'Roboto'; text-align: left; margin-bottom: 20px;}
.alinha3 {width: 100%; float: none; color: #545454; font: 17px 'Roboto'; text-align: left; margin: 30px auto 30px auto}
.alinha4 {width: 100%; float: left; color: #6a6a6a; font: 30px 'Roboto'; text-align: left; margin: 0 0 30px 0}
.alinha5 {width: 100%; float: left; color: #fff; font: 16px 'Roboto'; text-align: center;}
.alinha6 {float: left; color: #fff; font: 25px 'Roboto'; margin: 5px 0 0 10px}
.alinha7 {width: 100%; float: left; color: #fff; font: 35px 'Roboto'; text-align: left;}
.alinha8 {width: 100%; float: left; color: #a59682; font: 30px 'Roboto'; text-align: center; margin: 50px 0 0 0;}
.alinha9 {width: 100%; float: left; color: #b19da0; font: 30px 'Roboto'; text-align: center; margin: 0 0 40px -4px}
.alinha10 {width: 100%; float: left; color: #a59682; font: 30px 'Roboto'; text-align: center; margin: 30px 0 30px 0;}
.alinha11 {width: 100%; float: left; color: #a59682; font: 30px 'Roboto'; text-align: center; margin: 80px 0 0 0;}
.alinha12 {width: 100%; float: left; color: #717171; font: 14px 'Verdana'; text-align: left}
.alinha13 {width: 100%; float: left; color: #13a1cc; font: 25px 'Roboto'; text-align: left; margin: 20px 0 0 0;}
.alinha14 {width: 100%; float: left; color: #545454; font: 17px 'Roboto'; text-align: left; margin: 0 0 20px 0}
.alinha15 {width: 100%; float: left; color: #545454; font: 17px 'Roboto'; text-align: left; margin: 70px 0 20px 0}
.alinha16 {float: left; color: #545454; font: 25px 'Roboto'; text-align: left; margin: 5px 0 0 10px}
.alinha17 {width: 230px; float: left; color: #545454; font: 15px 'Roboto'; text-align: left; margin: 0 0 0 10px;}
.alinha18 {float: left; color: #fff; font: 35px 'Roboto'; text-align: left; margin: 0 0 0 0}
.alinha19 {width: 100%; float: left; color: #fdff3c; font: 25px 'Roboto'; text-align: center; padding: 0 0 10px 0; margin: 20px 0 0 0;}
.alinha20 {width: 100%; float: right; color: #71879e; font: 25px 'Roboto'; text-align: right; padding: 0 0 0px 0; margin: 0px 0 0 0;}

.linha_divide {width: 100%; height: 2px; background-color: #e6e6e6; float: left; margin: 30px 0;}
.btn_geral {width: auto; flot: right; padding: 10px 15px; text-align:center; color: #fff; font: 20px 'Roboto'; background-color: #6788a0; border-radius: 20px; border: 2px  #ccc solid; }
.btn_geral:hover {background-color: #545454}


#grid0 {float: left;}
#grid1 {width: 6.2%; margin-right: 20px;}
#grid2 {width: 14.2%; margin-right: 20px;}
#grid3 {width: 23.1%; height: auto; float: left; margin: 0 20px 20px 0;}

#grid4 {width: 31.5%; height: auto; float: left; margin: 0 20px 0 0; }
#grid4A {width: 31.5%; height: auto; float: left; margin: 0 20px 20px 0;}
#grid4B {width: 31.5%; height: auto; float: left; margin: 0 20px 0 0;}
#grid4C {width: 31.5%; height: auto; float: left; margin: 0 20px 20px 0; color: #b19da0; font: 14px 'Roboto'; overflow: hidden;}
#grid4D {width: 31.5%; height: auto; float: right; display: block;}
#grid4E {width: 31.5%; height: auto; float: right;}
#grid4_solucoes {width: 31.5%; height: auto; background-color: ; float: left; margin: 0 20px 40px 0; border-top: 5px solid #6788a0}

#grid5 {width: 40.1%; height: auto; float: left; overflow: hidden;}
#grid6 {width: 48.1%; height: auto; float: left; margin: 0 20px 20px 0; color: #b19da0; font: 14px 'Roboto'; overflow: hidden;}
#grid7 {width: 57.1%; height: auto; float: right;}
#grid8 {width: 65%; height: auto; float: left;}
#grid9 {width: 74%; margin-right: 20px;}
#grid10 {width: 82%; margin-right: 20px;}
#grid11 {width: 91%; margin-right: 20px;}
#grid12 {width: 100%; height: auto; float: left;}
#grid12A {width: 100%; height: auto; float: left;}
#grid12B {width: 100%; height: auto; float: left; margin: 20px 0 0 0;}
#grid12C {width: 100%; height: auto; float: left; margin: 20px 0 0 0;}
#grid12D {width: 100%; height: auto; float: left; margin: 20px 0 0 0;}
#xxx {float: left;}

a:link {color: #fff; text-decoration: none;}
a:visited {color: #fff; text-decoration: none;}
a:hover  {text-decoration: none; color: #4991ff;}

a.linkdois:link {color: #fff; text-decoration: none;}
a.linkdois:visited {color: #fff; text-decoration: none;}
a.linkdois:hover  {text-decoration: none; color: #fff;}

a.linktres:link {color: #858485; text-decoration: none;}
a.linktres:visited {color: #858485; text-decoration: none;}
a.linktres:hover  {text-decoration: none; color: #fff;}

#menu-mobilex {width: 100%; height: 46px; float: left; padding: 16px 0 16px 0; background: url(img/topo.jpg) top center repeat-x;}
#menu-web {width: 100%; height: 70px; float: left; margin: -50px 0 0 0; position: absolute; z-index: 4; display: block}
#menu {width: 100%; height: auto; float: none; margin: 0 auto 0 auto;}
.menu-link-1 {float: left; color: #858485; font: 17px 'Roboto'; font-weight:  600; border-right: 1px #ccc solid; padding: 25px 28px; margin: 0 0 0 0; background: #e4e4e4}
.menu-link-2 {float: left; color: #858485; font: 17px 'Roboto'; font-weight:  600; padding: 25px 25px 25px 25px; margin: 0 0 0 0; background: #e4e4e4}
.menu-link-1:hover {cursor: pointer; background: #617589; color: white}
.menu-link-2:hover {cursor: pointer; background: #617589; color: white}

#topo {width: 100%; height: auto; float: left; display: block;  background: url(img/topo.jpg) top center repeat-x; margin-top: -10px; }
#topo-mobile {width: 100%; height: auto; float: left; display: none;}

#faixa-topo {width: 100%; min-height: 200px; float: left; padding: 30px 0 0px 0; display: block; margin-bottom:  60px; }
#faixa-topo2 {width: 100%; height: auto; float: left; background: url(img/topo.jpg) top center no-repeat; padding: 30px 0 90px 0; display: block;
border-bottom: 3px #ededed solid; -webkit-box-shadow: 0px 2px 5px 0px rgba(237,237,237,1);-moz-box-shadow: 0px 2px 5px 0px rgba(237,237,237,1);box-shadow: 0px 2px 5px 0px rgba(237,237,237,1);}

#redes-sociais-web {width: 100%; height: auto; float: left; background: url(img/topo.jpg) top center no-repeat; padding: 30px 0 30px 0; display: block}
.redes-sociais-web-icon {width: 40px; background-color:  none; height: auto; float: right; margin: 65px 0 0 5px; overflow: hidden;}
#redes-sociais-mobile {width: auto; height: auto; float: left; display: none;}
.redes-sociais-mobile-icon {width: 30px; height: auto; float: left; margin: 0 0 0 0; overflow: hidden; color: #13a1cc;}

.logo-web {width: 300px; height: auto; float: left; margin: 15px auto 0 auto; overflow: hidden;}
.logo-mobile {width: 60px; height: auto; float: left; margin: 1px 0 0 30px; overflow: hidden;}

#carrossel-menu {width: 100%; height: auto; float: left; margin: 0 0 0 0; display: block; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; margin: 0 0 0 0; display: none; overflow: hidden;}
#carrossel {width: 100%; height: 100%; float: left; margin: 0 0 0 0; overflow: hidden;}
#containercarrossel {width: 100%;  margin-bottom: 15px; float: left;}
#carrosselprevnext {width: 100%;  margin-bottom: 15px;  float: left;}
#carrossel ul {list-style: none; float: left;}
#carrossel ul li {float: left; display: inline;}
.prev {width: 50px; float: right; margin-top: 80%; overflow: hidden;}
.next {width: 50px;  float: left; margin-top: 80%; overflow: hidden;}

#institucional {width: 100%; height: 100%; float: left; padding: 30px 0 30px 0; }
.institucional-btn {width: 193px; height: auto; float: none; margin: 0 auto 0 auto; cursor: pointer; overflow: hidden;}

#tratamentos {width: 100%; height: 100%; float: left; padding: 30px 0 30px 0; background: #e4e4e4}
.tratamentos-foto {width: 100%; height: 160px; float: left; overflow: hidden; background-color: none;}
.tratamentos-foto_p {width: 100%; height: 140px; float: left; overflow: hidden;}
#tratamentos-branco-titulo {width: 100%; float: left; background: white; padding: 25px 0 40px 0; margin: -3px 0 0 0;} 
.tratamentos-titulo {width: 100%; height: 50px; float: left; color: #6a6a6a; font: 18px 'Roboto'; text-align: center} 
.tratamentos-btn {width: 50px; height: auto; float: none; margin: -18px auto 0 auto; cursor: pointer; overflow: hidden;}

.parceiros-foto {width: 100%; height: 300px; float: left; overflow: hidden; background-color: none;}

#depoimentos {width: 100%; height: 100%; float: left; padding: 30px 0 30px 0; background: url(img/depoimentos.jpg) top center;}
#testimonialx {width: 90%; height: auto; float: none; margin: 0 auto 0 auto;}

#parallax-web {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.parallax-foto {background: url(img/parallax-web.jpg) no-repeat top center; width: 100%; height: 100%; float: left; margin-top: -22px;
min-height: 500px; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
#parallax-mobile {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}

#procedimentos {width: 100%; height: 100%; float: left; padding: 30px 0 30px 0; background: url(img/procedimentos.jpg) top center;}
.procedimentos-btn {width: 303px; height: auto; float: none; cursor: pointer; margin: 0 auto 0 auto; overflow: hidden;}

#mapa {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}

#feed-instagram {width: 100%; height: 100%; float: left; padding: 10px 0 10px 0; overflow: hidden;}

#infos-contato {width: 100%; height: 100%; float: left; padding: 30px 0 30px 0; background: #71879e}
.infos-contato-icon-telefone {width: 40px; height: auto; float: left; margin: 0 0 0 0; overflow: hidden;}
.infos-contato-icon-endereco {width: 60px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}
.infos-logo-branca {width: 92%; height: auto; float: none; margin: 0 auto 0 auto; display: block; overflow: hidden;}

#footer {width: 100%; height: 100%; float: left; background: #506071; padding: 20px 0 20px 0; margin: -0px 0 -0px 0;}
.copyright {float: left; color: #fff; font-size: 12px; margin-top: 8px;}
.logoas {width: 60px; height: auto; float: right; margin: 3px 0 0 0; overflow: hidden;}

.btn-whatsapp {
	bottom: 30px;
	cursor: pointer;
	height: 102px;
	position: fixed;
	right: 30px;
	width: 103px;
	z-index: 3;
  &::after {
	  content: '▲';
	  display: flex;
	  justify-content: center;
	  padding-left: 1px;
	  padding-top: 10px;}}




/* LINKS INTERNOS
***********************************************************/
.menu-dra-mayara-avatar {width: 250px; height: 250px; float: none; border-radius: 50%; margin: 80px auto 0 auto; -webkit-box-shadow: 0px 5px 0px 3px rgba(194,159,164,1);
-moz-box-shadow: 0px 5px 0px 3px rgba(194,159,164,1);box-shadow: 0px 5px 0px 3px rgba(194,159,164,1); overflow: hidden;}
.menu-dra-mayara-fotos {width: 100%; height: 150px; float: left; overflow: hidden; overflow: hidden;}
.menu-dra-mayara-fotos-lupa {width: 50px; height: 49px; float: none; margin: -30px auto 0 auto; overflow: hidden;}
#menu-dra-mayara-video {width: 100%; height: auto; float: left; margin: 0 0 50px 0; overflow: hidden;}

.menu-procedimentos-banner {width: 100%; height: auto; float: left; margin: 0 0 30px 0; overflow: hidden;}
.menu-procedimentos-btn {width: 303px; height: auto; float: left; margin: 0 0 0 0; overflow: hidden;}

#menu-depoimentos {width: 100%; height: auto; float: left; margin: 0 0 30px 0; padding: 0 0 30px 0; border-bottom: 3px #e4e4e4 solid;}
#menu-depoimentos-btn {width: 244px; height: auto; float: none; margin: 20px auto 0 auto;}
.menu-depoimentos-btn-enviar {width: 244px; height: 52px; float: left; outline: none; border: none;}
.enviar-depoimentos {width: 100%; height: 53px; float: none; margin: 0 auto 0 auto; outline: none; border: none; overflow: hidden;}
.form1 {width: 100%; height: 40px; border: 0px; background: #e4e4e4; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #13a1cc solid;}
.form2 {width: 97.5%; height: 180px; border: 0px; background: #e4e4e4; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #13a1cc solid;}

.menu-agendamento-banner {width: 100%; height: auto; float: left; margin: 50px 0 50px 0; overflow: hidden;}
.menu-agendamento-avatar {width: 100%; height: auto; float: left; overflow: hidden;}
.enviar-agendamento {width: 100%; height: 40px; border: none; float: left; margin: 17px 0 0 0; color: #fff; font: 18px 'champagne'; border-radius: 10px; background: #13a1cc;}
.enviar-agendamento:hover {background: #b19094; color: white; cursor: pointer;}
.form3 {width: 96%; height: 40px; border: 0px; background: #e4e4e4; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #13a1cc solid;}

.menu-contato-banner {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; overflow: hidden;}
#menu-contato-formulario {width: 100%; height: auto; float: left; margin: 30px 0 30px 0; overflow: hidden;}
#menu-contato-btn-enviar {width: 144px; height: 44px; float: right; margin: 20px 0 0 0; cursor: pointer;}
.enviar {width: 144px; height: 44px; border: none; float: right; outline: none; cursor: pointer; background: url(img/btn/enviar.png); overflow: hidden;}

.email-enviadox {width: 250px; height: auto; float: left; margin: 0 auto 20px auto; padding: 7px 0 7px 0; background: #6788a0;}
.email-enviadox {text-align: center; color: #fff;}

.hoverzoom { position: relative; width: 100%; overflow: hidden;}
.hoverzoom > img { width: 100%; border-radius: 2px; -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000);}
.hoverzoom:hover > img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
.hoverzoom .retina{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-radius: 2px; text-align: center; padding: 30px; -webkit-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -moz-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -ms-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); -o-transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); transition: all .8s cubic-bezier(.190, 1.000, .220, 1.000); }
.hoverzoom:hover .retina { opacity: 1; box-shadow: inset 0 0 100px 50px rgba(0,0,0,.5); }.hoverzoom .retina p { color: #fff;}.hoverzoom .retina a { display: block; width: 150px; background: #6fc5e9; border: 1px solid #59afd4; border-radius: 4px; color: #fff; text-decoration: none; text-align: center; padding: 10px 15px; margin: 16px auto 0;}

/* FIM LINKS INTERNOS
***********************************************************/

/* 
1200px – Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1200px){
/*! MENU WEB */	
#menu-web {width: 100%; height: 75px; float: left; margin: -40px 0 0 0; position: absolute; z-index: 4; display: block;}
#menu {width: 100%; height: auto; float: none; margin: 0 auto 0 auto;}
.menu-link-1 {float: left; color: #858485; font: 17px 'Roboto'; font-weight:  600; border-right: 1px #ccc solid; padding: 25px 25px 25px 25px; margin: 0 0 0 0; background: #e4e4e4}
.menu-link-2 {float: left; color: #858485; font: 17px 'Roboto'; font-weight:  600; padding: 25px 25px 25px 25px; margin: 0 0 0 0; background: #e4e4e4}
}

/* 
960px – Tablets no formato paisagem e alguns monitores mais antigos
***********************************************************/
@media screen and (max-width: 960px){
/*! MENU WEB */	
#menu-web {width: auto; height: auto; float: left; margin: 0 0 0 0; position: relative; z-index: 1; display: none;}
#faixa-topo {width: auto; height: auto; float: left; background: none; padding: 0 0 0 0; display: none}
#faixa-topo2 {width: auto; height: auto; float: left; background: none; padding: 0 0 0 0; display: none}

/*! MENU MOBILE */	
#topo-mobile {width: 100%; height: auto; float: left; display: block; margin-top: -15px;}

/*! LOGO MOBILE */
.logo-mobile {width: 160px; height: auto; float: left; margin: -6px 0 0 30px; overflow: hidden;}

/*! CARROSSEL */	
#carrossel-menu {width: 100%; height: auto; float: left; margin: 0 0 0 0; display: none; overflow: hidden;}
#carrossel-mobile {width: 100%; height: 100%; float: left; margin: 0 0 0 0; display: block; overflow: hidden;}

/*! TRATAMENTOS */
#grid4 {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}

/*! PARALLAX */
#parallax-web {width: 100%; height: 100%; float: left; display: none; overflow: hidden;}

#parallax-mobile {width: 100%; height: 100%; float: left; display: block; overflow: hidden;}
.parallax-foto-mobile {background: url(img/parallax-mobile.jpg) no-repeat top center; width: 100%; height: 100%; float: left; margin-top: -22px;
min-height: 500px; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}

/*! PROCEDIMENTOS */
#grid4A {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}

/*! INFORMAÇÕES */
#grid4B {width: 100%; height: auto; float: left; margin: 0 0 30px 0;}
.infos-logo-branca {width: auto; height: auto; float: none; margin: 0 0 0 0; display: none; overflow: hidden;}
#xxx {width: 100%; height: auto; float: left;}
.alinha6 {width: 100%; float: left; color: #fff; font: 25px 'champagne'; margin: 0 0 0 0; text-align: center;}
.infos-contato-icon-telefone {width: 40px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

/*! REDES SOCIAIS MOBILE */
#redes-sociais-mobile {width: 150px; height: auto; float: none; display: block; margin: 0 auto 0 auto}
.redes-sociais-mobile-icon {width: 40px; height: auto; float: left; margin: 0 5px 0 5px; overflow: hidden;}

/*! FOOTER */
.copyright {width: 100%; float: left; color: #fff; font-size: 12px; margin-top: 8px; text-align: center; padding: 0 0 10px 0}
.logoas {width: 60px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

/*! MENU DRA MAYARA */
.menu-dra-mayara-avatar {width: 250px; height: 250px; float: none; border-radius: 50%; margin: 50px auto 0 auto; -webkit-box-shadow: 0px 5px 0px 3px rgba(194,159,164,1);
-moz-box-shadow: 0px 5px 0px 3px rgba(194,159,164,1);box-shadow: 0px 5px 0px 3px rgba(194,159,164,1); overflow: hidden;}
#grid3 {width: 100%; height: auto; float: left; margin: 0 0 20px 0;}
.alinha3 {width: 100%; float: none; color: #545454; font: 17px 'champagne'; text-align: center; margin: 30px auto 30px auto}

/*! MENU PROCEDIMENTOS */
.alinha11 {width: 100%; float: left; color: #a59682; font: 30px 'champagne'; text-align: center; margin: 50px 0 0 0;}
.alinha14 {width: 100%; float: left; color: #545454; font: 17px 'champagne'; text-align: center; margin: 20px 0 20px 0}
#grid5 {width: 100%; height: auto; float: left; overflow: hidden;}
#grid7 {width: 100%; height: auto; float: left;}
.menu-procedimentos-btn {width: 300px; height: auto; float: none; margin: 0 auto 0 auto; overflow: hidden;}

/*! MENU DEPOIMENTOS */
#grid4C {width: 100%; height: auto; float: left; margin: 0 0 20px 0; color: #b19da0; font: 14px 'champagne'; overflow: hidden;}
.form1 {width: 100%; height: 40px; border: 0px; background: #e4e4e4; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #13a1cc solid;}
.form2 {width: 98%; height: 180px; border: 0px; background: #e4e4e4; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #13a1cc solid;}
.alinha12 {width: 100%; float: left; color: #717171; font: 14px 'Verdana'; text-align: center;}
.alinha13 {width: 100%; float: left; color: #13a1cc; font: 25px 'champagne'; text-align: center; margin: 20px 0 0 0;}
#menu-depoimentos-btn {width: 244px; height: auto; float: none; margin: 20px auto 0 auto;}
.menu-depoimentos-btn-enviar {width: 244px; height: 52px; float: left; outline: none; border: none;}

/*! MENU AGENDAMENTO */
#grid4D {width: auto; height: auto; float: left; display: none;}
#grid8 {width: 100%; height: auto; float: left; margin: 0 0 0 0;}
.alinha15 {width: 100%; float: left; color: #545454; font: 17px 'champagne'; text-align: center; margin: 20px 0 20px 0}

/*! MENU CONTATO */
.menu-contato-banner {width: 100%; height: auto; float: left; margin: 0 0 30px 0; overflow: hidden;}
#grid4E {width: 100%; height: auto; float: left; margin: 15px 0 0 0}
#menu-contato-btn-enviar {width: 144px; height: auto; float: none; margin: 20px auto 0 auto;}
.enviar {width: 144px; height: 44px; border: none; outline: none; float: left; margin: 0 0 0 0; overflow: hidden;}
.alinha16 {width: 100%; float: left; color: #545454; font: 25px 'champagne'; text-align: center; margin: 5px 0 0 0}
.alinha17 {width: 100%; float: left; color: #545454; font: 15px 'champagne'; text-align: center; margin: 0 0 0 0}
}




/* 
768px – Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width: 768px){
/*! MENU DEPOIMENTOS */
#menu-depoimentos-btn {width: 244px; height: auto; float: none; margin: 20px auto 0 auto;}

/*! MENU AGENDAMENTO */
#grid6 {width: 100%; height: auto; float: left; margin: 0 0 20px 0; color: #b19da0; font: 14px 'champagne'; overflow: hidden;}
.form3 {width: 98%; height: 40px; border: 0px; background: #e4e4e4; color: #000; float: left; padding-left: 10px; outline: none; border-bottom: 3px #13a1cc solid;}
.enviar-agendamento {width: 100%; height: 40px; border: none; float: left; margin: 0 0 0 0; color: #fff; font: 18px 'champagne'; border-radius: 10px; background: #13a1cc;}

/*! MENU CONTATO */
.menu-contato-banner {width: 100%; height: auto; float: left; margin: 0 0 0 0; overflow: hidden;}

.alinha1 {width: 100%; float: left; color: #71879e; font: 30px 'Roboto'; text-align: center;}
.alinha2 {width: 100%; float: left; color: #c3cad2; font: 30px 'Roboto'; text-align: center;}
.alinha3 {width: 100%; float: none; color: #545454; font: 17px 'Roboto'; text-align: center; margin: 30px auto 30px auto}
.alinha4 {width: 100%; float: left; color: #6a6a6a; font: 30px 'Roboto'; text-align: center; margin: 0 0 30px 0}
.alinha5 {width: 100%; float: left; color: #fff; font: 16px 'Roboto'; text-align: center;}
.alinha6 {float: left; color: #fff; font: 25px 'Roboto'; margin: 5px 0 0 10px}
.alinha7 {width: 100%; float: left; color: #fff; font: 35px 'Roboto'; text-align: center;}
.alinha8 {width: 100%; float: left; color: #a59682; font: 30px 'Roboto'; text-align: center; margin: 50px 0 0 0;}
.alinha9 {width: 100%; float: left; color: #b19da0; font: 30px 'Roboto'; text-align: center; margin: 0 0 50px 0}
.alinha10 {width: 100%; float: left; color: #a59682; font: 30px 'Roboto'; text-align: center; margin: 30px 0 30px 0;}
.alinha11 {width: 100%; float: left; color: #a59682; font: 30px 'Roboto'; text-align: center; margin: 80px 0 0 0;}
.alinha12 {width: 100%; float: left; color: #717171; font: 14px 'Verdana'; text-align: center}
.alinha13 {width: 100%; float: left; color: #13a1cc; font: 25px 'Roboto'; text-align: center; margin: 20px 0 0 0;}
.alinha14 {width: 100%; float: left; color: #545454; font: 17px 'Roboto'; text-align: center; margin: 0 0 20px 0}
.alinha15 {width: 100%; float: left; color: #545454; font: 17px 'Roboto'; text-align: center; margin: 70px 0 20px 0}
.alinha16 {float: left; color: #545454; font: 25px 'Roboto'; text-align: center; margin: 5px 0 0 10px}
.alinha17 {width: 100%; float: left; color: #545454; font: 15px 'Roboto'; text-align: center; margin: 0 0 0 10px;}
.alinha18 {float: left; color: #fff; font: 35px 'Roboto'; text-align: center; margin: 0 0 0 0}
.alinha19 {width: 100%; float: left; color: #fdff3c; font: 25px 'Roboto'; text-align: center; padding: 0 0 10px 0; margin: 20px 0 0 0;}
.alinha20 {width: 100%; float: right; color: #71879e; font: 25px 'Roboto'; text-align: right; padding: 0 0 0px 0; margin: 0px 0 0 0;}

#grid4_solucoes{width: auto;}


}




/* 
640px – iPhone no formato retrato
***********************************************************/
@media screen and (max-width: 640px) and (min-width: 481px){
	#grid4_solucoes{width: auto;}

}




/* 
480px – Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width: 480px){
	#grid4_solucoes{width: auto;}

}




/* 
384px – Smartphones antigos com tela pequena
***********************************************************/
@media screen and (max-width: 350px){
	#grid4_solucoes{width: auto;}

}