.main-page {
	padding: 170px 0 20px 0;
	position: relative;
	background: #e2e2e2;
}

/* página do produto */

.product-background {
	position: absolute;
	top: 70px;
	width: 100%;
	height: 480px;
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}

.product-show {
	position: relative;
	z-index: 2;
	display: flex;
	width: 90%;
    margin: 20px auto 0 auto;
	background: #f4f4f4;
	border-bottom: 3px solid #22b745;
}

.product-show-bg {
	margin: 280px auto 0 auto;
}

.product-image-block {
	min-width: 650px;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 40px;
    cursor: pointer;
}

.product-image {
	height: 100%;
	max-width: 650px;
	display: block;
	margin: 0 auto;
}

.product-gallery {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	margin: 40px 0;
	flex-wrap: wrap;
}

.product-gallery img {
	width: 100px;
	margin: 5px;
	cursor: pointer;
}

.product-content {
	padding: 60px;
	margin: 0 auto;
}

.product-logo-block {
	display: block;
	margin: 0 auto 30px auto;
}

.product-logo-block img {
	display: block;
	margin: 0 auto;
	width: 280px
}

.product-logo-block h1 {
	max-width: 500px;
	font-size: 1.6rem;
	font-weight: 700;
	color: #10481f;
	text-align: left;
	text-transform: uppercase;
}

.product-text, .product-text * {
	text-decoration: none !important;
	background: transparent !important;
    font-family: 'Poppins', sans-serif !important;
    color: #10481f !important;
    text-align: justify !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    line-height: 1.6rem !important;
    letter-spacing: 0.01rem !important;
}
.product-text ul li {
	list-style: circle !important;
}

.product-text p {
	margin:  8px 0 !important;
}

/* publications list */

.publications-page {
    padding: 80px 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.publications-categories {
	width: 100%;
	background: #f3f3f3;
	border-radius: 8px;
	padding: 10px 0;
	display: flex;
	align-items: center;
}

.publications-categories h3 {
	font-weight: 600;
	font-size: 1rem;
	margin: 0 20px;
	color: #10481f;
}

.publications-categories a {
	background: #e2e2e2;
	border-radius: 8px;
	padding: 3px 20px 7px 20px;
	font-weight: 600;
	font-size: 1rem;
	margin: 0 10px;
	color: #10481f;
	transition: 0.3s;
}

.publications-categories a:hover {
	background: #12a835;
	color: #fff;
}

.publications-categories a.active {
	background: #12a835;
	color: #fff;
}

.publications-page-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.publication-page {
	width: 26%;
	padding: 2%;
	margin: 20px 1%;
	transition: 0.5s;
	display: flex;
    flex-direction: column;
    align-items: baseline;
    border-radius: 8px;
    background: transparent;
}

.publication-page:hover {
	background: #f3f3f3;
}

.publication-page .publication-page-media {
    width: 100%;
    display: block;
}

.publication-page .publication-page-media img {
    width: 100%;
    display: block;
}

.publication-page .publication-page-text {
    width: 100%;
    color: #007936;
    font-weight: 800;
    margin: 10px 0;
}

.publication-page .publication-page-text h4 {
	text-align: center;
	min-width: 100%;
    color: #007936;
    font-weight: 800;
    font-size: 2.4rem;
}

.publication-page .publication-page-text p {
    margin: 20px 0 0 0;
    color: #22b745;
    width: 100%;
    font-size: 1.1rem;
    text-align: center;
}

/* Listagem de Produtos */

.list-category-page {
	padding: 30px 0;
	min-height: 1900px;
}

.side-category {
	max-width: 200px;
	display: flex;
	flex-direction: column;
	padding: 20px 40px;
	background: #fff;
	position: absolute;
}

.side-fathers, .side-childs {
	display: flex;
	flex-direction: column;
}

.side-childs {
	margin-bottom: 10px;
}

.side-category a {
	text-decoration: none;
	color: #404040;
	font-size: 0.875rem;
    line-height: 1.7rem;
	transition: 0.3s;
}

.side-category a:hover {
	color: #22b745;
}

.side-grandpa {
	font-weight: 700;
}

.side-father {
	font-weight: 600;
	margin-left: 5px;
}

.side-child {
	margin-left: 10px;
}

.main-list {
    margin: 0 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    margin-left: 300px;
}

.main-list--minus {
	width: calc(100% - 300px);
}

.main-list h1 {
	width: 100%;
	flex-grow: 1;
	margin: 0 0 20px 0;
	padding-bottom: 10px;
	font-size: 1.5rem;
	letter-spacing: 0.1rem;
	font-weight: 700;
	color: #22b745;
	border-bottom: 3px solid #22b745;
}

.main-item {
	background: #fff;
    max-width: 31.83%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0.75% 20px 0.75%;
    justify-content: space-between;
    transition: 0.3s;
}

.main-item:hover .product-brown-button button {
	color: #22b745;
    border-color: #22b745;
}

.main-item:hover .section-product-title {
	color: #22b745;
}

.main-item img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.section-product-title {
    text-align: left;
    color: #f04c11;
    position: relative;
    font-size: 1rem;
    line-height: 1.125rem;
    font-weight: 600;
    width: 85%;
    transition: 0.3s;
    margin: 20px auto;
}

.product-brown-button {
	width: 90%;
	margin: 0 auto 5% auto;
    display: flex;
    align-self: stretch; 
}

.product-brown-button button {
	width: 100%;
	align-self: stretch;
    color: #f04c11;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 12px 20px 14px 20px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: 0.3s;
    border: 1px solid #f04c11;
    background: transparent;
    cursor: pointer;
}

.product-brown-button a {
	width: 100%;
	align-self: stretch;
    color: #f04c11;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 12px 20px 14px 20px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: 0.3s;
    border: 1px solid #f04c11;
    background: transparent;
    cursor: pointer;
}

.product-call {
	padding-top: 90px;
}

/* breadcrumb */

.breadcrumb {
    width: 100%;
    margin: 0;
    padding: 20px 0 9px 0;
    z-index: 2;
    position: absolute;
    top: 110px;
    background: #ececec;
}

.breadcrumb .crumbs {
    max-width: 1240px;
    margin: 0 auto;
}

.breadcrumb .crumbs a {
    letter-spacing: 0.05rem;
    text-decoration: none;
    display: block;
    float: left;
    color: #22b745;
    line-height: 2.3rem;
    transition: 0.3s;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

.breadcrumb .crumbs a:hover {
    color: #bababa;
}

.breadcrumb .crumbs a::after {
    content: "";
    display: block;
    width: 7px;
    background: url('../images/right-chevron.svg') no-repeat center center;
    float: right;
    padding: 9px;
    margin-top: 8px;
}

.breadcrumb .crumbs a.inicial-button {
    position: relative;
}

.breadcrumb .crumbs b {
    content: "";
    margin: 10px 0;
    display: block;
    float: left;
    font-weight: 700;
    letter-spacing: 0.05rem;
    color: #22b745;
    font-family: 'Montserrat', sans-serif;
}

@media screen and (max-width: 980px){
	/* página do produto */
	.product-background { min-height: 340px; background-size: auto 50%; top: -30px; }
	.product-show { width: 97%; margin: 25px auto; padding: 0; flex-direction: column; }
	.product-show-bg { margin: 90px auto 0 auto; }
	.product-image-block { order: 1; min-width: 100%; margin: 0 auto; padding: 0; }
	.product-image { width: 100%; display: block; }
	

	.product-content {order: 1; padding: 40px 0; width: 80%; margin: 0 auto; }
	.product-logo-block img { max-width: 200px; }
	.product-logo-block h1 { font-size: 1.2rem;	}
	.product-call { padding-top: 60px; }
	.product-call-bg { padding-top: 300px; }
	.product-call h4 b { font-size: 1.1rem; line-height: 1.1rem; top: -6px; }


	/* listagem produtos */
	.list-category-page { padding: 30px 0; min-height: auto; }
	.side-category {display: none; }
	.main-list {flex-direction: column; justify-content: center; margin: 0 auto; }
	.main-list--minus { width: 90%; margin: 0 auto; }
	.main-item {max-width: 100%; }	

	/* breadcrumbs */
	.breadcrumb { width: 90%; padding: 32px 5% 9px 5%; top: 67px; }
}


.fancybox__container {
	z-index: 100000 !important;
}