html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {	   
   font-size:18px;    
   font-weight:normal;
   line-height: 29px;  
   font-family: 'Source Sans Pro', sans-serif;
   color: #B1B1B3;
}


.site-main{
    padding:0;
    clear: both;
    width:100%;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
	
}


/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/

a {
	color: #111;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #333;
	outline: 0;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/


img {
	height: auto;	
	max-width: 100%;	
	vertical-align: middle;
}

img,
video {
	height: auto;
	max-width: 100%; 
}


embed,
iframe,
object {
	margin:0;
	padding:0;
	max-width: 100%;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.5;
	margin: 0 0 25px 0;	
    font-weight:400; 
	padding: 0;
    color: #19388A;
}


h1 {
	font-size: 36px;
	
}

h2, h3, h4, h5, h6 {
	font-size:26px;

}

p {
	margin: 0 0 15px 0;
	padding: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	font-size:27px;	
	line-height: 1.1;
	margin: 0;
	overflow: hidden;
	padding: 0;   
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 25px 0;
}

pre {
	background: #fafafa;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #fafafa;
	cursor: help;
}

mark,
ins {
	background: #fafafa;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}


/*--------------------------------------------------------------
# Listas
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em 20px;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	counter-reset: item;
}

ol li {
	display: block;
	position: relative;
    font-size: 14px;

}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #eaeaea;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eaeaea;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}




/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
label{}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color:#111;
	border:1px solid #fafafa;
	padding:10px 10px;
	width: 100%;
    background:#413c36;
    margin:0 0 10px 0;
    border-radius:22px;
}

select {	
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background: #f0efea;
	border:none;
	color: #413c36;
	cursor: pointer;
	padding:10px 10px;
    width:100%;
    border-radius:22px;
    font-weight: 400;
   
}

button:hover,
input:hover[type="button"],
input:hover[type="submit"] {
	opacity: 0.8;   
}


::-webkit-input-placeholder {
	 color:#f0efea;   	
}

:-moz-placeholder {
    color:#f0efea; 
    	
}
::-moz-placeholder {
	color:#f0efea;
	opacity: 1;
    
}
:-ms-input-placeholder {
	  color:#f0efea;
    
}

select {
	width: 100%;
    padding-top:11px;
    padding-bottom:11px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom:5px;   
    border-radius:4px;   
}



/* = Ação
-------------------------------------------------------------- */

a.btn{
    padding:12px 0;
    width: 100%;
    text-decoration:none;
    border-radius:52px;
    text-align: center;  
    display: table;   
    font-weight:300;      
}

a.btn-whats{background:none; border: 4px solid #D2AE6D; color: #D2AE6D}
a:hover.btn-whats{ background:none;  border: 4px solid #fff; color: #D2AE6D;   }



a.btn-footer{
    width: 22%;
    background:#128C7E;
    padding:10px 0;
    text-align: center;
    color: #fff;
    text-decoration: none;      
    position: fixed;
    right:2%;
    bottom:2%;
	border-radius: 52px; 	
}

a.btn-menu{
    padding:12px 0;
    width: 100%;
    text-decoration:none;
    border-radius:52px;
    text-align: center;  
    display: table;  
    margin:  0 auto;
    font-weight:300;
    color: #fff;    
    border: 4px solid #fff;
}
a:hover.btn-menu{
    opacity: 0.8;  
    color: #fff;
}



/* = layout Divs Sections
-------------------------------------------------------------- */

.header{
	background: #fff;
	padding:25px 0;
}


.camada-1 {
    padding: 70px 0;
    
}
.camada-1 h1{
    font-size:52px;
}
.camada-1 h1 span{
    font-weight: bold;
    font-style: italic
}

.camada-2 {
    padding: 110px 0;
}
.camada-2 h1{
     font-size:42px;
}
.camada-2 h1 span{
    font-weight: bold;
    font-style: italic;    
}

.camada-3{
    padding: 110px 0;
    background:#19388A;
}
.camada-3 h3{
    text-align: center;
    font-size:42px;
    margin: 0 0 40px 0;
    color: #fff;
}
.camada-3 h3 span{
     font-weight: bold;
    font-style: italic; 
}
.box-prod{
    margin: 0 0 70px 0;
}
.box-prod h4{
    font-size: 26px;
    color: #fff;
}
.box-prod p{
    color: #fff;
}

.footer{
    padding:70px 0;       
}
.footer h5{
    font-size:42px;
    text-align: center;
}
.footer h5 span{
    font-style: italic;
    font-weight:bold
}
.footer p,  .footer address{
     text-align: center;
}
.footer img{
    display: block;
    margin: 0 auto 15px;
}
.footer a{
    color: #19388A;
}
.footer a:hover{
    opacity: 0.8;
}

.credito{
    padding:10px 0;    
}
.credito p{
    text-align: center;
    font-size: 12px;
}



/* = Faq
-------------------------------------------------------------- */

.div {
	width:100%;	   
}

.div p{
	margin: 10px 20px 10px;
    color: #FAF4F4;
}

.div ul li{
    margin: 5px 20px;
}
details .div {
	padding: 1.2em;
	
}
summary  h4{
    color: #fff;
    margin: 0;
    
}

details .div > * + * {
	margin-top: 1.5em;
}

details + details {
	margin-top: .5rem;
}

summary {
	list-style: none;
}

summary::-webkit-details-marker {
	display: none;
}

summary {
	cursor: pointer;
	position: relative;
	padding-left: calc(1.75rem + .75rem + .75rem);
	padding: 25px 25px 25px 50px;
	border-radius: 52px;
    color: #19388A;
}

summary:before {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: .75rem;
	content: "↓";
	width: 1.75rem;
	height: 1.75rem;
	 color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
    border: 2px solid #fff;
}

details[open] summary {
	 color: #19388A;
}

details[open] summary:before {
	content: "↑";
}

summary:hover {
	color: #19388A;
    opacity: 0.8;
}


code {
	font-family: monospace;
	font-weight: 600;
}





/* ---------------------------------------------------
   Nav  
--------------------------------------------------- */ 


ul.nav-header {
    padding: 0;
    margin: 0;
}

ul.nav-header li {
   list-style: none; 
    float: left;
}

ul.nav-header li a{    
    padding:12px 20px;
    text-decoration: none;  
    color:#19388A;
    float: left; 
    font-size: 23px;
}
ul.nav-header li a span{
    font-weight: bold;
    font-style: italic
}
ul.nav-header li a:hover{
    opacity: 0.8;
    color:#19388A;   
}


div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
}

div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  background-color: #777;
}


@media only screen and (max-width: 720px) {
    
    
    .camada-1 h1, .camada-2 h2, .camada-3 h3, .footer h5{
        font-size:36px;
        text-align: center
     }
    
     .camada-1 img, .camada-2 img, .camada-3 img{
         margin: 0 0 32px 0
     }
    
    
    img.logotipo{
        display: block;
        margin: 0 auto 25px;
    }
    
    ul.nav-header{
        display:table;
        margin: 0 auto;
    }
    
    ul.nav-header li{
        width: 100%;
        text-align: center;
        float: none;
        padding: 14px 0
    }
    
    
    ul.nav-header li a{
        text-align: center; 
        float: none;
    }
    
   
	
	
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
    
  img.logotipo{
        display: block;
        margin: 0 auto 25px;
    }
    
	
	
}