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

body {	
   
   font-size:14px;    
   font-weight:normal;
   line-height: 29px;  
   font-family: 'Montserrat', sans-serif;
   color: #43494E;
}


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


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

a {
	color: #43494E;
	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;
	font-family: 'Dosis', sans-serif;
	font-size: 42px;
	color: #43494E;
}


p {
	margin: 0 0 25px 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;   
}



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



.parallax {
        position: absolute;
        background-attachment: fixed;
        background-position:center center;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
}



.header{
	background: url(images/bg-header.png) no-repeat center center;
    padding: 30px 0
	
}
img.imagem-header{
	display: block;
	margin: 0 auto;
}
img.logo{
	display: block;
	margin: 0 auto;
}

.header p{
	text-align: center;
	font-size: 18px;	
}

.apresentacao{
	padding:70px 0;	
}

.banner-central{
	position: relative;
	padding: 70px 0;
}

.banner-central h4{
	text-align: center;
	color: #FCDAC6;
}
.banner-central span{
	text-align: center;
	display: block;
	text-transform: uppercase
}
.banner-central p{
	text-align: center;
	color:#fff; 
}

.produtos{
	padding: 70px 0;
}
.box-prod{
	padding:25px;
	margin: 0 0 40px 0;

}

.box-prod h2{
	font-size:21px;
}

.box-prod img{
	display: block;
	margin: 0 auto;
}
.box-prod h2 {
	text-align: center;	
	font-weight: 600;
}


.depoimentos{
    padding:70px 0;
	   
}

.depoimentos img{
    margin: 0 0 40px 0;
}

.depoimentos h4{
    text-align: center
}

.box-depoimento{
    padding:25px 0

}

.box-depoimento h3{
   font-size:14px;
   padding: 5px 0;
   text-align: left;
   
	
  
}

.depoimentos h4 strong{
    font-weight: bold;
}

.box-depoimento p{
    text-align:left;	
	font-style: italic;    
   
}
.box-depoimento span{
	font-size:52px;
	margin: 0
}

.sobre{
	padding: 70px 0;
	position: relative;
}
.sobre h1{
	margin: 0;
	font-size: 16px;
	color: #FCDAC6;
} 
.sobre h4{
	color: #fff;
}
.sobre p{
	color: #fff;
}

.action{
	background:#FDE6D8;
	padding: 30px 0;
}
.action h4{
	
	margin: 0;
}
.action p{
	
}


a.btn-whats{background:none; border:4px solid #43494E; color: #43494E;}
a:hover.btn-whats{ opacity: 0.8; }

a.btn{
    padding:12px 0;
    width: 100%;
    text-decoration:none;
    border-radius:52px;
    text-align: center;
    color: #43494E;
    display: table;   
    font-weight:600;      
}
.galeria{
	padding: 70px 0;
}
.galeria h4{
	text-align: center;
}
.galeria img{
	display: block;
	margin: 0 auto;
}
.galeria p{
	text-align: center
}

.footer{
	padding: 40px 0;
}
.footer img{
	display: block;
	margin: 0 auto 25px;
}
.footer p{
	text-align: center;
	margin: 0;
}

.footer address{
	text-align: center;
}


a.btn-footer{    
    background:#128c7e;
    padding:10px 25px;
    text-align: center;
    color: #fff;
    border-radius:6px;
    border-radius: 52px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    position: fixed;
    right: 10px;
    bottom: 5px;
    z-index:1000000;
    width: 25%;
}

	p.credito{
		padding: 30px 0 0;
		font-size: 12px;
	}
	p.credito a{
		text-decoration:none;
		
}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	
}

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

}

@media only screen and (min-width: 1382px) and (max-width: 1920px) {	
	
}

@media only screen and (max-width: 720px) {
		 a.btn-footer{
			  width:98%;
			  display: table;
			  margin: 0 auto;
			  left:5px;
			  border: 5px;
			  right: auto;
		}
	
	
	.header img{
		display: block;
		margin: 0 auto;
		max-width: 85%;
	}
	.header p{
		font-size: 14px;
	}
	
	.apresentacao img{
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	
	.sobre img{
		display: block;
		margin: 0 auto;
	}
	
	.galeria img{
		display: block;
		margin: 0 0 40px 0
	}
	
	.box-insta{
	   margin:40px 0 40px 0;	
	}
	
	.footer{
		padding:40px 0 80px 0;
	}
	
	.logotipo-footer{
		padding: 30px 0;
	}
	
	.box-prod{
		min-height: auto;
		}
	
	


	
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3) {
	
	.box-prod{
		min-height: auto;
		}
	
	
	 a.btn-footer{
			  width:100%;
			  display: table;
			  margin: 0 auto;
			  left:5px;
			  border: 5px;
			  right: auto;
		}
	
	.header{
		padding: 20px 0 0 0;
		background: #FDE6D8;
				
	}
	.header .imagem-header{
		display: block;
		margin: 0 auto;
		max-width: 80%;
	}
	.header p{
		font-size: 14px;
	}
	
	.apresentacao img{
		display: block;
		margin: 0 auto;
		max-width: 60%;
	}
	
	.sobre img{
		display: block;
		margin: 0 auto;
	}
	
	.galeria img{
		display: block;
		margin: 0 0 40px 0
	}
	
	.box-insta{
	   margin:0 0 40px 0;	
	}
	
	.footer{
		padding:40px 0 80px 0;
	}
	
	.logotipo-footer{
		padding: 30px 0;
	}
	
}