.internal-seta-area .container-fluid {
	max-width: 1268px;
}

/* .section-area .buttons-nav-area {
	position: fixed;
	top: 50%;;
	margin-top: -20px;
	z-index: 10;
} */

.section-area .buttons-nav .text {
	color: #00205b;
	text-transform: uppercase;
}

.section-area .buttons-nav:hover .text {
	color: #7a451d;
}
/* 
.section-area .buttons-nav.anterior {
	position: fixed;
}

.section-area .buttons-nav.proximo {
	position: fixed;
	right: 10px
} */

/* @media only screen and (max-width: 960px) {
	.section-area .buttons-nav-area {
		position: relative;
		width: 100%;
		top: 0;
		margin-top: 0;
		overflow: hidden;
	}
	.section-area .buttons-nav.anterior {
		position: relative;
		float: left;
	}
	
	.section-area .buttons-nav.proximo {
		position: relative;
		float: right;
		right: 10px
	}
} */


.button {
	display: block;
	position: relative;
	width: 56px;
	height: 56px;
	margin: 0;
	overflow: hidden;
	outline: none;
	background-color: transparent;
	border: 0;
}

.button:before,
.button:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	inset: 7px;
	}

.button:before {
	border: 4px solid #00205b;
	transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 80ms, transform .5s cubic-bezier(.455, .03, .515, .955) 80ms;
}

.button:after {
	border: 4px solid #7a451d;
	transform: scale(1.3);
	transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.25, .46, .45, .94);
	opacity: 0;
}

.anterior:hover .button:before,
.anterior:hover .button:before,
.proximo:hover .button:before,
.proximo:hover .button:before {
	opacity: 0;
	transform: scale(0.7);
	transition: opacity .4s cubic-bezier(.165, .84, .44, 1), transform .5s cubic-bezier(.25, .46, .45, .94);
}

.anterior:hover .button:after,
.anterior:hover .button:after,
.proximo:hover .button:after,
.proximo:hover .button:after {
	opacity: 1;
	transform: scale(1);
	transition: opacity .4s cubic-bezier(.77, 0, .175, 1) 80ms, transform .5s cubic-bezier(.455, .03, .515, .955) 80ms;
	border: 4px solid #7a451d;
}

.button-box {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
}

.proximo .button-box {
	display: flex;
	position: absolute;
	top: 0;
	left: -56px;
}

.button-elem {
	display: block;
	width: 20px;
	height: 20px;
	margin: 17px 18px 0 18px;
	transform: rotate(180deg);
	fill: #00205b;
}

.proximo .button-elem {
	display: block;
	width: 20px;
	height: 20px;
	margin: 17px 18px 0 18px;
	transform: rotate(0deg);
	fill: #00205b;
}

.anterior:hover .button-box,
.anterior:hover .button-box {
	transition: .4s;
	transform: translateX(-56px);
}
.proximo:hover .button-box,
.proximo:hover .button-box {
	transition: .4s;
	transform: translateX(56px);
}
  





/**
 * Indicadores do carousel
 */
.carousel-indicators {
	position: unset;
	right: unset;
	bottom: unset;
	left: unset;
	margin-right: unset;
	margin-left: unset;
	justify-content: left;
}
.carousel-indicators [data-bs-target] {
	width: 20%;
	margin-left: 15px;
	margin-right: 0px;
}
.carousel-indicators [data-bs-target]:first-child {
	margin-left: 0px;
}

.carousel-indicators img {
	
}


/**
 * Bloco lateral
 */
.nome h2 {
	color: #00205b;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 2.2rem;
}

.valor {
	background: #00205b;
	color: #fff;
	font-weight: 800;
	font-size: 1.4rem;
	padding: 13px 13px;
}

.detalhes-area .titulo {
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin: 30px 10px 20px;
}

.detalhes-area .detalhes {
	padding: 0 10px;
	text-align: justify;
}

.btn-comprar {
	display: block;
	margin-top: 40px;
}

.aviso {
	font-size: 0.75rem;
	text-align: center;
	margin-top: 10px;
}

/**
 * Player
 */
 .player-area {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	/* margin-top: 120px;; */
}

.player-area iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/**
 * Mais conteudos
 */
.mais-conteudo {
	border-bottom: 1px #7a451d solid;
	padding-bottom: 70px;
	line-height: 1.5rem;
	margin-bottom: 100px;
}
.mais-detalhes .titulo {
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 10px;
}

/*
	Genalogia
	========================================================================== */
.genealogia-area {
	border-top: 1px #7a451d solid;
	padding-top: 70px;
	border-bottom: 1px #7a451d solid;
	margin-bottom: 70px;
}
.genealogia-area h4 {
	color: #00205b;
	font-weight: 800;
	font-size: 2.2rem;
	text-transform: uppercase;
}
.genealogia-area .container {
	width: 100%;
	overflow-x: scroll;
}
.genealogia-area .genealogia {
	min-width: 1240px;
}

.genealogia .animal {
	text-align: center;
	color: #00205b;
	border: 1px solid #00205b;
	margin-right: 20px;
}

.genealogia .azul {
	text-align: center;
	color: #00205b;
	border: 1px solid #00205b;
	margin-right: 20px;
}

.genealogia .laranja {
	text-align: center;
	color: #7a451d;
	border: 1px solid #7a451d;
	margin-right: 20px;
}

.genealogia .box-animal {
	max-width: 300px;
	display: block;
	font-weight: 700;
}

.with-line {
	position: relative;
}
.with-line:before {
	content: '';
	display: block;
	background-color: #c7c7c7;
	position: absolute;
}

.vovo1.with-line::before {
	width: 34px;
	height: 1px;
	top: 21px;
	left: -42px;
}



.animal.with-line::before {
	width: 34px;
	height: 1px;
	top: 21px;
	left: 306px;
}

.vovoh1.with-line::before,
.bisavo1.with-line::before,
.bisavoh2.with-line::before {
	width: 34px;
	height: 1px;
	top: 21px;
	left: -42px;
}

.animal-avos.with-line::before {
	width: 1px;
	height: 91px;
	top: -24px;
	left: -225px;
}

.bisavoh1.with-line::before,
.bisavo2.with-line::before {
	width: 68px;
	height: 1px;
	top: 21px;
	left: -75px;
}

.bisavoh1.with-line::after,
.bisavoh2.with-line::after {
	content: '';
	display: block;
	background-color: #c7c7c7;
	position: absolute;
	width: 1px;
	height: 67px;
	top: -45px;
	left: -43px;
}

.bisavo1 {
	top: 50px;
}

.bisavoh2 {
	top: -50px;
}

.vovo1,
.bisavoh1 {
	top: 25px;
}

.bisavo2,
.vovoh1 {
	top: -25px;
	}