body{ font-family: 'Lato', sans-serif; font-size:14px; background-color: #fff;}

h1, h2 { border-left:0px solid #1C1C1A; padding-left:5px}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


.img-responsive{ width:100%; max-width:100%; height:auto;}
.img-fluid-full{ width:100%; max-width:100%; height:auto;}

  

.box-shadow{
	        -webkit-box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.5);
            -moz-box-shadow:    2px 2px 4px 0px rgba(50, 50, 50, 0.5);
            box-shadow:         2px 2px 4px 0px rgba(50, 50, 50, 0.5);
}



.pagination{}

.pagination .page-link{background-color: #01779B; border: none; color: #FFF}
.pagination .page-link:hover{background-color: #033e51; color: #fff}
.pagination .page-item.active .page-link{background-color: #000; color: #FFF}


.section-topo { }

.logo0{display: none;}

.section-banner{margin-bottom: 30px;}
.section-banner .shape{ width: 100%;}
.section-banner .shape img{ width: 100%}


.section-banner{position: relative}

/* MENU --------------------------------------------------- */

.section-topo .col-menu{ }
.section-topo .col-menu .navbar{margin-top: 30px;}
.section-topo .col-menu .navbar li{position: relative;}

.section-topo .col-menu .navbar-toggler{background-color: #000; width: 100%; margin-top: 15px}

.section-topo .col-menu .nav-item{z-index: 3}

.section-topo .col-menu .sm-clean .logo{width: 300px; position: relative; z-index: 2;}
.section-topo .col-menu .sm-clean .logo img{position: absolute; top: 130px; left: 50%; transform: translate(-50%, -50%);}
.section-topo .col-menu .sm-clean .logo a:hover {background-color: transparent}


.section-topo .col-menu .sm-clean{background-color: transparent; }

.section-topo .sm-clean a, 
.section-topo .sm-clean a:hover, 
.section-topo .sm-clean a:focus, 
.section-topo .sm-clean a:active, 
.section-topo .sm-clean a.highlighted{ font-family: inherit; padding: 8px; line-height: 30px}

.section-topo .sm-clean ul{background-color: #16b0c7c9; border: 1px solid #16b0c7}

.section-topo .col-menu .nav-link{color: #101011; min-width: 148px; font-size: 20px; text-align: center}
.section-topo .col-menu .nav-link:hover{background-color: #2EAEC9; color: #FFF}


/* /MENU --------------------------------------------------- */


@media all and (max-width: 1366px) {

     .section-topo .col-menu .nav-link{min-width: 117px;}

}


@media all and (max-width: 768px) {
    .section-topo .col-menu .nav-link{min-width:inherit;}
    .section-topo .col-menu .nav-item.logo{display: none;}
    .shape{display: none;}
    .logo0{display: block; text-align: center}
    .section-topo .col-menu .navbar{margin-top: 0px;}
    
}



.nav-selo{position: relative}
.nav-selo a{}
.nav-selo a:hover{background-color: transparent !important}
.nav-selo img{position: absolute; position: absolute; left: 0px; top: -17px;}



.section-produtos{ padding-top: 50px; padding-bottom: 50px}


.section-conteudo{ padding-top: 200px;}
.section-conteudo a{color: #FFF}
.section-conteudo .row{background-color:#1F1F1F;  color: #FFF; padding-top:15px; padding-bottom:15px;}

@media all and (max-width: 768px) {
     
     .section-conteudo{ padding-top: 10px;}
    
}

.container-conteudo h1{ border-bottom:9px; border-top:0px; 
    -webkit-border-image: url('../imagens/border.png') 30 round; /* Safari 3.1-5 */
    -o-border-image: url('../imagens/border.png') 30 round; /* Opera 11-12.1 */
    border-image: url('../imagens/border.png'g) 30 round;
}


.section-sobre{}
.section-sobre h1{ padding: 0px; margin-bottom: 15px; font-size: 28px;}
.section-sobre .texto{font-size: 20px}

.container-pagina{}
  .container-pagina .col-capa img{ border:1px solid #000}



.section-pagina{padding-top: 250px; padding-bottom: 30px}

@media all and (max-width: 768px) {

   .section-pagina{padding-top: 30px; padding-bottom: 30px}


}


/* [PRODUTOS-PAGINA]  */

.section-produtos .col-data{ min-height:120px;}

/* [/PRODUTOS-PAGINA]  */

/* [CONTATO-PAGINA]  */

.section-contato form #btnSubmit{ width: 100%; padding:6px; margin:0px; border-radius:0px; background-color:#2EAEC9; color:#FFF; border: 1px solid #2EAEC9; margin-top: 5px; display: block}

.section-contato form{ margin:0px;}
.section-contato .row{ padding: 0px; margin-bottom: 0px;}
.section-contato .col-md-6{ padding:0px;}
.section-contato .col-md-12{ padding:0px;}

.section-contato .input-group{ border: 0px solid #000}
.section-contato .input-group-text{ border-radius: 0px; border: 0px solid #2EAEC9; border-bottom: 1px solid #000}
.section-contato .input-group-text{ background-color:#2EAEC9; color:#FFF;}
.section-contato .input-group-text.texto{border-bottom: #2EAEC9}

.section-contato .inputcheck{background-color:#2EAEC9; color: #fff; border: none; border-radius: 1px;}

.section-contato .form-control{ border-radius: 0px; border: none; border-bottom: 1px solid #2EAEC9; background-color: #000; color: #FFF}
.section-contato .form-control::placeholder{color: #fff}
.section-contato .form-control[readonly]{ background-color: transparent}
.section-contato form i { font:normal normal normal 20px/1 FontAwesome }
.section-contato form textarea{ min-height:218px; height:auto; color: #fff}

.input-border-top{ border-top: 1px solid #2EAEC9 !important;}

/* [/CONTATO-PAGINA] */


/* [RODAPE]  */

.section-rodape{color:#FFF; background-image:url('../imagens/bg-rodape.png'); background-position:center bottom; background-repeat: repeat-x; background-size: cover; padding-top: 30px; padding-bottom: 30px; border-top: 10px solid #2EAEC9}
  .section-rodape a{ color:#FFF; text-decoration: none;}

.section-rodape h4{ margin-bottom: 15px; font-size: 1.4rem}

.section-rodape p.social{}
.section-rodape p.social a{background-color: #2EAEC9; margin: 10px; display: inline-flex; padding: 5px; border-radius: 50%}
.section-rodape p.social a:hover{background-color: #000;}
.section-rodape p.social i{ width: 36px; height: 36px; align-content: center;}


.section-rodape .col-rodape ul{margin-bottom: 0px}
.section-rodape .col-rodape ul li{ display: inline-block; min-width: 45%}
.section-rodape .col-rodape ul li a{ font-size: 16px; text-decoration: none;}

.section-rodape .col-wrapper{ margin-top: 8px;}

  
/* [/RODAPE]   */



@media all and (max-width: 1199px) {
	
    
	
}


@media all and (max-width: 991px) {
    
	
	
}



@media screen and (min-width: 768px){




}

/* ---------------------- */