@import url('https://fonts.googleapis.com/css?family=Raleway:400,700,900&display=swap');
* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
    font-weight: normal;
    text-decoration: none;
}

html {
    font-size: 62.5%;
}

html, body {
    min-height: 100%;
}

body {
    -webkit-font-smoothing: antialiased !important;
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    font-size: 16px;
}

body, input, textarea, button {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
    line-height: 150%;
}

h1, h2 {
    font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 3.5rem;
    line-height: 110%;
    text-transform: uppercase;
}

h2 {
    font-size: 2.5rem;
    line-height: 150%;
}

#sobre a, #servicos a, #clientes a, #produtos a {
    font-weight: bold;
}

a:hover {
    text-decoration: none;
}

strong {
    font-weight: bold;
}

.left {
    float: left;
}

.right {
    float: right;
}

.total {
    width: 100%;
    float: left;
}

.container {
    width: 1100px;
    max-width: 1100px;
    margin:0 auto;
    display: block;
}

.container p {
    line-height: 150%;
    padding:10px 0;
    float: left;
}

#banner {
    width:100%;
    float:left;
    margin-bottom: 30px;
    background-color: #f4efef;
}

.interna {
    margin: 30px 0;
}

.interna h1 {
    padding-bottom: 30px;
}

/*google maps*/

.localizacao{width: 100%; float: left;}

.map-responsive{
    overflow:hidden;
    padding-bottom:44.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

iframe {
    width: 100%;
    border:0;
}

#contato {
    margin-bottom: 0px; 
}

#contato.interna h1 {
    padding-bottom: 0;
}

/*alertaMSG*/
.alert{ width:100%; font-size:18px; padding:1.5% 2.5%;margin:20px 0;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;outline:1px solid #fbeed5; float:left;}
.alert span{font-size:25px; padding-right:20px; color:#c90000}
.alert-success{background-color:#dff0d8;outline-color:#d6e9c6;color:#468847;}
.alert-error{background-color:#f2dede;outline-color:#eed3d7;color:#b94a48;}
.alert-info{background-color:#d9edf7;outline-color:#bce8f1;color:#3a87ad;}

/*rodape*/
#rodape {
    width: 100%;
    padding-top: 10px;
    float: left;
}

#rodape .direitos {
    width:70%; 
    float:left;
    font-size: 14px;
    padding:30px 0px;
    line-height: 150%;
}

#rodape .desenvolvimento {
    width:30%; 
    text-align:right; 
    float:left; 
    padding:10px 0px;
}

.whatsapp-flutuante {
    position: fixed; 
    bottom:30px; 
    right:10px; 
    z-index:1000;
}

.whatsapp-flutuante a{
    color: #000000 !important;
}

.balao {
    cursor: pointer;
    background-color: #f5f7f9;
    position: absolute;
    right: 80px;
    box-shadow: -4px 4px 4px -3px rgba(0, 0, 0, 0.15);
    width: 246px;
    padding: 10px 8px;
    border-radius: 6px;
    font-size: 14px;
    top: 10px;
}

.balao:before {
    content: '';
    display: block;
    transform: rotate(45deg);
    background-color: #f5f7f9;
    position: absolute;
    right: -4px;
    width: 20px;
    height: 20px;
    z-index: 0;
    top: 8px;
    z-index: -1;
    box-shadow: 1px 3px 2px rgba(0,0,0,0.2);
}

.pulse {
  animation: pulse 1.2s 4.0s ease 4;
  margin: 0 auto;
  display: table;
  animation-direction: alternate;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

.express iframe, 
.express object, 
.express embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

@media (max-width:770px){

    .container {
        width: 90%;
    }

    #blog-interno img {
        width: 100%;
        height: auto;
    }

    #blog-interno iframe {
        height: 320px;
    }

    #rodape .direitos, #rodape .desenvolvimento {
        width: 100%;
        text-align: center;
    }

    #rodape .desenvolvimento {
        padding: 0 0 20px 0;
    }

}

@media (min-width:0px) and (max-width:479px){
    html {font-size: 50%;}
    #blog-interno iframe {
        height: 200px;
    }
}

@media (min-width:1600px){
    #banner {
        width:1200px;
        float:none;
        margin-left: auto;
        margin-right: auto;
    }
}