/* LAYOUT */
body{
	font-family: 'Montserrat', sans-serif;
	color: #fff;

}
body .internas{
	color: #189049;
	padding: 40px 0px 30px 0px;
}
body h1, body h2, body h3, body h5{
	font-family: 'Paytone One', sans-serif;
}
body h1{
	font-size: 62px;
}
.container-site{
	max-width: 1100px;
	margin: 0 auto;
}
.carousel{
	height: 935px;
}
nav{
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	/*
	position: relative;
    top: -540px;
    */
    position: absolute;
    top: 90px;
    max-width: 1020px;
    margin: 0 auto;
    background-color: transparent;
    box-shadow: none;
    margin-top: -64px;
}
nav .hide-on-med-and-down li{
	float: none;
	display: inline-block;
}
nav ul a{
	transition: 0.2s;
	font-size: 15px;
}
nav ul a:hover{
	background-color: transparent;
	color: #189049;
	color: #f8de01;
}
nav ul a:hover .circle-menu{
	background-color: #189049;
	background-color: #f8de01;
	/*animation-name: jello;
	animation-duration: 1.4s;
	*/
}
nav ul li .circle-menu{
	width: 8px;
	height: 8px;
	border:0px solid transparent;
	border-radius: 50%;
	background-color: #fff;
	display: inline-block;
	position: relative;
    left: 15px;
    top: -2px;
}
.side-nav{
	background-color: #189049;
}
nav .side-nav li a{
	color: #fff;
}
nav .side-nav li a:hover{
	color: #fff;
}
nav .side-nav li .circle-menu{
	display: none;
}
.div-padding{
	padding: 40px 0px;
}
.div-padding-title{
	padding-bottom: 60px;
}
.btn-site{
	display: inline-block;
	cursor: pointer;
	border:3px solid #fff;
	color: #fff;
	padding: 15px 35px;
	background-color: #189049;
	margin-top: 20px;
	transition: 0.3s;
}
.btn-site:hover{
	background-color: #fff;
	border-color: #189049;
	color: #189049;
}
.btn-site2{
	border:3px solid #189049;
	color: #189049;
	background-color: #fff;
}
.btn-site2:hover{
	border-color:#fff;
	color: #fff;
	background-color: #189049;
}
.btn-site3{
	border:3px solid #fff;
	color: #fff;
	background-color: transparent;
}
.btn-site3:hover{
	border:3px solid transparent;
	color: #189049;
	background-color: #fff;
}
.btn-blog{
	color: #d92032;
}
.text-color{
	color: #f3ce00;
}
#map{
	height: 370px;
}
#mapFooter{
	width: 100%; 
	height: 390px;
}
.contato-item{
	text-align: left;
	margin-bottom: 40px;
}
.contato-item i{
	float: left;
	margin-right: 10px;
}
.contato-item .text{
	display: inline-table;
}
.contato-item .text p{
	margin: 0px;
}
.contato-item .text .title{
	font-weight: bold;
	text-transform: uppercase;
} 
.contato-item .icon-place{
	font-size: 26px;
}
.contato-item .icon-time{
	font-size: 26px;
	position: relative;
    top: -3px;
}
footer{
	color: #189049;
}
footer p{
	display: inline-block;
}
footer img{
	width: 55px;
	position: relative;
	top: 4px;
} 
footer .copyright{
	/*padding: 30px 0px;*/
	padding: 34px 0px 1px 0px;
    background-color: #189049;
    color: #fff;
}
.address-footer{
	margin-bottom: 60px;
}

.top-interna{
	display: none;
	height: 275px;
	width: 100%;
	background-position: center;
}
.carousel-top{
	display: block;
	height: 600px;
}

.active { 
	color: #189049; 
	color: #f8de01;
	font-weight: bold; 
}
.active .circle-menu{
	background-color: #189049; 
	background-color: #f8de01;
}

/* INPUT */
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea{
	border:1px solid gray;
	color: #000;
	padding: 0px 0px 0px 10px;
	width: 98%;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
	border-bottom-color: gray;
	box-shadow: none; 
}
select{
	border: 1px solid gray;
    margin-bottom: 18px;
    color: #000;
}
/* HELPERS */
body::-webkit-scrollbar{
	width: 5px;
}
body::-webkit-scrollbar-thumb{
	background-color:#d92032;
}
.pagination li.active {
    background-color: #189049;
}

/* */
/* Banner */
.banner-arrows{
    position: relative;
    top: 40%;
}
.banner-arrows a{
    display: inline-block;
    margin: 0px 50px;
} 
.banner-arrows a.b-left{
    float: left;
}
.banner-arrows a.b-right{
    float: right;
}
.banner-arrows a i{
    font-size: 100px;
    color: #fff;
    opacity: 0.4;
}

/* */
.logo-menu img{
    position: relative;
    /*top: 110px;*/
    z-index: 1;
}
.menu-site{
    background-color: #066f31;
    border-radius: 17px;
    opacity: 0.8;
    position: relative;
    top: -109px;
}
nav ul li .circle-menu{
    width: 0px;
}
button:focus {
    outline: none;
    background-color: transparent;
}

textarea:focus, input:focus{
	outline-offset: -2px !important;
	outline-color: green !important;
    outline-style: auto !important;
    outline-width: initial !important;
}
.space-for-logo{
    width: 170px;
}
/* */
@media(min-height: 1400px){

}
@media(max-width: 1400px){
	.carousel-top{
		max-height: 640px;
	}
}
@media(max-width: 992px){
	#sidenav-overlay{
		z-index: 0 !important;
	}
	.desktop-only{
		display: none;
	}
	body h1{
		font-size: 42px;
	}
	body h2{
		font-size: 38px;
	}
	nav{
		font-family: 'Montserrat', sans-serif;
		font-weight: 600;
		position: absolute;
	    top: 140px;
	    background-color: transparent;
	    box-shadow: none;
	    margin-top: -64px;
	}
	nav .logo-menu{
		position: relative;
    	left: -40px;
	}
	.container-site{
		padding: 0px 40px;
	}
	.contato-item{
		text-align: center;
		margin-bottom: 30px;
	}
	.contato-item i{
		float: none;
		margin-right: 10px;
	}
	.btn-site{
		width: 100%;
	}
	/* endereco */
	.ul2, .ul3{
		display: inline-flex
	}

	.address-footer{
		margin-bottom: 30px;
	}
	iframe{
		max-width: 100% !important;
	}
}
@media(max-width: 600px){
	.side-nav{
		width: 210px;
	}
	.container-site{
		padding: 0px 20px;
	}
	nav .logo-menu{
		top: -40px;
	}
}
/* HOME */
.nossa-historia{
	background-color: #189049;
	
	padding-bottom: 0px;
}
.nossa-historia .text{
	text-align: justify;
}
.revendedor{
	height: 600px;
	background-color: #d92032;
}
.revendedor img{
	max-width: 100%;
}
.revendedor p{
	display: inline-block;
	margin-right: 15px;
}
.revendedor .text-box{
	margin-bottom: 20px;
}
.float-food{
	height: 0px;
}
.float-food .right-food{
	position: relative;
	float: right;
	right: -80px;
	margin-top: -290px;
}
.float-food .left-food{
	position: relative;
	left: -560px;
}
.blog{
	padding-top: 230px;
}
.blog h1{
	color: #189049;
	padding-bottom: 25px;
}
.blog h5{
	text-transform: uppercase;
	color: #189049;
	font-size: 30px;
}
.blog p{
	color: #727272;
}
.blog img{
	max-width: 100%;
}
.blog .post{
	text-align: left;
}
.acompanhe{
	background-color: #189049;
	padding: 40px 0px;
}
.nossos-sabores-content{
	padding-top: 300px;
}
.lojas{
	color: #189049;
	padding-bottom: 0px;
}
.carousel-social{
	background-color: #2b2b2b;
	background-image: url('../img/background-social.jpg');
	background-size: auto 100%;
	background-position: center;
}
.carousel-social img{
	max-width: 260px;
}
.carousel.carousel-slider .carousel-item{
	padding-top: 0px;
	background:none;
}
.menu-site2{
	z-index: 1 !important;
}
@media(max-width: 1280px){
	body{
		overflow-x: hidden;
	}
}
@media(max-width: 992px){
	body{
		overflow-x: hidden;
		width: 100%;
	}
	.menu-site2{
		max-width: 94%;
	}
	.nossa-historia .text{
		text-align: center;
		padding-bottom: 40px;
	}
	.revendedor{
		height: auto;
		background-color: #d92032;
	}
	.revendedor img{
		max-width: 100%;
	}
	.blog{
		padding-top: 40px;	
	}
	.blog .post{
		text-align: center;
		margin-bottom: 30px;
	}
}
@media(max-width: 600px){
	.logo-menu img{
		width: 110px;
	}
	body h1{
		font-size: 40px;
	}
}
.no-picture-container{
	border: 1px solid #ccc;
	padding: 80px 0;
	color: #757575;
	font-size: 1.5rem;
	max-width: 415px;
	background: rgba(0,0,0,.1);
}
.no-picture-container i{
	font-size: 2em;
	color: #757575;
}
