/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small devices  */
html {
  font-size: 81.3%;
}

.container {
 max-width: 100%;
}

.flexslider .slides img.img-mobile {
    display: block;
}

.flexslider .slides img.img-desktop {
display:none;
}

#header-top ul li {
    font-size: 15px;
}

#header-top ul li.localizacao{
display:none;
}

#header-top ul li a {
  color: #fff;
  text-decoration: none;
}

#header-top{
    margin-top: 6vw;
}

#block-gw2d-gw2d-header{
float:none;
    right: 18%;
}

#header-top ul{
    position: absolute;
    top: -28px;
    width: 100%;
    text-align: center;
}

#header-top #block-gw2d-gw2d-logo-header-block{
width:28%;
z-index: 9999;
}

#block-block-2{
display:none;
}


/* Menu Mobile */
.region-header {
  position: static;
}


#footer .content-footer .text-box {
 margin: 0 auto;
}

#footer .content-footer {
float: none;
margin: 0 auto;
text-align: center;
background: none;
padding: 0;
}

.copyright-left .logo_gw2d {
 font-size: 0;
}

#intro img {
  min-height: 100vh;
}

.node-type-representante #content-left .imagem-left {
  top: 10px;
  max-width: 220px;
}

#header,
#header.small {
height: 15.5vw;
    background: url("../images/header.jpg") no-repeat left top;
    background-size: 100% 100%;
}

#header #button-menu {
    display: block;
    float: right;
    position: absolute;
    right: 5%;
    bottom: 4.5vw;
}

#header #block-gw2d-gw2d-logo-header-block{
    width: 34%;
}

.redes-sociais{
padding-top: 20px;
}

.redes-sociais a {
   background: url(../images/sprite.png) no-repeat left center;
   width: 36px;
   height: 36px;
   text-indent: -9999px;
   display: block;
   float: left;
   background-position: -72px -45px;
   margin-right: 15px;
   background-size: 150px;
}


.redes-sociais a.linkedin {
   width: 36px;
   background-position: -114px -45px;
   height: 36px;
}

nav.block-menu {
  background: none repeat scroll 0 0 #000;
  height: 100%;
  min-height: 100%;
  overflow-x: hidden;
  position: fixed;
  right: -250px;
  top: 0;
  width: 250px;
  z-index: 16;
  display: block;
  margin-top: 0;
}

nav.block-menu ul .active-trail ul {
  display: block !important;
  
}

.view-solucao {
  margin-bottom: 0;
}


body #button-menu,
body #block-gw2d-gw2d-header,
body #block-block-10,
body #header-top,
body #block-views-exp-busca-page,
body .region-header-top,
nav.block-menu,
body .logo-header,
body .redes-sociais,
body #content,
body #content-top,
body #content-bottom,
body #copyright-region,
.menu-servicos.fixo .block-content,
body #footer {
 -webkit-backface-visibility:hidden;
  backface-visibility: hidden;
  -moz-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -o-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px);
  -webkit-transition: all 0.3s ease 0s;  
  -moz-transition: all 0.3s ease 0s; 
  -o-transition: all 0.3s ease 0s; 
  transition: all 0.3s ease 0s; 
}

body.open-menu #block-views-exp-busca-page,
body.open-menu #block-gw2d-gw2d-header,
body.open-menu #block-block-10,
body.open-menu #header-top,
body.open-menu #button-menu,
body.open-menu .logo-header,
body.open-menu .redes-sociais,
body.open-menu .region-header-top,
nav.block-menu.open,
body.open-menu #content,
body.open-menu #content-top,
body.open-menu #content-bottom,
body.open-menu #copyright-region,
body.open-menu #footer {
  -moz-transform: translateX(-250px);
  -webkit-transform: translateX(-250px);
  -o-transform: translateX(-250px);
  -ms-transform: translateX(-250px);
  transform: translateX(-250px);
}

nav.block-menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    right: 0;
    top: 0;
}

nav.block-menu li {
  margin: 0;
  line-height: 40px;
  padding: 0;
  list-style: none;
  width: 100%;
}

nav.block-menu li .mobile {
  display: block;
}

nav.block-menu ul li a {
  border-bottom: 1px solid #5b5a5d;
  color: #fff;
  display: block;
  float: left;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 0px 10px;
  line-height: 2;
  text-transform: uppercase;
  width: 100%;
  text-decoration: none;
    height: 80px;
  padding-top: 20px;
    margin: 0;
}


nav.block-menu li.active-trail a, 
nav.block-menu li.active-trail ul li a.active, 
nav.block-menu li.active-trail ul li a:hover, 
nav.block-menu li a.active, 
nav.block-menu li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #d5a100;
}


#header .buttons-menu {
  margin-right: 20px;
}

#header .buttons-menu #button-menu {
  text-indent:-9999px;
  float: right;
  width: 42px;
  height: 42px;
  display: block;
  cursor: pointer;
  background-position: -127px 0;
  margin-top: 20px;
}

#page {
    min-height: 78vh;
    padding-top: 0;
    margin-top: 15.45vw;
}

.page-home #content .content-width{
    padding-left: 0;
    padding-right: 0;
}
#block-gw2d-gw2d-header ul li{
display: block;
    font-size: 2vw;
    margin-bottom: 1vw;
}

#block-gw2d-gw2d-header ul li.localizacao{
display:none;
}

.slide-home .slide-info,
#sobre .slide-info {
  width: 100%;
  min-height: 0 !important;
  height: auto !important;
  position: relative;
}

.slide-home .slide-info,
#sobre .slide-info {
padding-bottom:5%;
}


#home .galeria .slides{
height:100%
}

#home .galeria .slides li{
height: 100%;
}

#home .galeria .slides li img {
    height: 100%;
    width: 100%;
}

#sobre{
    background: url(../images/backmob.jpg) top right repeat-y;
    background-size: 100% 100%;
}

#sobre .descricao{
height:auto;
}

#sobre .galeria{
width:100%;
position: absolute;
bottom: 0;
}

.page-home #content .slide-home{
    min-height: auto !important;
}

.slide-home .galeria {
  padding-bottom: 0;
    height: auto !important;
}


#contato h2{
text-align:left
}

#contato .gmaps {
  height: auto !important;
  width: 100%;  
}

.next-slide-wrapper {
  display: none;
}

#contato .webform-wrapper {
  width: 100%;
}

.webform-client-form .webform-component-markup p {
  font-size: 1.8vw;
}

.webform-client-form .webform-component-markup strong,
#contato .description {
  font-size: 2vw;
}

.contato-info {
  right: 0;
  text-align: right;
  z-index: 997;
  font-size: 1.5vh;
  padding: 20px;
  padding-bottom: 0;
  padding-right: 5%;
}

#contato .gmaps.right-content p {
    font-size: 2.5vw;
}

#home .galeria .slides .content-description {
font-size: 4.5vw;
    max-width: 75%;
}

#block-views-chamada-block .views-row .views-field-view-node{
left: 0;
    bottom: 5%;
    position: inherit;
    right: auto;
}


#content-top h2, .title-page, 
.view-solucao .view-header h2,
#home .galeria .slides .content-description strong {
  font-size: 5vw;
}


#page .webform-client-form .webform-component-markup:first-child h3, 
.node-type-pagina .field-name-field-descricao, #content-top h3, 
.view-solucao .view-header h3 {
  font-size: 2.5vw;
}

h1, h2 {
  font-size: 5vw;
}

h3, h4 {
  font-size: 2.5vw;
}

.slide-home ul li,
.slide-home .slide-info p {
    font-size: 2.5vw;
}


.view-solucao .views-row .views-field-field-imagem {
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}

.view-solucao .views-row .views-field-title {
  width: 100%;
}

.node-type-solucao .title-page,
#block-views-chamada-block .views-row .views-field-title h3,
.view-solucao .views-row .views-field-title h3 {
  font-size: 2.5vw;
  margin-left: 0;
}

#block-views-chamada-block .views-row .views-field-title h3{
    display: table-cell;
    height: 7vw;
    vertical-align: middle;
    width: 100%;
    border: none;
    margin: 0;
    padding: 0;
}

#block-views-chamada-block .views-row .views-field-title{
border-bottom: 1px solid #bbbbbb;
    margin-bottom: 2vw;
}

#block-views-chamada-block .views-row{
    min-height: 52vw;
}

.node-type-solucao #content .field-name-field-imagem {
  top: 0;
}

.node-type-pagina #content .field-name-body,
.node-type-solucao #content .field-name-field-descricao, 
.node-type-solucao #content .field-name-body,
#block-views-chamada-block .views-row .views-field-field-descricao,
.view-solucao .views-row .views-field-field-descricao {
  font-size: 2vw;
  margin-bottom: 5px;
}

.node-type-solucao #content .field-name-field-descricao {
  margin-bottom: 20px;
}

#block-views-chamada-block .views-row .views-field-view-node a,
.view-solucao .views-row .views-field-view-node a {
position: static;
font-size: 2vw;
padding: 0.6vw 2vw;
float: left;
    display: block;
}

#page .webform-client-form .iten-cidade, 
#page .webform-client-form .iten-bairro {
  width: 28%;
}

#page .webform-client-form .iten-estado, 
#page .webform-client-form .iten-cep {
  width: 20%;
}

.webform-client-form input.form-submit {
  font-size: 2.5vw;
}

#page .webform-client-form .webform-component-markup ul li {
  width: 100%;
  font-size: 2vw;
}

.buttons-docs a {
  font-size: 2vw;
  width: 44%;
  margin: 0.5%;
  background-size: 30px;
  background-position: 5px center;
  padding-left: 40px;
}

.buttons-docs a.btn-enviar-docs {
background: #007730 url(../images/upload.png) no-repeat 5px center;
width: 54%;
background-size: 30px;
padding-left: 40px;
padding-right: 5px;
}

#sobre h1, h2 {
  font-size: 4vw;
  text-align:center;
}

.view-noticias .views-row{
position: relative;
}

.view-noticias .views-row .views-field-title{
width: 100%;
text-align: left;
}

.view-noticias .views-row .views-field-title a{
font-size:2.5vw;
}

.view-noticias .views-row .views-field-field-imagem{
    width: 100%;
}

.view-noticias .views-row .views-field-field-descricao{
    font-size: 2vw;
margin-bottom:5px;
}

.view-noticias .views-row .views-field-view-node a{
    position: static;
    font-size: 2vw;
}

.view-noticias .view-header h2{
font-size:5vw;
}

.view-noticias .view-header h3{
font-size:2.5vw;
}

.node-type-cursos .title-page{
    font-size: 3.5vw;
margin-left:0;
}

.node-type-noticias #content .field-name-field-imagem,
.node-type-cursos #content .field-name-field-imagem{
top:0;
}

.node-type-noticias #content .field-name-field-descricao,
.node-type-cursos #content .field-name-field-descricao{
font-size:2vw;
}

.node-type-noticias #content .field-name-body,
.node-type-cursos #content .field-name-body{
font-size:1.5vw;
}

.node-type-noticias .title-page {
font-size:3vw;
margin-left:0;
}

#block-views-noticias-block-1 .view-noticias .views-row .views-field-title a {
font-size:1.7vw;
}

#block-views-noticias-block-1 .view-noticias .views-row .views-field-view-node a{
position:absolute;
font-size: 1vw;
left:71%;
}

 #block-views-solucao-block-1 .view-solucao .views-row .views-field-title h3{
font-size: 1.7vw;
 }

 #block-views-solucao-block-1 .view-solucao .views-row .views-field-view-node a{
font-size:1.7vw;
left:0;
 }
 


#footer {
  padding: 5px 0;
background: url("../images/footer.jpg") no-repeat left top;
    background-size: 100% 100%;
}

#footer .content-width {
  padding: 0 2%;
}

#footer p {
  font-size: 1.9vw;
}

#footer .center-content {
display:none;
  height: 100px;
  padding-top: 19px;
  width: 25%;
  padding: 5px;  
  margin-left: -10%;
}

#footer .center-content img {
  max-height: 100%;
}


#footer .center-content:before {
  border-bottom: 100px solid transparent;
  border-left: 40px solid #fff;
  right: -39px;
}

#footer .center-content:after {
  border-bottom: 100px solid transparent;
  border-right: 40px solid #fff;
  left: -39px;
}

#contato .webform-confirmation {
  font-size: 2.5vw;
}

#footer nav {
 display:  none; 
}

#copyright-region .content-width {
  padding: 0 2%;
}

#copyright-region .gw2d-footer-logo {
  padding-right: 2%;
}

#footer .content-footer .endereco-box, 
#footer .content-footer .telefone-box {
float: none;  
}

.social-links a.google {
  margin-right: 0;
  
}

#footer .social-links {
    clear: both;
    margin: 0 auto;
    float: none;
    width: 125px;
}

#footer #block-block-4 .boleto .santander{
width: 135px;
height: 33px;
background-position: 0px -82px;
background-size: 150px;
margin-bottom: 3%;
}

#footer #block-gw2d-gw2d-footer {
    width: 30%;
}

#footer #block-gw2d-gw2d-footer img{
    margin-top: 2vw;
    margin-right: 0;
width:100%;
}

#footer #block-block-4 {
    width: 37%;
}

#footer #block-block-4 iframe {
  width: 100%:
}

#footer #block-block-9{
width: 50%;
}

#footer #block-block-9 h2{
font-size: 2.8vw;
    color: white;
    text-align: left;
}

#footer #block-block-9 ul li {
    font-size: 2.3vw;
    font-weight: 300;
    margin-bottom: 2vw;
}

#footer #block-block-8 h2{
font-size:2.5vw;
}

#footer #block-block-8 ul li:first-child {
    font-size: 2.5vw;
}

#footer #block-block-8 ul li {
    font-size: 2vw;
}

#footer .left-content {
float: none;
	}

.page-home .pane-parceiros .flexslider-carousel{
    padding: 2vw 20px;
}

.footer-block ul li{
    font-size: 1.5vw;
    margin-right: 5px;
}

.footer-block ul li a{
color:#fff;
}

#copyright-region {
  height: 40px;
  overflow: hidden;
}
#copyright-region p {
  font-size: 1.4vw;
}

#copyright-region img {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
    margin-top: 11px;
    width: 35px;
}

#footer #block-block-4{
margin-top: 1vw;
    margin-bottom: 1vw;
    max-width: 100%;
    overflow: hidden;
    display: none;
}

.footer-block ul{
    margin-top: 3vw;
    width: 58%;
}

.page-home #content .pane-node .block-title{
    font-size: 4vw;
}

.page-home #content .pane-node #node-12 .field-name-field-descricao{
font-size: 2.3vw;
}

.page-home #content .pane-node #node-12 .field-name-body{
    float: none;
    width: initial;
    font-size: 2vw;
    margin-top: 1vw;
}

.page-home #content .pane-node #node-12 .field-name-field-imagem{
margin-right: 2vw;
}

.page-quem-somos #content .field-name-body p{
padding:0;
font-size:2vw;
}

.page-quem-somos #content .field-name-body{
    padding-bottom: 1vw;
    margin: 2vw;
    margin-top: 1vw;
    width: 59%;
}

.page-quem-somos .field-name-field-imagem{
    width: 37%;
}

.page-quem-somos #content .field-name-body .content-valores .missao h2,
.page-quem-somos #content .field-name-body .content-valores .valores h2,
.page-quem-somos #content .field-name-body .content-valores .visao h2{
text-align:left;
}

.page-serviços .diferenciais h2 {
    font-size: 3vw;
    text-align: left;
}

.page-serviços .diferenciais ul li{
font-size: 2vw;
}

.page-serviços .contate a{
font-size:2.5vw;
}

.node-type-pagina #content .field-name-body p{
font-size:2vw;
}

#page .webform-client-form .webform-component--text-contato p{
font-size:2vw;
}

/* Home */

.page-home .view-parceiros .view-header h2{
font-size: 4vw;
}

.page-home .view-parceiros .view-header h2:after{
    width: 20vw;
}

.page-home .pane-parceiros .flexslider-carousel .slides .views-row img{
height: 15vw;
}

.page-home .pane-parceiros .flexslider-carousel .slides .views-row .views-field-field-nome{
font-size:2.1vw;
}

.page-home .view-parceiros .flexslider-carousel .slides .views-row{
    height: auto;
    min-width: auto;
}

.page-home .view-parceiros .flexslider-carousel .slides .views-row .destaque{
    height: 45vw;
}

.page-home .pane-parceiros .flexslider-carousel .slides .views-row .views-field-field-info, .page-home .pane-parceiros .flexslider-carousel .slides .views-row .views-field-field-marca{
font-size:1.8vw;
}

.page-home .pane-parceiros .flexslider-carousel .slides .views-row .views-field-field-preco{
font-size:3vw;
}

#block-views-chamada-block .views-row .views-field-field-imagem{
    width: 100%;
    float: none;
}

.page-home #content .pane-node .block-title:after{
    width: 20vw;
}
.page-home .pane-views-panes{
    padding: 2vw 5%;
}

.page-home .pane-views-panes .view-header h2{
    font-size: 4vw;
}

.page-home .pane-views-panes .view-header h2:after{
    width: 13vw;
}

.page-home .pane-views-panes .view-header p{
    text-align: center;
    font-size: 2.3vw;
}

.page-home .pane-views-panes .view-produtos .views-row{
width: 48%;
    padding: 2%;

}

.page-home .pane-views-panes .view-produtos .views-row h3{
    font-size: 2.8vw;
}

.page-home .pane-views-panes .view-produtos .views-row p{
font-size:2vw;
}

.page-home .pane-views-panes .view-produtos .views-row .field-content span{
    width: 16vw;
    font-size: 2.3vw;
    padding: 1vw 2vw;
}

/* A Drogaria */

.node-type-dicas-de-saude #content-top h2,
.page-taxonomy-term #content-top h2,
.page-dicas-de-saude #content-top h2,
.node-type-produtos #content-top h2,
.page-produtos .view-header h2,
.page-contato .title-page,
 .page-nossas-lojas .title-page,
 .page-drogaria-polvilho .title-page,
 .page-servicos .title-page{
font-size:5vw;
}

.node-type-dicas-de-saude #content-top h2:after,
.page-taxonomy-term #content-top h2:after,
.page-dicas-de-saude #content-top h2:after,
.node-type-produtos #content-top h2:after,
.page-produtos .view-header h2:after,
.page-contato .title-page:after,
.page-nossas-lojas .title-page:after,
.page-servicos .title-page:after,
.page-drogaria-polvilho .title-page:after{
    width: 20vw;
}


.page-nossas-lojas #content .content-width,
.page-servicos #content .content-width,
.page-drogaria-polvilho #content .content-width{
    margin: 0;
    width: 100%;
}

.page-drogaria-polvilho #content .content-width #node-12 .field-name-body {
    background: url(../images/backmob.jpg) no-repeat left top;
    background-size: 100% auto;
    padding: 0 10%;
    padding-top: 74vw;
text-align:center;
    margin-bottom: 0;
}

.page-drogaria-polvilho #content .content-width #node-12 .field-name-body p{
    font-size: 2.2vw;
    padding-bottom: 3vw;
}

/* Serviços */
.page-servicos #content .content-width .field-name-body .bg1{
    padding: 3% 5%;
}

.page-servicos #content .content-width .field-name-body .bg2{
    padding: 3% 5%;
}

.page-servicos #content .field-name-body h2{
    font-size: 3.5vw;
    text-align: left;
}

.page-servicos #content .field-name-body ul li {
    font-size: 2vw;
}

.page-servicos #content .field-name-body .fidelidade,
 .page-servicos #content .field-name-body .convenio,
 .page-servicos #content .field-name-body .empresa,
 .page-servicos #content .field-name-body .funcionario,
 .page-servicos #content .field-name-body .normas{
    width: 15vw;
    height: 15vw;
}

.page-servicos #content .field-name-body .text {
    padding-left: 18vw;
}

/* Produtos */

.page-produtos #content{
padding:0;
}
.page-produtos .view-header p{
    font-size: 2.3vw;
}

.page-produtos .view-produtos .views-row{
width: 48%;
    padding: 2%;

}

.page-produtos .view-produtos .views-row h3{
    font-size: 2.8vw;
}

.page-produtos .view-produtos .views-row p{
font-size:2vw;
}

.page-produtos .view-produtos .views-row .field-content span{
    width: 16vw;
    font-size: 2.3vw;
    padding: 1vw 2vw;
}

/* Produtos Internos */

.node-type-dicas-de-saude #content-top p,
.page-taxonomy-term #content-top p,
.page-dicas-de-saude #content-top p,
.node-type-produtos #content-top p{
font-size:2vw;
}

.node-type-produtos .title-page{
    font-size: 4vw;
}

.node-type-produtos #content .field-name-field-descricao {
    font-size: 2.2vw;
    padding-top: 5vw;
}

.node-type-produtos #content .field-name-body p {
    font-size: 2.1vw;
    clear: both;
}

.node-type-produtos #content .field-name-body p:first-child {
clear:none;
}

.node-type-produtos #content .field-name-body ul li{
font-size: 2.1vw;
}

/* Contato */

.page-contato #content .content-width {
    padding-left: 5%;
    padding-right: 5%;
    margin: 0;
    width: 100%;
}

.page-contato #page {
    background-color: #fff;
    min-height: 64vh;
}

.page-home .pane-parceiros .flexslider-carousel .flex-direction-nav a.flex-next,
.page-home .pane-parceiros .flexslider-carousel .flex-direction-nav a.flex-prev{
    top: 30%;
}

/* Nossas Lojas */

.page-nossas-lojas #mapa{ 
    height: 60vw;
}

.page-nossas-lojas .field-name-body .lojas h3{
font-size:3vw;
}
.page-nossas-lojas .field-name-body .lojas a{
font-size:1.9vw;
}

#header #block-block-10 a{
font-size:2vw;
}

#header #block-block-10{
padding: 0.7vw 2vw;
}

#block-block-3 {
display:none;
}

.page-drogaria-polvilho .view-equipe .views-row {
    display: inline-block;
    width: 30.5%;
    margin: 1%;
}

.page-drogaria-polvilho .view-equipe .views-row .views-field-title {
    font-size: 2.5vw;
}

.page-drogaria-polvilho .view-equipe .views-row .views-field-field-cargo {
    font-size: 2.2vw;
}

.page-drogaria-polvilho .view-header h2:after, .page-produtos .view-header h2:after {
    width: 20vw;
}

.page-drogaria-polvilho .view-header h2{
font-size:5vw;
}

#block-menu-menu-categorias-dicas-de-saude {
    width: 30%;
}
#block-menu-menu-categorias-dicas-de-saude ul li a{
font-size: 2.3vw;
    padding: 1vw;
    padding-left: 1vw;
}

#block-block-11 h2 {
    font-size: 3vw;
    text-align: left;
}

#block-menu-menu-categorias-dicas-de-saude {
    width: 30%;
}

.view-dicas-de-saude {
    width: 68%;
}

.view-dicas-de-saude .views-row {
    width: 46%;
    padding-bottom: 4%;
}

.view-dicas-de-saude .views-row h3 {
    font-size: 2.3vw;
}

.view-dicas-de-saude .views-row p {
    font-size: 1.7vw;
margin-bottom: 2.5vw;
}

.view-dicas-de-saude .views-row .field-content span {
    padding: 1vw 2vw;
    font-size: 2.1vw;
}

.node-type-dicas-de-saude .node-dicas-de-saude {
    margin-left: 32%;
    padding: 2%;
    padding-top: 6%;
    overflow: hidden;
}
.node-type-dicas-de-saude .node-dicas-de-saude .field-name-field-imagem {
    width: 100%;
    margin-bottom: 2%;
}
.node-type-dicas-de-saude .title-page {
    position: absolute;
    margin-left: 30%;
    margin-top: 2%;
    font-size: 3vw;
    width: 59%;
}

.node-type-dicas-de-saude .node-dicas-de-saude .field-name-body{
    padding-top: 0;
    font-size: 2vw;
}

#block-block-13{
top: 3%;
}

#block-block-13 img.btanuncio {
    width: 6.6vw;
}

#block-block-13 img.anuncio {
    width: 50vw;
}