@media only screen and (min-width: 993px) {
	.container {
		width: 85%;
	}
}

@font-face {
	font-family: 'Dosis-SemiBold';
	src: url('../fonts/Dosis/Dosis-SemiBold.eot');
	src: url('../fonts/Dosis/Dosis-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Dosis/Dosis-SemiBold.woff') format('woff'),
		url('../fonts/Dosis/Dosis-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

/**
* MY COLORS
* 
* VINHO: #7a2828
* cinza: #ebeaed
*/

/**************************************
* INPUTS COLOR
**************************************/
input:not([type]):not([readonly]), 
input[type=text]:not([readonly]), 
input[type=email]:not([readonly]), 
input[type=password]:not([readonly]), 
textarea.materialize-textarea:not([readonly]) {
	background: transparent;
	margin: 5px 0 0;
	height: 3.3rem;
	width: calc(100% - 22px);
	padding: 0 10px;
	color: #666666;
	border: 1px solid #999999;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

textarea.materialize-textarea:not([readonly]) {
	min-height: 100px;
	padding: 15px 10px;
}

input:not([type]):focus:not([readonly]), 
input[type=text]:focus:not([readonly]), 
input[type=email]:focus:not([readonly]), 
input[type=password]:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]) {
	border: 1px solid #cccccc;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

form .help-block {
	color: #7a2828;
}

::-webkit-input-placeholder {
	color: #666666;
}
::-moz-placeholder {
	color: #666666;
}
:-ms-input-placeholder {
	color: #666666;
}
:-moz-placeholder { 
	color: #666666;
}

.btn-custom {
	color: #000000;
	border: 3px solid #7a2828;
	box-shadow: none;
	font-weight: 500;
	background: transparent;
}
.btn-custom:HOVER {
	background: #7a2828;
	color: #ffffff;
	box-shadow: none;
}

@media screen and (max-width: 992px) {
	.btn-custom {
		width: 100%;
	}
}
 
/* SHADOWS
***************************************/
.shadow {
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
.shadow:HOVER {
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 
				0 3px 14px 2px rgba(0,0,0,0.12), 
				0 5px 5px -3px rgba(0,0,0,0.3)
}

/* OPACITY
***************************************/
.opacity {
	opacity: 1;
	transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
}
.opacity:HOVER {
	opacity: 0.8;
}

/* ANIMATE
***************************************/
.animate {
	transition-duration: 0.3s;
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-webkit-transform: scale(1);
}

.animate:hover {
	transition-duration: 0.3s;
	transform: scale(1.2);
	-webkit-transition-duration: 0.3s;
	-webkit-transform: scale(1.2);
}

/* ANIMATE INVERSE
***************************************/
.animate-inverse {
	transition-duration: 0.3s;
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-webkit-transform: scale(1);
	opacity: 1;
}

.animate-inverse:hover {
	transition-duration: 0.3s;
	transform: scale(0.8);
	-webkit-transition-duration: 0.3s;
	-webkit-transform: scale(0.8);
	opacity: 1;
}

/* ANIMATE MINI
***************************************/
.animate-mini {
	transition-duration: 0.3s;
	transform: scale(1);
	-webkit-transition-duration: 0.3s;
	-webkit-transform: scale(1);
	opacity: 1;
}

.animate-mini:hover {
	transition-duration: 0.3s;
	transform: scale(1.03);
	-webkit-transition-duration: 0.3s;
	-webkit-transform: scale(1.03);
	opacity: 1;
}

*::-moz-selection {
	background: #7a2828;
	color: #ffffff;
}

*::selection {
	background: #7a2828;
	color: #ffffff;
}

body {
	background: url(../images/bg.jpg) center 80px #ebeaed;
	color: #444444;
}
p {
	font-size: 1.2rem;
	font-weight: 300;
	color: #444444;
	line-height: 2rem;
	-webkit-font-smoothing: antialiased;
}
blockquote {
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
}

/** HEADER
****************************************************************/
header {
	border-top: 0
}
header .row {
	margin-bottom: 0;
}
header.navbar-fixed {
	height: 86px;
}
header nav {
	height: 86px;
	line-height: 36px;
	border-top: 5px solid #7a2828;
	background: url(../images/bg.jpg) center 0;
}
nav a.button-collapse, 
nav a.button-collapse i {
	color: #7a2828;
	height: 86px;
	line-height: 86px;
}
header .brand-logo,
header .brand-logo img {
    height: 86px;
}
header ul#mobile-demo {
	z-index: 9999;
}
header ul li.orcamento,
header ul li.email,
header ul li.fone,
header ul li.whatsapp {
	border: 2px solid #7a2828;
	border-radius: 30px;
	color: #000;
	line-height: 24px;
	padding: 0 5px 0 35px;
	margin: 10px 10px 0 0;
}
header ul li.orcamento {
	padding: 0 10px 0 10px;
}
header ul li.orcamento a {
	padding: 0;
}
header ul li.email {
	background: url(../images/icone_email.png) 0 1px no-repeat;
}
header ul li.fone {
	background: url(../images/icone_fone.png) -2px 1px no-repeat;
}
header ul li.whatsapp {
	border: 2px solid #009846;
	background: url(../images/icone_whatsapp.png) -2px 1px no-repeat;
}

header ul li.facebook a {
	padding: 10px 0 0 5px;
}
header ul li.instagram a {
	padding: 10px 15px 0 5px;
}
header nav ul a {
	color: #000;
	font-size: 18px;
}
header nav ul a:HOVER {
	color: #7a2828;
	background: none;
}
header ul li.whatsapp a {
	padding: 0;
	font-size: 15px;
	color: #009846;
}

img.header-shadow {
	position: absolute;
	top: 85px;
	max-width: 100%;
	left: 50%;
	margin-left: -580px;
	z-index: 99;
}


/** BANNER
****************************************************************/
.banner {
	margin-bottom: 0;
}

.banner.slider,
.banner.slider .slides,
.banner.slider .slides li {
	max-height: 400px;	
	background-color: #fff;
}

/*
.banner.slider .slides li .caption {
	top: 20%;	
	z-index: 2;
}
.banner.slider .slides .caption h3 {
	margin-bottom: 25px;
}
.banner.slider .slides .caption h3 span {
	padding: 5px 20px;
	margin-bottom: 5px;
	font-weight: 500;
	background: rgba(90, 1, 1, 0.8);
}
.banner.slider .slides .caption h5 span {
	padding: 5px 20px;
	font-weight: 400;
	line-height: 52px;
	background: rgba(90, 1, 1, 0.8);
}
*/

.slider .slides li .caption {
	top: 35%;
}
.slider .slides .caption h3 span {
	background: rgba(90, 1, 1, 0.8);
	padding: 5px 20px;
}
.slider .slides .caption h5 span {
	background: rgba(90, 1, 1, 0.8);
	padding: 10px 20px;
	line-height: 49px
}
.banner.slider .indicators {
    bottom: 20px;
    z-index: 9;	
}
.banner.slider .indicators .indicator-item {
	background: rgba(90, 1, 1, 0.8);
	margin: 0 5px;
}
.banner.slider .indicators .indicator-item.active {
	background: rgba(90, 1, 1, 0.3);
}

@media screen and (max-width: 600px) {
	.banner.slider,
	.banner.slider .slides,
	.banner.slider .slides li {
		max-height: 200px;	
	}
}

/** PAGE TITLE
****************************************************************/
.titulo {
	text-align: center;
	padding-bottom: 20px; 

	width: 100%;
	height: 120px;
	background-color: #e7e7e7;
	/* clip-path: polygon(0 0, 100% 0, 100% 100%); */
	clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);

} 
.titulo h1 {
	font-size: 38px;
	color: #000000;
	margin-top: 1px;
	padding-top: 25px;
	font-weight: 500;
}
h2.sub-titulo {
	font-size: 28px;
	font-weight: 500;
	color: #000000;
}
h3.sub-titulo {
	font-size: 20px;
	font-weight: 500;
	color: #7a2828;
}


/** INSTITUCIONAL HOME
****************************************************************/
.institucional {
	background: #e7e7e7;
	text-align: center;
	width: 100%;
	height: auto;
	padding-bottom: 40px;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);

}
.institucional h2 {
	font-size: 38px;
	color: #000000;
	font-weight: 500;
}
.institucional h2 span {
	color: #7a2828;
}

/** PRODUTOS
****************************************************************/
.produtos .card {
	box-shadow: 0 0 25px #cccccc;
	background-color: transparent;
	position: relative;
}
.produtos .card-titulo {
	background: url(../images/bg_produto_titulo.png) 0 0 no-repeat;
	position: absolute;
	z-index: 99;
	color: #000000;
	font-size: 18px;
	font-weight: 500;
	height: 290px;
	width: 280px;
	padding: 20px 0 0 15px;

}
.produtos .card-image {
	overflow: hidden;
	height: 290px;
}
.categorias .card {
	box-shadow: none;
	background-color: transparent;
	
}
.categorias .card-image {
	border-bottom: 5px solid #7a2828;
	overflow: hidden;
}
.categorias .card-content {
	border-top: 5px solid #a7a7a7;
	height: 80px;
	padding: 10px;
}
.categorias .card-content a {
	font-size: 18px;
	font-weight: 500;	
	color: #000000;
}
.categorias .card-content a:HOVER {
	color: #7a2828;	
}

.categorias.mais-categorias {
	background: #e7e7e7;
}
.categorias.mais-categorias h2 {
	text-align: center;
	font-size: 32px;
    color: #000000;
    margin-top: 1px;
    padding-top: 25px;
    font-weight: 500;
}

/** ERRO 404
****************************************************************/
.error-page {
	text-align: center;
	margin: 40px 0 60px;
	color: #666666;
}
.error-page h2 {
	font-size: 100px;		
	color: #7a2828;
	font-family: Dosis-SemiBold;
}

/** ATENDIMENTO PÁGINA DE CONTATO
****************************************************************/
.atendimento {
	display: block;
	position: relative;
	border-top: 1px solid #cccccc;
}
.atendimento a {
	display: block;
	padding: 0;
	margin: 0;
}
.atendimento img {
	max-width: 100%;
	display: block;
	margin: 0;
	padding: 0;
}

/** FOOTER
****************************************************************/
footer {
	margin-top: 20px;
}
footer .parallax-container {
	padding: 40px 0 20px;
	height: auto;
	color: #ffffff;
}
footer ul li {
	display: inline-block;
	margin-right: 20px;
}
footer ul li a {
	color: #ffffff;
}
footer ul li a:hover {
	color: #cccccc;
}
footer .contatos {
	text-align: right;
	line-height: 26px;
}
footer .copy-by {
	padding: 20px 0 1px;
}

footer .by {
	text-align: right;
}

@media screen and (max-width: 992px) {
	footer,
	footer .contatos {
		text-align: center;
	}
	footer .by {
		text-align: center;
		margin-top: 30px;
	}
}