* {  scroll-behavior: smooth;  }

 



body {   
    font-family: 'Open Sans', sans-serif;   
    font-weight: 400;
    font-size: 15px;
    background: #fff;
    color: #000;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased !important;
    margin: 0 !important;
}
.no-desktop { display: none;  }
.no-mobile { display: block; }
.colorgreen {  color: #8dc63f !important;  }
/* ------------------------------------------------
TYPOGRAPHY
--------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    color: #000;
    font-family: 'Open Sans', sans-serif; 
}
h1 {
    font-size: 38px;
    font-weight: 900;
    line-height: 46px;
}
h2 {
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
}
h3 {
    font-size: 17px;
    line-height: 22px;
    font-weight: 700;
}
/* --------------------------------------
LINK STYLE
------------------------------------------*/
a {
    color           : #000;
    text-decoration : none;
}
.animated { transition-duration: 500ms; }
a,
a:active,
a:focus,
a:active {
    text-decoration : none;
    outline         : none
}
a:hover,
a:focus {
    color: #000;
}
/* --------------------------------------------------
GENERAL
----------------------------------------------------- */
img {
	max-width: 100%
}
.alert {
	padding: 10px;
}
body { 
    width: 100%;  
}
/* ------------------------------------------------------------------
GLOBAL BUTTON STYLE
--------------------------------------------------------------------- */
/* --------------------------------------------------
LIST STYLE
----------------------------------------------------- */
ul { 
    margin: 10;   padding: 10;   list-style: none; 
}  


footer#aviso {
    background-color: #cfcccc;
    padding: 8px;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    width: 100%;
    height: 100px;
    opacity: 0.9;
}
footer#aviso p {
    
    padding: 15px;
} 
footer#aviso button {
    background: rgb(0, 201, 17);
    padding: 0px 50px 34px 50px; 
    margin: 0 0 0 0;
    position: fixed;
    bottom: 36px;
    right: 50px;
    color: #fff;
} 
/*=========== RESET ==========*/
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 300; box-sizing: border-box;
    font-family: 'Lato', sans-serif;}
    body {background-color: #6DC5A7;}
    a {text-decoration: none;}
    ul {list-style: none;}
    img {max-width: 100%;}
    /*=========== CONTAINER ==========*/
    .container {width: 100%; float: left; padding: 3% 4%; text-align: center;}
    /*=========== BG COLORS ==========*/
    .bg-gradient {background: linear-gradient(to right,#ce2e3c,#da6709);}
    .bg-black {background-color: #130400; }
    .bg-white {background-color: #fff;}
    /*=========== HELPERS ==========*/
    .radius {border-radius: 7px;}
    /* CABEƇALHO */
    .logo {width: 56px; height: 143px; float: left; background: url(../img/logo-mobile.png) center center/56px no-repeat;
    font-size: 0;}
    .btn-menu {width: 56px; height: 56px; float: right; text-align: center; color: #fff; border-radius:56px; cursor: pointer;}
    /* MENU */
    .menu {display:none; width: 100%; height: 100%; position: fixed; background-color:#6DC5A7; top: 0; left: 0;}
    .btn-close {font-size: 1.5em; color: #fff; float: right; cursor: pointer; margin: 2% 3% 0 0;}
    .menu ul {width: 100%; float: left; text-align: center;}
    .menu li {padding: 1.5%;}
    .menu li a {font-size: 2em; color: #fff; padding: 1.5% 3%;}
    .menu li a:hover {border:1px solid #da6709;}
    /* BANNER */
    .banner {background: url(../img/bg.jpg) no-repeat fixed;}
    .title {width: 100%;}
    .title h2 {font-size: 2.5em; color: #fff; font-weight: 700;}
    .title h3 {font-size: 1.5em; color: #fff;}
    .buttons {width: 100%; margin-top: 2%;}
    .buttons i {float: right;}
    .btn {width: 100%; font-size: 1.5em; text-align: left; cursor: pointer; padding: 5%; }
    .btn-cadastrar { color: #130400;}
    .btn-sobre {color:#fff ; margin-top: 2%;}
    /* SERVIƇOS */
    .servico {width: 100%;  text-align: left;  margin-bottom: 3%;}
    .servico img {border-radius: 7px 7px 0 0;}
    /*Rodape*/
    .endereco {padding:2%;float: left;margin-left:2%;width:30%; text-align: left;  margin-bottom: 3%;}
    .endereco img {padding:2%;border-radius: 7px 7px 0 0; max-width: 120px;}
    .endereco h4 {font-size: 0.9em; color: #130400; font-weight: 700; }
    .end {float:left;padding: 1%;}
    .end a {font-size: 0.9em; color: #130400; font-weight: 700; }
    .end h4 {font-size: 0.7em; color: #130400; margin-top: 2%; }
    .end p {font-size: 0.8em;margin-top: 2%; color: #130400; line-height: 1em;font-weight: 600;}
    .inner {padding: 7%;}
    .inner a {font-size: 1.5em; color: #130400; font-weight: 700; }
    .inner h4 {font-size: 1.2em; color: #130400; margin-top: 2%; }
    .inner p {margin-top: 6%; color: #130400; line-height: 1.5em;}
    .atendimento {padding:2%;margin-left:2%;width:30%; text-align: left; margin-bottom: 3%;}
    .atendimento h4 {font-size: 0.9em; color: #130400; font-weight: 700; }
    .atend {float:left;padding: 1%;}
    .atend a {font-size: 0.9em; color: #fff; font-weight: 700; }
    .atend h4 {font-size: 0.7em; color: #fff; margin-top: 2%; }
    .atend p {font-size: 0.8em;margin-top: 2%; color: #fff; line-height: 1em;font-weight: 600;}
    
    /* NEWSLETTER */
    .newsletter h2 {font-size: 1.5em; color: #fff; font-weight: 700;}
    .newsletter h3 {color: #fff;}
    .newsletter form {margin-top: 2%;}
    .newsletter input {width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
    .newsletter button {width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }
    /* FormValidar */
    .erro h1 {font-size: 2em; color:#000; font-weight: 700;}
    .formvalidar h2 {font-size: 1.5em; color: #000; font-weight: 700;}
    .formvalidar form {margin-top: 2%;}
    .formvalidar input {width: 45%; color: #000;padding: 1%; margin-top: 1%; border-radius: 5px;}
    .formvalidar button {width: 45%; background-color:#ff8c00;color:#000; padding: 1%; cursor: pointer; margin-top: 1%;}
    .form-horizontal{
        text-align:left;
    }
    .form-horizontal .form-group label{
        padding-bottom:1%;
        padding-left:1%;
    }
    .form-horizontal  .form-group{
        width:100%;
        background-color:#ff8c00;
    }
    .col-md-5{
        width:100%;
        color: #fff;
        padding: 1%; 
        border-radius: 3px;
        padding-left:1%;
    }
    .col-md-5 input{
        width:100%;
        color: #fff;
        padding: 1%; 
        border-radius: 3px;
    }
    .col-md-4{
        width:25%;
        color: #fff;
        padding: 1%; 
        border-radius:3px;
        padding-left:1%;
        margin-left:1%;
    }
    .col-md-4 input{
        width:25%;
        color: #fff;
        padding: 1%; 
        border-radius:3px;
    }