.icon {
	background-image: url("../img/assets.png");
	display: inline-block
}

.icon-youtube, .icon-facebook, .icon-instagram {
	transition: opacity 0.25s ease-in-out 0s;
	width: 4rem;
	height: 4rem
}

.icon-youtube:hover, .icon-facebook:hover, .icon-instagram:hover {
	opacity: 0.7
}

.icon-youtube {
	background-position: 0 0
}

.icon-facebook {
	background-position: -53px 0
}

.icon-instagram {
	background-position: -107px 0
}

.icon-open {
	background-position: -211px 0;
	width: 3.9rem;
	height: 3.9rem
}

.icon-close {
	background-position: -161px 0px;
	width: 3.9rem;
	height: 3.9rem
}

.icon-close-menu {
	background-position: -514px 0px;
	width: 3.9rem;
	height: 3.9rem
}

.icon-arrow-left, .icon-arrow-left-white {
	transition: background-color 0.25s ease-in-out 0s;
	background-position: -335px 8px;
	width: 4rem;
	height: 4rem;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 50%
}

.icon-arrow-right, .icon-arrow-right-white {
	transition: background-color 0.25s ease-in-out 0s;
	background-position: -378px 8px;
	width: 4rem;
	height: 4rem;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 50%
}


@keyframes uil-default-anim {
0% {
	opacity: 1
}

100% {
	opacity: 0
}
}.uil-default-css {
	position: relative;
	background: none;
	width: 1.4rem;
	height: 1.4rem
}

.uil-default-css>div:nth-of-type(1) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: -0.5s
}

.uil-default-css>div:nth-of-type(2) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: -0.4166666666666667s
}

.uil-default-css>div:nth-of-type(3) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: -0.33333333333333337s
}

.uil-default-css>div:nth-of-type(4) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: -0.25s
}

.uil-default-css>div:nth-of-type(5) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: -0.16666666666666669s
}

.uil-default-css>div:nth-of-type(6) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: -0.08333333333333331s
}

.uil-default-css>div:nth-of-type(7) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: 0s
}

.uil-default-css>div:nth-of-type(8) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: 0.08333333333333337s
}

.uil-default-css>div:nth-of-type(9) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: 0.16666666666666663s
}

.uil-default-css>div:nth-of-type(10) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: 0.25s
}

.uil-default-css>div:nth-of-type(11) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: 0.33333333333333337s
}

.uil-default-css>div:nth-of-type(12) {
	animation: uil-default-anim 1s linear infinite;
	animation-delay: 0.41666666666666663s
}

* {
	box-sizing: border-box
}

html {
	font-size: 62.5%
}

html, body {
	overflow-x: hidden
}

body {
	background: #000;
	color: #EBEBFF;
	font-family: 'Epilogue', sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5em;
}

img {
	max-width: 100%
}

.nopadding {
	padding: 0
}

.btn-border {
	display: inline-block;
	padding: 1rem;
	border-radius: 0;
	font-size: 1.4rem;
	text-transform: uppercase;
	text-decoration: none;
	border: .1rem solid #fff;
	color: #fff;
	transition: background-color 0.4s;
	background: transparent
}

.btn-border:hover {
	background: #fff;
	color: #59311d
}

.btn-border:hover, .btn-border:focus, .btn-border:active {
	text-decoration: none
}

.side-images {
	position: relative
}

.clearfix:after, .clearfix:before {
	content: "";
	display: block;
	clear: both
}

/* section {
	overflow-x: hidden
} */

#view-wrapper {
	min-height: 65rem;
	min-height: 100vh
}

button {
	outline: 0
}

.faixa-azul-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: none
}

.faixa-azul-modal .bg-modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(39,82,192,.95) 0%, rgba(7,22,65,.9) 100%);
}

.faixa-azul-modal h5 {
	font-size: 30px;
}

.faixa-azul-modal .faixa-azul-modal-content {
	position: absolute;
	top: 55%;
	top: calc(50% + 3.5rem);
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60rem;
	max-width: 90%;
}

.faixa-azul-modal .faixa-azul-modal-content .faixa-azul-modal-body {
	max-height: 76vh;
	overflow-y: auto;
	position: relative;
	margin: auto;
}

.faixa-azul-modal-video .faixa-azul-modal-content {
	position: absolute;
	top: 55%;
	top: calc(45% + 3.5rem);
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	height: 85%;
}

.faixa-azul-modal-video .ng-binding{
	height: 100%
}

.modal-video {
	overflow-y: auto;
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
}

.modal-video iframe{
	height: 100%;
}

.faixa-azul-modal .faixa-azul-modal-content .icon-close {
	position: absolute;
	cursor: pointer;
	top: -30px;
	right: 0;
	font-size: 60px;
	display: block;
	width: 38px;
	height: 38px;
	text-align: center;
	z-index: 999;
}


select {
	appearance: none;
	background: #fff url("../img/select-arrow-pipe.png") no-repeat 93% 50%;
	background-size: auto 95%
}

iframe[name="google_conversion_frame"], img[src="https://cms.analytics.yahoo.com/cms?partner_id=ROIX"] {
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
	visibility: hidden !important;
	display: none
}

.select-box {
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 1.5rem 0;
	width: 25rem
}

.select-box ul {
	display: none;
	position: absolute;
	padding: 0;
	width: 100%;
	max-height: 550px;
	overflow-y: auto;
	z-index: 2;
	background: #fff;
	border: 1px solid #707070;
}

.select-box li {
	transition: color 0.25s ease-in-out 0s, background-color 0.25s ease-in-out 0s;
	display: block;
	padding: 0 25px;
	color: #fff;
	background: #0E0C0D;
	font-size: 18px;
	line-height: 4rem;
	text-align: left;
	border-bottom: 1px solid #B6B6B6
}

.select-box li:first-of-type {
	padding-top: 5px;
}

.select-box li:last-of-type {
	padding-bottom: 5px;
}

.select-box li:hover {
	cursor: pointer;
	color: #0E0C0D;
	background-color: #fff
}

.select-box li:last-child {
	border-bottom: 0;
	margin-bottom: 0
}

.select-box .select-atual {
	color: #fff;
	background: #0E0C0D;
	font-weight: 300;
padding: 0 2rem;
	cursor: pointer;
	line-height: 3.9rem;
	padding-top: .4rem;

	text-align: left;
}

.select-box .arrow {
	width: 60px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: url("../img/arrow-select.png") center no-repeat;
	background-size: 18px;
	}

.is-open {
	z-index: 2
}

#preload-indicator {
	background: #0058a1;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	z-index: 100000;
	display: none
}

#preload-indicator .content {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%)
}

#preload-indicator .content .logo-header {
	width: 37rem;
	max-width: 80%;
	margin: 0 0 1.4rem
}

#preload-indicator .content p {
	font-size: 3.5rem
}

.header #headerVideoMobileBG {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-position: center center;
	background-size: auto, cover
}

.header #headerVideoBG {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	z-index: -100;
	background-size: cover;
	background-position: center center
}

footer {
	margin-top: 50px;
}

footer .container{
	position: relative;
}

#logo-footer {
	margin-bottom: 25px;
	display: block;
}

#logo-footer  img {
	max-width: 100%;
}

footer .icon-youtube, footer .icon-facebook, footer .icon-instagram {
	width: 20%;
	height: 0;
	padding-bottom: 25%;
	margin: 0 5%;
	background-size: contain !important;
}

footer .icon-youtube {
	background: url(../img/icon-yt.png) center no-repeat;
}

footer .icon-facebook {
	background: url(../img/icon-fb.png) center no-repeat;
}

footer .icon-instagram {
	background: url(../img/icon-ig.png) center no-repeat;
}

footer ul {
	list-style: none;
	padding: 0;
	overflow: hidden;
	margin-bottom: 60px;
}

footer li a {
	display: block;
	margin: 0 0 20px;
	float: left;
	width: 49%;
}

footer .footer-title {
	border-bottom: 1px solid #6F6F76;
	margin: 0 0 20px;
	padding: 0 0 20px;
	display: block
}

#logo-sa365 {
	background: url(../img/bg-sa365.png) left / contain no-repeat;
	text-indent: -999em;
	width: 60px;
	height: 30px;
	display: block;
}

@media (max-width: 767px) {
	.header #headerVideoMobileBG {
		display: block
	}
	
	#contact-and-newsletter {
		margin: 0 0 3rem;
		text-align: center
	}
	
	.faixa-azul-modal .faixa-azul-modal-content {
		max-width: 95%
	}
	

	
	.faixa-azul-modal .faixa-azul-modal-content .faixa-azul-modal-body h1 {
		font-size: 3.5rem
	}
	
	.faixa-azul-modal .faixa-azul-modal-content .faixa-azul-modal-body h2, .faixa-azul-modal .faixa-azul-modal-content .faixa-azul-modal-body p {
		font-size: 1.8rem;
	}
	
	.faixa-azul-modal-video .faixa-azul-modal-content {
		width: 92%;
		max-width: 92%
	}
	
	.faixa-azul-modal-video .faixa-azul-modal-content .faixa-azul-modal-body {
		padding: 1rem
	}
	
	footer #form-newsletter {
		max-width: 50rem;
		margin-left: auto;
		margin-right: auto
	}
	
	footer #form-newsletter #newsletter-msg {
		left: 0;
		width: 100%
	}
	
	footer li a, footer .footer-title {
		font-size: 1.6rem
	}
	
	footer #copy {
		padding: 2.8rem 4rem 1rem;
		font-size: 1.5rem
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#contact-and-newsletter {
		margin: 0 0 3rem;
		text-align: center
	}
	
	footer #form-newsletter {
		max-width: 50rem;
		margin-left: auto;
		margin-right: auto
	}
}


@media (max-height: 630px) {
	#menu nav {
		height: 100vh;
		overflow: auto
	}
	
	#menu .social-media-component {
		text-align: center
	}
}



.insta-mobile {
	display: none;
	position: relative
}

#insta-section {
	padding: 50px 0;
	background: url(../img/bg-geral.jpg) top center no-repeat;
	background-size: cover;
}

@media (max-width: 580px) {
	#insta-section #insta-text h1, #insta-section #insta-text h2 {
		font-size: 3.5rem
	}
	
	.insta-mobile {
		display: block
	}
	
	.insta-desktop {
		display: none
	}
}

@media (max-width: 767px) {
	
	#home-history {
		text-align: center
	}
	
	#home-history img {
		margin-bottom: 3rem;
		max-width: 85%
	}
	
	#home-history h1 {
		font-size: 4.3rem
	}
	
	#home-history h2 {
		font-size: 3rem
	}
	
	#home-history h1, #home-history h2 {
		max-width: 72%;
		margin-left: auto;
		margin-right: auto
	}
	
	#home-history h2 {
		margin-bottom: 2rem
	}
	
	#home-history p {
		max-width: 100%;
		font-size: 1.6rem;
		margin-left: 0
	}
	
	#home-history #mestre {
		min-width: 0
	}
	
	#home-history .tabua {
		display: none
	}
	
	#home-history .btn-history {
		width: 100%;
		margin-left: 0;
		text-align: center
	}
}

@media (max-width: 410px) {
	#header-home #home-header-btn-wrapper {
		transform: initial;
		left: 1.5rem
	}
}

#tips-content-wrapper .side-images:before {
	content: "";
	position: absolute;
	top: 6.7rem;
	left: -50rem;
	display: inline-block;
	width: 444px;
	height: 97.5rem;
	background: url("../img/faca02.png") no-repeat
}

#tips-content-wrapper .side-images:after {
	content: "";
	position: absolute;
	top: 90rem;
	right: -58rem;
	display: inline-block;
	width: 444px;
	height: 617px;
	background: url("../img/queijo04.png") no-repeat
}

#tips-content-wrapper #more {
	background: #fff;
	color: #59311d;
	text-transform: none;
	font-size: 1.7rem;
	width: 20rem;
	margin: 0 0 3rem;
	padding: .75rem
}

#tips-content-wrapper #more:hover {
	background: #59311d;
	color: #fff
}

#tips-and-news {
	position: relative;
	padding: 0 0 50px;
	overflow: initial
}


#tips-and-news #tips-wrapper {
	margin-top: 30px;
}

#tips-and-news .tipItem {
	position: relative;
	margin-top: 3.5rem;
	display: block;
	text-decoration: none
}

#tips-and-news .tipHeader {
	background-size: cover;
	background-position: center center;
	height: 23rem;
	position: relative;
	display: block
}

#tips-and-news .tipContent a {
	text-decoration: none
}


@media (max-width: 767px) {

	
	#tips-content-wrapper {
		background-image: none
	}
	
	#tips-and-news .tipItem {
		padding: 1.5rem
	}
	
	#tips-and-news #tips-wrapper {
		padding: 0
	}
	
	#tips-and-news form .btn-border {
		width: 60%;
		margin: 1rem 0
	}
}

#recipes-wrapper #more {
	margin: 0 0 3rem
}
#recipes-section {
	padding: 1rem 0 3rem;
	position: relative;
}

#recipes-section form {
	padding: 0 0 35px;
}

#recipes-section .recipe {
	height: 34rem;
	width: 34rem;
	float: left;
	background: rgba(0,0,0,0.25);
	padding: 3.5rem;
	position: relative;
	margin-bottom: 2.5rem;
	background-size: cover;
	margin-right: 1.5rem
}

#recipes-list-wrapper{
	position: relative;
}

#recipes-list-wrapper .owl-carousel .owl-nav button.owl-prev{
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translateY(-50%);
}

#recipes-list-wrapper .owl-carousel .owl-nav button.owl-next{
	position: absolute;
	top: 50%;
	right: -50px;
	transform: translateY(-50%);
}


@media only screen and (max-width: 600px) {
	
	#recipes-list-wrapper .owl-carousel .owl-nav button.owl-prev{
		left: 0;
	}
	#recipes-list-wrapper .owl-carousel .owl-nav button.owl-next{
		right: 0;
	}
  }

#recipes-section .recipe:after {
	content: "";
	position: absolute;
	top: 2.5rem;
	bottom: 2.5rem;
	right: 2.5rem;
	left: 2.5rem;
	border: .1rem solid #fff
}

#recipes-section .recipe:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0.5;
	transition: opacity .5s
}

#recipes-section .recipe:hover:before {
	opacity: 1
}

#recipes-section .recipe .recipe-title {
	transition: opacity .5s;

	text-transform: uppercase;
	font-size: 2.5rem;
	color: #fff;
	display: block
}

#recipes-section .recipe .content {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1
}

#recipes-section .recipe .content:before {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent
}

#recipes-section .recipe .content span.btn-border {
	color: #59311d;
	background: #fff
}

#recipes-section .recipe .content .title {
	width: 100%;
	padding: 3.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, calc(-50% - 1rem));
	transition: all .4s
}

#recipes-section .recipe .btn-border {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	max-width: 70%;
	width: 14rem;
	z-index: 1;
	text-transform: none;
	font-size: 1.8rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
	font-family: 'gara-bold'
}

#recipes-section .recipe .btn-border:hover {
	color: #fff;
	background: #59311d
}

#recipes-section .recipe .watch-video {
	bottom: 6.4rem;
	cursor: pointer
}

#recipes-section .recipe .watch-video .glyphicon {
	font-size: 1.3rem;
	margin-right: .3rem
}

#recipes-section .recipe .watch-video .txt {
	margin-left: -1.8rem
}

@media (max-width: 767px) {
	#recipes-wrapper {
		background-image: none
	}
	
	
	#recipes-section form input, #recipes-section form select, #recipes-section form .select-box {
		width: 80%;
		font-size: 1.7rem;
		margin: 1rem 0
	}
	
	#recipes-section form .btn-border {
		width: 60%;
		margin: 1rem 0
	}
}

#recipe-related-stuff {
	margin: 9rem auto 3rem
}

#recipe-related-stuff h1 {
	color: #fff;
	font-size: 3.7rem;
	margin: 0 0 4rem;
	text-transform: uppercase;
	font-family: 'gara-bold'
}

#recipe-related-stuff .owl-stage-outer {
	margin-bottom: 5rem
}

#recipe-related-stuff .divider {
	width: 80%;
	max-width: 15rem;
	display: inline-block;
	margin-bottom: .8rem
}

#recipe-related-stuff .owl-nav {
	display: none
}

#recipe-related-stuff .owl-nav .icon-arrow-right, #recipe-related-stuff .owl-nav .icon-arrow-left {
	display: block
}

#recipe-related-stuff .owl-nav .icon-arrow-left-white, #recipe-related-stuff .owl-nav .icon-arrow-right-white {
	display: none
}

#recipe-related-stuff .owl-nav .owl-prev, #recipe-related-stuff .owl-nav .owl-next {
	position: absolute;
	top: 100%;
	box-sizing: border-box
}

#recipe-related-stuff .owl-nav .owl-prev span, #recipe-related-stuff .owl-nav .owl-next span {
	font-size: 2.5rem;
	color: #a6673e;
	padding: 1rem;
	border-radius: 50%
}

#recipe-related-stuff .owl-nav .icon-arrow-left, #recipe-related-stuff .owl-nav .icon-arrow-right {
	display: none
}

#recipe-related-stuff .owl-nav .owl-next {
	right: 0rem
}

#recipe-related-stuff .owl-nav .owl-prev {
	left: 0rem
}

#recipe-related-stuff .row {
	margin-right: 0;
	margin-left: 0
}

#recipe-related-stuff #related-product:hover span.btn-border {
	color: #fff;
	background: #59311d
}

#recipe-related-stuff #related-product span.btn-border {
	color: #59311d;
	background: #fff
}

#recipe-related-stuff #related-product .title, #recipe-related-stuff #related-product .over {
	width: 100%;
	padding: 3.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, calc(-50% - .5rem));
	transition: all .4s;
	text-decoration: none;
	color: #fff
}

#recipe-related-stuff .item-related {
	height: 34rem;
	background: rgba(0,0,0,0.25);
	padding: 3.5rem;
	position: relative;
	margin-bottom: 2.5rem;
	background-size: cover;
	display: block
}

#recipe-related-stuff .item-related.cheese-info .cheese-title {
	font-size: 3.4rem
}

#recipe-related-stuff .item-related.cheese-info .over {
	display: block
}

#recipe-related-stuff .item-related:after {
	content: "";
	position: absolute;
	top: 2.5rem;
	bottom: 2.5rem;
	right: 2.5rem;
	left: 2.5rem;
	border: .1rem solid #fff
}

#recipe-related-stuff .item-related:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0.5;
	transition: opacity 0.5s
}

#recipe-related-stuff .item-related:hover:before {
	opacity: 1
}

#recipe-related-stuff .item-related .recipe-title, #recipe-related-stuff .item-related .cheese-title {
	font-family: 'gara-bold';
	text-transform: uppercase;
	font-size: 2.5rem;
	color: #fff;
	display: block
}

#recipe-related-stuff .item-related .over {
	display: none
}

#recipe-related-stuff .item-related .over, #recipe-related-stuff .item-related .content {
	width: 100%;
	padding: 3.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, calc(-50% - 1.3rem));
	transition: all .4s
}

#recipe-related-stuff .item-related .over {
	opacity: 0
}

#recipe-related-stuff .item-related .over p {
	font-size: 1.6rem
}

#recipe-related-stuff .item-related .btn-border {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	max-width: 70%;
	width: 15.5rem;
	padding: .75rem;
	z-index: 1;
	color: #59311d;
	background: #fff;
	text-transform: none;
	font-size: 1.8rem;
	font-family: 'gara-bold'
}

#recipe-related-stuff .item-related .btn-border:hover {
	color: #fff;
	background: #59311d
}

#recipe-related-stuff .item-related .watch-video {
	bottom: 6rem;
	cursor: pointer;
	background: transparent;
	color: #fff
}

#recipe-related-stuff .item-related .watch-video .glyphicon {
	font-size: 1.3rem;
	margin-right: .3rem
}

#recipe-related-stuff .item-related .watch-video .txt {
	margin-left: -1.8rem
}

#recipe-related-stuff .related-recipe .content {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	transform: none;
	z-index: 1
}

#recipe-related-stuff .related-recipe .content:hover span.btn-border {
	color: #fff;
	background: #59311d
}

#recipe-related-stuff .related-recipe .content .title {
	width: 100%;
	padding: 3.5rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, calc(-50% - 1rem));
	transition: all .4s
}

@media (max-width: 767px) {
		
	#recipe-related-stuff-wrapper {
		padding: 0
	}
	
	#recipe-related-stuff h1 {
		padding-left: -1.5rem;
		padding-right: -1.5rem
	}
	
	#recipe-related-stuff .row {
		margin: 0;
		padding: 0
	}
	
	#recipe-related-stuff #related-product, #recipe-related-stuff .owl-carousel {
		max-width: 34rem;
		margin-left: auto;
		margin-right: auto;
		float: initial
	}
	
	#recipe-related-stuff #related-product-wrapper, #recipe-related-stuff #related-recipes-wrapper {
		padding: 0
	}
	
	#recipe-related-stuff .item-related {
		margin-bottom: 10rem;
		width: 34rem
	}
	
	#recipe-related-stuff .owl-carousel .item-related {
		margin-bottom: 1.5rem
	}
	
	#recipe-related-stuff .owl-nav {
		display: block
	}
	
	#recipe-related-stuff .owl-nav .owl-prev, #recipe-related-stuff .owl-nav .owl-next {
		top: 50%;
		transform: translateY(-50%)
	}
	
	#recipe-related-stuff .owl-nav .owl-prev span, #recipe-related-stuff .owl-nav .owl-next span {
		font-size: 2.5rem;
		color: #a6673e;
		padding: 1rem;
		border-radius: 50%
	}
	
	#recipe-related-stuff .owl-nav .icon-arrow-left-white, #recipe-related-stuff .owl-nav .icon-arrow-right-white {
		background-color: transparent;
		display: block
	}
	
	#recipe-related-stuff .owl-nav .icon-arrow-left, #recipe-related-stuff .owl-nav .icon-arrow-right {
		display: none
	}
	
	#recipe-related-stuff .owl-nav .owl-next {
		right: -5rem
	}
	
	#recipe-related-stuff .owl-nav .owl-prev {
		left: -5rem
	}
}

@media (max-width: 450px) {
	#recipe-related-stuff .item-related {
		width: 30rem;
		height: 30rem;
		margin-left: auto;
		margin-right: auto
	}
	
	#recipe-related-stuff .owl-nav .owl-next {
		right: -3rem
	}
	
	#recipe-related-stuff .owl-nav .owl-prev {
		left: -3rem
	}
}

@media (max-width: 400px) {
	#recipe-related-stuff .item-related {
		width: 25rem;
		height: 25rem
	}
	
	#recipe-related-stuff .owl-nav .owl-next {
		right: 0rem
	}
	
	#recipe-related-stuff .owl-nav .owl-prev {
		left: 0rem
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#recipe-related-stuff {
		overflow: initial
	}
	
	#recipe-related-stuff .owl-nav {
		display: block
	}
	
	#recipe-related-stuff .owl-nav .owl-prev, #recipe-related-stuff .owl-nav .owl-next {
		top: 50%;
		transform: translateY(-50%)
	}
	
	#recipe-related-stuff .owl-nav .owl-prev span, #recipe-related-stuff .owl-nav .owl-next span {
		padding: 2rem
	}
	
	#recipe-related-stuff .owl-nav .icon-arrow-right, #recipe-related-stuff .owl-nav .icon-arrow-left {
		display: none
	}
	
	#recipe-related-stuff .owl-nav .icon-arrow-left-white, #recipe-related-stuff .owl-nav .icon-arrow-right-white {
		display: block;
		background-color: transparent
	}
	
	#recipe-related-stuff .owl-nav .owl-next {
		right: -3.3rem
	}
	
	#recipe-related-stuff .owl-nav .owl-prev {
		left: -3.3rem
	}
	
	#recipe-related-stuff .item-related {
		width: 33rem;
		height: 33rem;
		margin-left: auto;
		margin-right: auto
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#recipe-related-stuff .item-related {
		height: 28.3rem
	}
}


#contact-form .row {
	margin: 0
}

input, select, .select-box {
	margin-top: 2.5rem;
	height: 5rem;
	border: none;
	outline: none;
	border: 1px solid #707070;
}

.select-box {
	margin-bottom: -.2rem
}

input, .select-atual, textarea {
	padding: 0 25px;
	transition: background .6s
}

.invalid-field {
	background: #ffd4d4
}

.select-atual, .arrow {
	height: 4.8rem
}

.arrow:before {
	top: 0
}


.arrow {
	padding-top: .5rem
}

.arrow:after {
	margin-top: -.9rem
}

.select-box {
	width: 100%;
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 2.5rem
}

input, select, textarea, option {
	font-size: 18px;
	color: #fff;
	background: #0E0C0D;
	font-weight: 300;
	line-height: 1.5em;
	border: none;
	border: 1px solid #707070;
}

select {
	background: #fff url("../img/select-arrow.png") no-repeat 97% 50%;
	background-size: auto 95%
}

textarea {
	margin-top: 2.5rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	height: 22rem
}

#contact-form .col-left {
	padding-left: 0;
	padding-right: 1.2rem
}

#contact-form .col-right {
	padding-right: 0;
	padding-left: 1.2rem
}

#contact-form .btn-fa-i {
	margin: 30px auto;
	display: block;
}

#contact-form #contact-button-msg {
	display: none;
}

#contact-form #btn-enviar #contact-button-msg span {
	font-weight: bold;
	font-size: 2rem;
	margin: 5rem 0;
	color: #fff;
	display: block;
}

[disabled="disabled"] {
	opacity: .7;
	cursor: not-allowed
}

#contact-form .btn-border[disabled] {
	background: #fff;
	color: #59311d
}

#contact-form .btn-border[disabled]:hover {
	background: #fff;
	color: #59311d
}

#contact-form #contact-form-alert {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 1;
	display: none
}

#contact-form #contact-form-alert p {
	font-size: 2rem;
	position: absolute;
	top: 50%;
	left: 8rem;
	right: 8rem;
	margin: 0;
	transform: translateY(-50%)
}

@media (max-width: 767px) {
	#content-contact-wrap #content-contact {
		padding: 2.5rem
	}
	
	#content-contact-wrap #content-contact p {
		font-size: 1.6rem
	}
	
	#content-contact-wrap #content-contact p:first-letter {
		font-size: 2rem
	}
	
	#contact-form .col-left {
		padding-left: 0;
		padding-right: 0
	}
	
	#contact-form .col-right {
		padding-right: 0;
		padding-left: 0
	}
	
	#contact-form #contact-form-alert h1 {
		font-size: 3rem
	}
}



/* #header-cheese.produto-parmesao-reserva-especial, #header-cheese.produto-parmesao-ralado-grosso,
#header-cheese.produto-parmesao-lascas{
	background: url(../img/produto-bg-2.jpg) 0 -60px no-repeat;
	background-size: 100%;
}

#header-cheese.produto-parmesao-ralado, #header-cheese.produto-gruyere{
	background: url(../img/produto-bg-1.jpg) 0 -60px no-repeat;
	background-size: 100%;
} */

#header-cheese img, #header-category img {
	max-width: 100%;
	margin: auto;
	display: block;
}

.ps-3 {
    padding-left: 1rem !important;
}

.ps-5 {
    padding-left: 2rem !important;
}

#table-modal .table-bordered {
	margin-top: 3rem;
	font-size: 1.8rem;
	background: #fff;
    color: #000;
	
}

#table-modal .table-bordered td, #table-modal .table-bordered th {
	padding: 1rem
}

#table-modal .table-bordered>tbody>tr>td, #table-modal .table-bordered>tbody>tr>th, #table-modal .table-bordered>tfoot>tr>td, #table-modal .table-bordered>tfoot>tr>th, #table-modal .table-bordered>thead>tr>td, #table-modal .table-bordered>thead>tr>th, #table-modal .table-bordered {
	border-color: #000;
}

#content-cheese-wrap #cheese-info-btns {
	text-align: center;
	margin-top: 35px
}

#recipes-list {
	color: #fff;
	padding: 0 0 6.5rem
}

#recipes-list .item {
	position: relative;
}

#recipes-list .recipeHeader {
		background-size: cover;
		height: 275px;
		display: block;
		background-position: center;
	}
	
	#recipes-list .recipeContent {border:2px solid red;
		
		letter-spacing: .125em;
		color: #fff;
		background: blue url(../img/home-bg-dicas.jpg) center no-repeat;
		background-size: cover;
		padding: 15px;
	}




#recipes-list .item .watch-video {
	bottom: 6.4rem;
	cursor: pointer;
	background: transparent;
	color: #fff
}

#recipes-list .item .watch-video .glyphicon {
	font-size: 1.3rem;
	margin-right: .3rem
}

#recipes-list .item .watch-video .txt {
	margin-left: -1.8rem
}

#recipes-list .owl-nav {
	display: none
}

#recipes-list .owl-nav .owl-prev, #recipes-list .owl-nav .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box
}

#recipes-list .owl-nav .owl-prev span, #recipes-list .owl-nav .owl-next span {
	font-size: 2.5rem;
	color: #a6673e;
	background-color: #fff;
	padding: 1rem;
	border-radius: 25px
}

#recipes-list .owl-nav .owl-prev .icon-arrow-left-white, #recipes-list .owl-nav .owl-prev .icon-arrow-right-white, #recipes-list .owl-nav .owl-next .icon-arrow-left-white, #recipes-list .owl-nav .owl-next .icon-arrow-right-white {
	display: none
}

#recipes-list .owl-nav .owl-next {
	right: -8rem
}

#recipes-list .owl-nav .owl-prev {
	left: -8rem
}

@media (max-width: 1065px) {
	#recipes-list .owl-carousel {
		width: 61.5rem
	}
	
	#recipes-list .owl-carousel .item {
		width: 30rem;
		height: 30rem
	}
}

@media (max-width: 767px) {
	
	#table-modal .table-bordered th {
		font-size: 1.3rem
	}
	
	#table-modal .table-bordered td {
		font-size: 1.3rem
	}
	
	#table-modal .table-bordered td, #table-modal .table-bordered th {
		padding: .5rem
	}
	
	#cheese-recipes-wrapper .container .side-images {
		display: none
	}
	
	#content-cheese-wrap {
		margin-top: -4rem;
		margin-bottom: 4rem
	}
	
	#content-cheese-wrap #cheese-info-btns .col-sm-4 {
		text-align: center;
		width: 23rem;
		max-width: 85%;
		margin: 0 auto;
		display: block;
		float: initial;
		padding: 0
	}
	
	#content-cheese-wrap #cheese-info-btns .btn-border {
		width: 100%
	}
	
}

@media (min-width: 768px) and (max-width: 991px) {
	#recipes-list .owl-nav {
		display: block
	}
	
	#recipes-list .owl-nav .owl-next {
		right: -6.5rem
	}
	
	#recipes-list .owl-nav .owl-prev {
		left: -6.5rem
	}
}

@media (min-width: 1065px) {
	#recipes-list .owl-carousel {
		width: 105rem
	}
	
	#recipes-list .owl-nav .owl-next {
		right: -5.5rem
	}
	
	#recipes-list .owl-nav .owl-prev {
		left: -5.5rem
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#recipes-list .owl-carousel {
		width: 93rem
	}
	
	#recipes-list .owl-carousel .item {
		width: 30rem;
		height: 30rem
	}
}

@media (max-width: 425px) {
	#recipes-list .owl-carousel {
		width: 28rem
	}
	
	#recipes-list .owl-carousel .item {
		width: 28rem;
		height: 28rem
	}
}

@media (max-width: 385px) {
	#recipes-list .owl-carousel {
		width: 25rem;
		max-width: 25rem
	}
	
	#recipes-list .owl-carousel .item {
		width: 25rem;
		height: 25rem
	}
	
	#recipes-list .owl-carousel .item .recipe-title {
		font-size: 2.2rem;
		line-height: 2.7rem
	}
	
	#recipes-list .owl-nav .owl-prev, #recipes-list .owl-nav .owl-next {
		box-sizing: border-box
	}
	
	#recipes-list .owl-nav .owl-next {
		right: -3.5rem
	}
	
	#recipes-list .owl-nav .owl-prev {
		left: -3.5rem
	}
}

#ourCheeses-cheeses-wrapper {
	width: 100%;
	background-repeat: no-repeat;
	background-position: -9rem center;
	background-size: auto 40rem
}

#ourCheeses-cheeses-wrapper .special-cheese-component {
	overflow: hidden
}

#ourCheeses-cheeses-wrapper #special-cheeses-side-images .img01 {
	position: absolute;
	top: 1rem;
	left: -50rem;
	display: inline-block;
	width: 444px;
	height: 617px;
	background: url("../img/pedaco-queijo.png") no-repeat
}

@media (max-width: 767px) {

	
	#content-category-wrap {
		position: relative;
		margin-top: 25px;
		margin-bottom: 0rem
	}
	
	#content-category-wrap #content-category {
		background: #fff;
		padding: 5rem;
		color: #75432a
	}
	
	#content-category-wrap #content-category p {
		font-size: 1.8rem;
		line-height: 2.8rem;
		margin-bottom: 1.5rem;
		text-align: justify;
		color: inherit
	}
	
	#content-category-wrap #content-category p:last-child {
		margin-bottom: 0
	}
	
	#content-category-wrap #content-category p:first-letter {
		font-size: 3.5rem
	}

	}
	
	@media (max-width: 767px) {
		
		#content-category-wrap {
			margin-top: -4rem
		}
		
		#content-category-wrap #content-category {
			padding: 2.5rem;
			column-count: 1
		}
	}@media (max-width: 1065px) {
		#products-list .owl-carousel {
			width: 61.5rem
		}
	}@media (min-width: 768px) and (max-width: 991px) {
		#products-list .owl-nav .owl-next {
			right: -6.5rem
		}
		
		#products-list .owl-nav .owl-prev {
			left: -6.5rem
		}
	}@media (min-width: 1065px) {
		#products-list .owl-carousel {
			width: 93rem
		}
		
		#products-list .owl-nav .owl-next {
			right: -5.5rem
		}
		
		#products-list .owl-nav .owl-prev {
			left: -5.5rem
		}
	}@media (max-width: 425px) {
		#products-list .owl-carousel {
			width: 28rem
		}
		
		#products-list .owl-carousel .item {
			width: 28rem;
			height: 28rem
		}
	}@media (max-width: 385px) {
		#products-list .owl-carousel {
			width: 25rem;
			max-width: 25rem
		}
		
		#products-list .owl-carousel .item {
			width: 25rem;
			height: 25rem
		}
		
		#products-list .owl-nav .owl-prev, #products-list .owl-nav .owl-next {
			box-sizing: border-box
		}
		
		#products-list .owl-nav .owl-next {
			right: -3.5rem
		}
		
		#products-list .owl-nav .owl-prev {
			left: -3.5rem
		}
	}
	
	#content-about-wrap #content-about {
		text-align: center;
	}
	
	#about-timeline {
		padding-top: 70px;
	}
	

	#about-timeline #history-indicators {
		background: url("../img/bg-history-indicators.png") center repeat-x;
		position: relative;
		margin: 0 auto;
	}

	#about-timeline #history-indicators::before{
		background: #030303;
		content: "";
		width: 50px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	#about-timeline #history-indicators::after{
		background: #030303;
		content: "";
		width: 75px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}
	
	#about-timeline .owl-prev, #about-timeline .owl-next {
		display: none;
	}
	
	#about-timeline #history-indicators .item {
		position: relative;
	}
	
	#about-timeline #history-indicators .item span {
		cursor: pointer
	}
	
	#about-timeline .icon-indicator .icon{
	display: none;
}

#about-timeline .icon-container {
	display: block;
	padding: 58px 0 0;
	text-align:center;
	width: 100%;
	height: 140px;
	color: #333;
	font-family: 'The Seasons';
}
#about-timeline  .icon-indicator{
	background: url(../img/sobre-linha-off.png) center no-repeat;
	background-size: 100px;
}

#about-timeline  .icon-indicator-active{
	background: url(../img/sobre-linha-on.png) center no-repeat;
	background-size: contain;
}

	#about-timeline .icon-indicator-active .year {
	
}
	
	#about-timeline #history-indicators .owl-nav.disabled {
		display: block
	}
	
	#about-timeline #history-indicators .owl-nav .owl-prev, #about-timeline #history-indicators .owl-nav .owl-next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		box-sizing: border-box
	}
	
	#about-timeline #history-indicators .owl-nav .owl-prev span, #about-timeline #history-indicators .owl-nav .owl-next span {
		padding: 1.5rem;
		border-radius: 50%
	}
	
	#about-timeline #history-indicators .owl-nav .owl-next {
		right: -3rem
	}
	
	#about-timeline #history-indicators .owl-nav .owl-prev {
		left: -3rem
	}
	
	#about-timeline #history-mobile-indicators {
		display: none;
		margin: 3rem 0
	}
	
	#about-timeline #history-mobile-indicators .year {
		font-size: 3.5rem;
		color: #a6673e
	}
	
	#about-timeline #history-mobile-indicators .owl-nav.disabled {
		display: block
	}
	
	#about-timeline #history-mobile-indicators .owl-nav .owl-prev, #about-timeline #history-mobile-indicators .owl-nav .owl-next {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		box-sizing: border-box
	}
	
	#about-timeline #history-mobile-indicators .owl-nav .owl-prev span, #about-timeline #history-mobile-indicators .owl-nav .owl-next span {
		background-color: #a6673e;
		padding: 1.5rem;
		border-radius: 50%
	}
	
	#about-timeline #history-mobile-indicators .owl-nav .owl-next {
		right: 0rem
	}
	
	#about-timeline #history-mobile-indicators .owl-nav .owl-prev {
		left: 0rem
	}
	
	#timeline-bg {
    background: url(../img/bg-geral.jpg) center no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
	padding: 70px 0 35px;
	margin-bottom: 40px;
	}
	
	#about-timeline #history-carousel-content .col-md-6:nth-of-type(2) {
		padding-top: 115px;
	}

	#about-timeline #history-carousel-content p {
		color: #fff;
	}
	
	#about-timeline #history-carousel-content p strong {
		font-size: 30px;
		font-weight: normal;
		font-family: 'The Seasons';
	}
	
	#about-timeline #history-carousel-content .owl-nav .owl-prev, #about-timeline #history-carousel-content .owl-nav .owl-next {
		position: absolute;
		top: 105%;
		top: calc(100% + 2.5rem);
		box-sizing: border-box
	}
	
	#about-timeline #history-carousel-content .owl-nav .owl-prev span, #about-timeline #history-carousel-content .owl-nav .owl-next span {
		font-size: 2.5rem;
		color: #fff;
		background: #0058a1;
		padding: .5rem;
		border-radius: 50%
	}
	
	#about-timeline #history-carousel-content .owl-nav .owl-next {
		right: 0
	}
	
	#about-timeline #history-carousel-content .owl-nav .owl-prev {
		left: 0
	}
	
	#about-videos {
		position: relative;
		overflow: initial;
		margin-bottom: -4rem
	}
	
	#about-videos #about-videos-title {
		padding: 3rem 0 0
	}
	
	#about-videos #about-videos-title h1 {
		font-family: 'gara-bold';
		font-size: 5rem;
		text-transform: uppercase;
		color: #fff
	}
	
	#about-videos #about-videos-title .faixa-azul-title {
		margin-top: -7.8rem;
		font-family: wolf-light;
		font-size: 12.5rem;
		color: #fff
	}
	
	#about-videos #videos-container {
		background: #fff;
		min-height: 20rem;
		margin: 3rem 0 2rem;
		padding: 3rem
	}
	
	#about-videos #videos-container .owl-nav .owl-prev, #about-videos #videos-container .owl-nav .owl-next {
		position: absolute;
		top: 110%;
		top: calc(100% + 2.5rem);
		transform: none;
		box-sizing: border-box
	}
	
	#about-videos #videos-container .owl-nav .owl-prev span, #about-videos #videos-container .owl-nav .owl-next span {
		font-size: 1.8rem;
		color: #a6673e;
		background-color: #fff;
		padding: 1rem;
		border-radius: 50%
	}
	
	#about-videos #videos-container .owl-nav .owl-next {
		right: 0
	}
	
	#about-videos #videos-container .owl-nav .owl-prev {
		left: 0
	}
	
	#about-videos #videos-container .about-video {
		height: 40rem;
		position: relative
	}
	
	#about-videos #videos-container .about-video iframe {
		height: 40rem
	}
	
	#about-videos #videos-container .about-video .video-thumb {
		height: 40rem;
		width: 100%;
		left: 0;
		top: 0;
		background-size: cover !important;
		background-position: center center;
		position: absolute;
		cursor: pointer;
		background-color: #ccc
	}
	
	#about-videos #videos-container .about-video .video-thumb:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../img/trama.png") repeat;
		display: none
	}
	
	#about-videos #videos-container .about-video .video-thumb .btn-play {
		position: absolute;
		bottom: 3rem;
		left: 50%;
		transform: translateX(-50%);
		padding: 0.75rem 2.75rem;
		width: 14.5rem;
		height: 4.2rem;
		border: 0.1rem solid #fff;
		color: #fff;
		z-index: 1;
		transition: background .4s;
		text-transform: none;
		font-size: 1.8rem;
		font-family: 'gara-bold'
	}
	
	#about-videos #videos-container .about-video .video-thumb .btn-play:hover {
		background: #fff;
		color: #000
	}
	
	#about-videos #videos-container .about-video p {
		font-size: 2rem
	}
	
	#about-videos #videos-container .about-video h1 {
		font-family: 'gara-bold';
		font-size: 2.8rem
	}
	
	#about-videos #videos-container #videos-list {
		padding: 0 0 0 1.5rem;
		height: 40rem;
		overflow-y: auto
	}
	
	#about-videos #videos-container #videos-list .about-video-item {
		border-bottom: .1rem solid #eee;
		padding: .94rem 1.5rem .94rem 0;
		margin-left: 1.5rem;
		cursor: pointer;
		transition: all .5s
	}
	
	#about-videos #videos-container #videos-list .about-video-item .video-thumb {
		height: 8rem;
		background-size: cover !important;
		background-position: center center;
		position: relative
	}
	
	#about-videos #videos-container #videos-list .about-video-item .video-thumb:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../img/trama.png") repeat;
		display: none
	}
	
	#about-videos #videos-container #videos-list .about-video-item .video-thumb .btn-play {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding: 1.4rem 2.2rem;
		border: .1rem solid #fff;
		color: #fff;
		z-index: 1;
		transition: background .4s;
		font-size: 1rem
	}
	
	#about-videos #videos-container #videos-list .about-video-item:hover .video-thumb .btn-play {
		background: #fff;
		color: #000
	}
	
	#about-videos #videos-container #videos-list .about-video-item:last-child {
		border: 0
	}
	
	#about-videos #videos-container #videos-list .about-video-item img {
		height: 8rem;
		width: 100%
	}
	
	#about-videos #videos-container #videos-list .about-video-item h2 {
		font-size: 1.8rem;
		font-family: 'gara-bold';
		text-transform: uppercase;
		margin: 0;
		padding-left: 1.5rem
	}
	
	#about-videos #videos-container #videos-list .about-video-item p {
		padding-left: 1.5rem;
		font-size: 1.6rem
	}
	
	#videos-and-cheeses-wrapper {
		position: relative
	}
	
	#videos-and-cheeses-wrapper .ralador {
		position: absolute;
		top: 47rem;
		left: -51rem
	}
	
	#videos-and-cheeses-wrapper .faca {
		position: absolute;
		top: 0;
		right: -50rem;
		transform: rotate(-8deg)
	}
	
	#videos-and-cheeses-wrapper .queijo {
		position: absolute;
		top: 45rem;
		right: -59rem
	}
	
	.special-cheese-component {
		color: #fff;
		padding: 40px 0;
		overflow: initial
	}
	
	.special-cheese-component .content .divider, .special-cheese-component .over .divider {
		width: 13rem;
		display: inline-block;
		margin-bottom: .8rem
	}
	
	.special-cheese-component .description {
		display: block;
		line-height: 2.1rem
	}
	
	.special-cheese-component .owl-carousel {
		width: 93rem;
		margin: 5rem auto 0 auto
	}
	
	.special-cheese-component .item {
		height: 30rem;
		width: 30rem;
		padding: 3.5rem;
		margin-bottom: 75px;
		position: relative;
		background-size: 100%;
		background-position: top left;
	}
	
	.special-cheese-component .owl-item:hover .item{
		background-position: bottom left;
	}
	 
	
	.special-cheese-component .item .content {
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1;
		transform: none;
	}
	
	.special-cheese-component .item .content {
		z-index: 1
	}
	
	.special-cheese-component .item .over {
		opacity: 0
	}
	
	.special-cheese-component .item .over p {
		font-size: 1.8rem;
		padding: 0 .8rem
	}
	
	.special-cheese-component .item .btn-border {
		position: absolute;
		bottom: 1rem;
		left: 50%;
		transform: translateX(-50%);
		max-width: 80%;
		min-width: 15rem;
		z-index: 1;
		color: #59311d;
		background: #fff;
		text-transform: none;
		font-family: 'gara-bold';
		font-size: 1.8rem;
		padding: .8rem
	}
	
	.special-cheese-component .item .btn-border:hover {
		background: #59311d
	}
	
	.special-cheese-component .owl-nav .owl-prev, .special-cheese-component .owl-nav .owl-next {
		position: absolute;
		top: 40%;
		transform: translateY(-50%);
		box-sizing: border-box
	}
	
	.special-cheese-component .owl-nav .icon-arrow-left-white, .special-cheese-component .owl-nav .icon-arrow-right-white {
		display: none
	}
	
	.special-cheese-component .owl-nav .owl-next {
		right: -8rem
	}
	
	.special-cheese-component .owl-nav .owl-prev {
		left: -8rem
	}
	

	.tips-and-news-component .tipItem {
		position: relative;
		display: block;
		text-decoration: none
	}
	
	.tips-and-news-component .tipHeader {
		background-size: cover;
		height: 275px;
		display: block;
		background-position: center;
	}


	.recipesComponent {
		/* background: url(../img/home-bg-receitas.jpg) center no-repeat; */
		background: url(../img/receitas-bg.jpg) center no-repeat;
		background-size: cover;
		position: relative;
		padding: 150px 0
	}
	
	.recipesComponent p {
		margin-bottom: 30px;
	}

	
	.maps-component {
		margin-top: 2rem;
		margin-bottom: 2rem;
		position: relative
	}
	
	.maps-component #form-and-title-wrapper {
		position: relative
	}
	
	.maps-component #form-and-title-wrapper:after {
		content: "";
		position: absolute;
		width: 58rem;
		height: 58rem;
		border: .1rem solid #fff;
		top: 7.5rem;
		left: 45%;
		left: calc(50% - 9rem);
		transform: translateX(-50%)
	}
	
	.maps-component .title-map {
		font-size: 5rem;
		color: #fff;
		text-transform: uppercase;
		font-family: 'gara-bold'
	}
	
	.maps-component #search-form {
		padding: 2rem 0 2rem;
		position: relative;
		z-index: 1
	}
	
	.maps-component #search-form input, .maps-component #search-form select {
		width: 25rem;
		height: 4rem;
		padding: 0 1rem;
		font-size: 1.8rem;
		margin: .8rem .5rem;
		vertical-align: middle;
		transition: opacity .4s;
		margin: 1.5rem;
		outline: 0
	}
	
	.maps-component #search-form input[disabled="disabled"], .maps-component #search-form select[disabled="disabled"] {
		opacity: .7;
		cursor: not-allowed
	}
	
	.maps-component #search-form input {
		outline: none;
		border: none
	}
	
	.maps-component #search-form .select-box {
		height: 4rem;
		vertical-align: middle
	}
	
	.maps-component #search-form .select-box .select-atual {
		border-bottom: 0.1rem solid #59311d
	}
	
	.maps-component #search-form .btn-border {
		padding: 0 1rem;
		height: 4rem;
		width: 15rem;
		max-width: auto;
		margin: .8rem .5rem;
		vertical-align: middle;
		font-family: 'gara-bold';
		text-transform: none;
		font-size: 1.8rem
	}
	
	.maps-component #map-warning {
		position: absolute;
		bottom: 15rem;
		width: 90%;
		left: 5%;
		height: auto;
		background: #fff;
		z-index: 1;
		border-top: 1rem solid #0058a1;
		color: #0058a1;
		padding: 3rem;
		box-shadow: 0.4rem 0.4rem 0.8rem rgba(0,0,0,0.5);
		display: none
	}
	
	.maps-component #map-warning h1 {
		font-size: 4rem;
		margin: 0
	}
	
	.maps-component .angular-google-map-container {
		height: 45rem
	}
	
	.maps-component .gm-style .gm-style-iw {
		overflow: initial
	}
	
	.maps-component .mapWindowBorder {
		content: "";
		position: absolute;
		top: -.6rem;
		transform: translate(-0.5rem, -0.5rem);
		left: -1rem;
		width: 26.3rem;
		border-top: 0.6rem solid #0058a1;
		z-index: 1000
	}
	
	.maps-component #map-window-info {
		position: absolute;
		bottom: -3rem;
		left: 50%;
		transform: translateX(-50%);
		width: 25rem;
		background: #fff;
		padding: 1rem;
		border-top: 0.6rem solid #0058a1;
		z-index: 100000;
		cursor: default
	}
	
	.maps-component #map-window-info #info-window-close {
		font-size: 2rem;
		position: absolute;
		top: .3rem;
		cursor: pointer;
		right: 1rem
	}
	
	.maps-component #map-window-info:after {
		content: "";
		position: absolute;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
		border-top: 10px solid #fff;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0
	}
	
	.maps-component #map-window-info h1 {
		font-size: 1.7rem;
		margin: 1rem 0 1rem;
		color: #0058a1;
		font-family: 'gara-bold'
	}
	
	.maps-component #map-window-info p {
		font-size: 1.7rem;
		margin: 0;
		font-family: 'gara-regular'
	}
	
	.maps-component .mapWindow {
		width: 21rem
	}
	
	.maps-component .mapWindow h1 {
		font-size: 1.7rem;
		margin: 1rem 0 1rem;
		color: #0058a1;
		font-family: 'gara-bold'
	}
	
	.maps-component .mapWindow p {
		font-size: 1.7rem;
		margin: 0;
		font-family: 'gara-regular'
	}
	
	@media (max-width: 835px) {
		.maps-component #form-and-title-wrapper:after {
			display: none
		}
		
		.maps-component #form-and-title-wrapper {
			margin: 0 2.5rem;
			padding: 2.5rem 0 1rem;
			border: .2rem solid #fff;
			border-bottom: 0
		}
		
		.maps-component #border-after {
			height: 7rem;
			margin: 0 2.5rem 3rem;
			border: .2rem solid #fff;
			display: block;
			border-top: 0
		}
		
		.maps-component #search-form input, .maps-component #search-form select, .maps-component #search-form .select-box {
			width: 90%;
			margin: .8rem 0
		}
		
		.maps-component #search-form .btn-border {
			max-width: 70%;
			margin-top: 2rem
		}
		
		.maps-component #map-warning {
			height: auto;
			padding: 1.5rem;
			bottom: 20rem
		}
		
		.maps-component #map-warning h1 {
			font-size: 2rem;
			margin: 0
		}
		
		.maps-component .title-map {
			font-size: 3rem
		}
	}@media (max-width: 767px) {
		.special-cheese-component {
			padding: 2.5rem 0 1.25rem;
		}
		
		.special-cheese-component h1 {
			font-size: 3rem
		}
		
		.special-cheese-component .faixa-azul-title {
			font-size: 8.3rem;
			margin-top: -5.2rem
		}
		
		.special-cheese-component img {
			max-width: 80%
		}
		
		.special-cheese-component .owl-carousel {
			width: 30rem;
			max-width: 30rem;
			margin: 2.5rem auto
		}
		
		.special-cheese-component .owl-carousel .item .cheese-title {
			font-size: 3rem
		}
		
		.special-cheese-component .owl-carousel .item .over {
			display: none
		}
		
		.special-cheese-component .owl-carousel .item:hover .content .title {
			opacity: 1
		}
		
		.special-cheese-component .owl-carousel .item:hover .over {
			opacity: 0
		}
		
		.special-cheese-component .owl-nav .owl-prev, .special-cheese-component .owl-nav .owl-next {
			box-sizing: border-box
		}
		
		.special-cheese-component .owl-nav .owl-prev .icon-arrow-left-white, .special-cheese-component .owl-nav .owl-prev .icon-arrow-right-white, .special-cheese-component .owl-nav .owl-next .icon-arrow-left-white, .special-cheese-component .owl-nav .owl-next .icon-arrow-right-white {
			display: block
		}
		
		.special-cheese-component .owl-nav .owl-prev .icon-arrow-left, .special-cheese-component .owl-nav .owl-prev .icon-arrow-right, .special-cheese-component .owl-nav .owl-next .icon-arrow-left, .special-cheese-component .owl-nav .owl-next .icon-arrow-right {
			display: none
		}
		
		.tips-and-news-component {
			padding: 0 0 3rem
		}
		
		.tips-and-news-component h1 {
			font-size: 3rem;
			margin-bottom: 1rem;
			padding: 0 1.5rem;
			line-height: 2.5rem
		}
		
		.tips-and-news-component h1 .letter-e {
			font-size: 3.8rem
		}
		
		.tips-and-news-component h1 .word-tip {
			font-size: 3rem;
			display: block
		}
		
	
		
	}@media (max-width: 1065px) {
		.special-cheese-component .owl-carousel {
			width: 61.5rem
		}
	}@media (max-width: 1010px) {
		.maps-component #form-and-title-wrapper:after {
			left: 50%
		}
	}@media (min-width: 768px) and (max-width: 991px) {
		.special-cheese-component .owl-carousel {
			width: 61.5rem
		}
		
		.special-cheese-component .owl-nav .owl-next {
			right: -6.5rem
		}
		
		.special-cheese-component .owl-nav .owl-prev {
			left: -6.5rem
		}
		
		.recipesComponent .recipes-right h1 {
			font-size: 3.7rem
		}
		
		.recipesComponent .recipes-right .faixa-azul-title {
			font-size: 9rem;
			margin-top: -5rem
		}
		
	}@media (min-width: 1065px) {
		.special-cheese-component .owl-carousel {
			width: 93rem
		}
		
		.special-cheese-component .owl-nav .owl-next {
			right: -5.5rem
		}
		
		.special-cheese-component .owl-nav .owl-prev {
			left: -5.5rem
		}
	}@media (max-width: 425px) {
		.special-cheese-component .owl-carousel {
			width: 28rem
		}
		
		.special-cheese-component .owl-carousel .item {
			width: 28rem;
			height: 28rem
		}
	}@media (max-width: 385px) {
		.special-cheese-component .owl-carousel {
			width: 25rem;
			max-width: 25rem
		}
		
		.special-cheese-component .owl-carousel .item {
			width: 25rem;
			height: 25rem
		}
		
		.special-cheese-component .owl-nav .owl-prev, .special-cheese-component .owl-nav .owl-next {
			box-sizing: border-box
		}
		
		.special-cheese-component .owl-nav .owl-next {
			right: -3.5rem
		}
		
		.special-cheese-component .owl-nav .owl-prev {
			left: -3.5rem
		}
	}@media (min-width: 768px) {
		.recipesComponent .recipes-left {
			width: calc(((100vw - 750px)/2) + ((6/12) * 770px))
		}
		
		.recipesComponent .recipes-left:after {
			left: calc(4rem + (100vw - 750px)/2)
		}
	}@media (min-width: 992px) {
		.recipesComponent .recipes-left {
			width: calc(((100vw - 970px)/2) + ((7/12) * 980px))
		}
		
		.recipesComponent .recipes-left:after {
			left: calc(4rem + (100vw - 970px)/2)
		}
	}@media (min-width: 1200px) {
		.recipesComponent .recipes-left {
			width: calc(((100vw - 1170px)/2) + ((7/12) * 1180px))
		}
		
		.recipesComponent .recipes-left:after {
			left: calc(4rem + (100vw - 1170px)/2)
		}
	}