@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Jura&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&display=swap');

#btn-parallax {
	height: 390px !important;
}

.btn-container {
	margin-top: 40px;
}

.btn-div1 h1 {
	font-family: 'Jura', sans-serif;
	font-size: 34px;
	line-height: normal;
	letter-spacing: normal;
	color: #fff;
}

.btn-div1 h1 > span {
	color: #003f6c;
	font-weight: 900;
}

#btn-col2 {
	position: relative;
    top: 38px;
}

.btn-div2 p {
	font-size: 20px;
    text-transform: uppercase;
	color: #fff;
	float: right;
}

.btn-div2 p > span {
	color: #003f6c;
}


/*#################################################################*/
#btn-col3 {
	position: relative;
    top: 98px;
}

#btn-col3 > nav {
    text-align:center;
    border-radius: 15px;
    background: #0e0a0a !important;
    height: 48px;
}

#btn-col3 > nav > ul {
    list-style:none;
    padding:0;
    margin:0;
    display:inline-block;
    background:#ddd;
    border-radius: 15px;
    width: 100%;
    height: 48px;
}

#btn-col3 > nav > ul > li.active {
	color: #fff;
	background: #003f6c;
	border-radius: 15px 0 0 15px;
	height: 48px;
}

#btn-col3 > nav > ul > li.active > a {
	color: #fff;
}

#btn-col3 > nav > ul > li.active > a:hover {
	color: #fff;
}

#btn-col3 > nav > ul > li {
    float:left;
    width:20%; /*150px*/
    height:48px;
    line-height:51px;
    position:relative;
    text-transform:uppercase;
    font-size:14px;
    color:rgba(0,0,0,0.7);
    cursor:pointer;
    background: transparent url(../img/shiny1button_bg.png) center center repeat-x;
    border-radius: 0 15px 15px 0;
}

#btn-col3 > nav > ul > li > a {
	color:rgba(0,0,0,0.7);
	font-size:14px;
}

#btn-col3 > nav > ul > li > a:hover {
    color: #003f6c;
    background: transparent;
}

/*################################# CARROSSEL #######################################*/
#sect-car-certificado {
	margin-top: 40px;
}

#carrossel-certificado {
	height: 495px !important;
	border: 3px solid rgba(255, 255, 255, 1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	background: rgba(255, 255, 255, 1);
	margin-top: 40px;
}

#carrossel-certificado > a.carousel-item.active > img {
	width: 100%;
}

#carrossel-certificado span {
 	position: relative;
}

#carrossel-certificado >  span > i {
	font-size: 100px;
	cursor: pointer;
	color: transparent;
}

#carrossel-certificado >  span > i:hover {
	color: #c5c5c5;
	transition: 1s;
	filter: drop-shadow(2px 4px 6px black);
}

.prev {
	float: left;
}

.next {
	float: right;
}

.prev, .next {
	position: relative;
    top: 190px;
}

#carrossel-certificado > span.text-carrossel {
	position: absolute;
    color: #000;
    z-index: 9999;
    right: 10px;
	text-align: left;
}
    
#carrossel-certificado > span.text-carrossel p {
	margin: 3px;
	font: normal normal normal 16px/1.4em 'Open Sans',sans-serif;
	color: #292929;
}

#carrossel-certificado > span.text-carrossel h4 {
	font: normal normal bold 40px/1.4em 'Open Sans',sans-serif;
	text-transform: uppercase;
	line-height: normal;
    letter-spacing: normal;
}

#carrossel-certificado > span.text-carrossel > a {
	background: #003f6c;
	text-transform: uppercase;
	border-radius: 5px;
	margin: 7px 65px;
}

/*################################# CARD #########################################*/
.card {
	border-radius: 5px;
}

.card-content {
	border: 0px solid rgba(51, 51, 51, 1);
    background-color: rgba(51, 51, 51, 1);
    border-radius: 5px 5px 5px 5px !important;
    color: #fff;
    padding: 10px !important;
    height: 180px;
}

.h-1 {
	font: normal normal bold 18px/1.4em 'Open Sans',sans-serif;
    line-height: normal;
    letter-spacing: normal;
    color: #D30294;
}

.h-2 {
	font: normal normal bold 18px/1.4em 'Open Sans',sans-serif;
    line-height: normal;
    letter-spacing: normal;
	color: #009DFF;
}

.card-content p {
	font: normal normal normal 12px/1.4em 'Open Sans',sans-serif;
    line-height: normal;
    letter-spacing: normal;
	color: #fff;
}	


/*################################# RODAPE DO CARD #########################################*/
#col-card-ul {
    border-top: 1px solid rgba(102, 102, 102, 0.55);
    border-bottom: 1px solid rgba(102, 102, 102, 0.55);
}

.sec-rod ul {
	display: inline-flex;
	width: 100%;
}

.sec-rod ul > li {
	color: #666666;
	font: normal normal normal 12px/1.4em 'Open Sans',sans-serif;
	line-height: 24px;
	width: 20%;
	height: 22px;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}

.sec-rod ul > li > a {
	color: #666666;
	font: normal normal normal 12px/1.4em 'Open Sans',sans-serif;
	line-height: 24px;
}

.sec-rod ul > li.active > a {
	color: #d4459a;
}

.sec-rod ul > li > a:hover {
	color: #d4459a;
}


/*################################# QUERIES #########################################*/
@media screen and (max-width: 1182px) {
	#carrossel-certificado {
		height: 490px !important;
	}
}

@media screen and (max-width: 1164px) {
	#carrossel-certificado {
		height: 484px !important;
	}
}

@media screen and (max-width: 1145px) {
	#carrossel-certificado {
		height: 475px !important;
	}
}

@media screen and (max-width: 1124px) {
	#carrossel-certificado {
		height: 465px !important;
	}
}

@media screen and (max-width: 1092px) {
	#carrossel-certificado {
		height: 453px !important;
	}
}

@media screen and (max-width: 1080px) {
	#carrossel-certificado {
		height: 447px !important;
	}
}

@media screen and (max-width: 1048px) {
	#carrossel-certificado {
		height: 435px !important;
	}
}

@media screen and (max-width: 1024px) {
	#carrossel-certificado {
		height: 425px !important;
	}
}

@media screen and (max-width: 1000px) {
	#carrossel-certificado {
		height: 414px !important;
	}
}

@media screen and (max-width: 992px) {
	.prev, .next {
		top: 200px;
	}
}

@media screen and (max-width: 850px) {
	.card-content {
		height: 190px;
	}
}

@media screen and (max-width: 843px) {
	.card-content {
		height:212px;
	}
}

@media screen and (max-width: 800px) {
	#carrossel-certificado {
		height: 402px !important;
	}
}

@media screen and (max-width: 782px) {
	#carrossel-certificado {
		height: 394px !important;
	}
}

@media screen and (max-width: 775px) {
	.card-content {
		height: 230px;
	}
}

@media screen and (max-width: 767px) {
	.prev, .next {
		top: 150px;
	}

	#carrossel-certificado {
		height: 384px !important;
	}

	#carrossel-certificado > span > i {
		font-size: 65px;
	}

	body > main > div.section.white > div > div:nth-child(2) > div > div.card-content > h6.h-1 {
		font: normal normal bold 17px/1.4em 'Open Sans',sans-serif;
	}

	#carrossel-certificado > span.text-carrossel h4 {
		font-size: 35px;
	}

	#carrossel-certificado > span.text-carrossel p {
		font-size: 15px;
	}
}

@media screen and (max-width: 742px) {
	#carrossel-certificado {
		height: 372px !important;
	}
}

@media screen and (max-width: 720px) {
	#carrossel-certificado {
		height: 361px !important;
	}
}

@media screen and (max-width: 690px) {
	#carrossel-certificado {
		height: 345px !important;
	}
}

@media screen and (max-width: 686px) {
	#btn-col3 {
		top: 63px;
	}
}

@media screen and (max-width: 680px) {
	.prev, .next {
		top: 132px;
	}

	#carrossel-certificado {
		height: 340px !important;
	}
}

@media screen and (max-width: 640px) {
	#carrossel-certificado {
		height: 319px !important;
	}
}

@media screen and (max-width: 620px) {
	.h-1 {
		font: normal normal bold 15px/1.4em 'Open Sans',sans-serif !important;
	}

	.card-content {
    	height: 235px;
	}
}

@media screen and (max-width: 614px) {
	#carrossel-certificado {
		height: 307px !important;
	}

	.card-content {
    	height: 250px;
	}
}

@media screen and (max-width: 600px) {
	#btn-col2 {
		top: 0;
	}

	.btn-div2 p {
		float: left;
	}

	.prev, .next {
		top: 125px;
	}

	.card-content {
		height: 235px;
	}

	.h-1 {
		font: normal normal bold 18px/2.4em 'Open Sans',sans-serif !important;
	}

	.h-2 {
		margin-bottom: 30px;
	}

	.card-content p {
		font: normal normal normal 14px/1.4em 'Open Sans',sans-serif;
	}

	#carrossel-certificado > span.text-carrossel {
		right: 0;
	}

	#carrossel-certificado > span.text-carrossel h4 {
		font-size: 30px;
	}

	#carrossel-certificado > span.text-carrossel p {
		font-size: 14px;
	}

	#carrossel-certificado > span.text-carrossel > a {
		margin: 7px 54px;
		font-size: 12px;
	}

	#col-card-ul > ul > li.active {
		width: 15%;
	}

	#col-card-ul > ul {
		margin-left: 7px;
	}

	#btn-col3 {
		top: 38px;
	}
}

@media screen and (max-width: 560px) {
	#carrossel-certificado {
		height: 297px !important;
	}
}

@media screen and (max-width: 545px) {
	#carrossel-certificado {
		height: 289px !important;
	}
}

@media screen and (max-width: 524px) {
	#carrossel-certificado {
		height: 276px !important;
	}
}

@media screen and (max-width: 510px) {
	#carrossel-certificado {
		height: 269px !important;
	}
}


@media screen and (max-width: 500px) {
	.btn-container {
		margin-top: 8px;
	}

	#btn-parallax {
		height: 310px !important;
	}

	#btn-col3 {
		top: 8px;
	}

	#btn-col3 > nav > ul {
		width: 100%;
	}

	#btn-col3 > nav > ul > li {
		width: 20%;
		height: 50px;
		line-height: 64px;
		font-size: 13px;
	}

	#btn-col3 > nav > ul > li > a {
		line-height: 50px;
		font-size: 13px;
		padding: 0;
	} 

	#btn-col3 > nav > ul > li.active {
		border-radius: 10px 0 0 10px;
	}

	#btn-col3 > nav > ul > li > span {
		position: relative;
    	top: -7px;
	}

	.prev, .next {
		top: 98px;
	}

	#carrossel-certificado > span > i {
		font-size: 58px;
	}

	#carrossel-certificado {
		height: 262px !important;
	}

	.card-content {
    	height: 200px;
	}

	.h-1 {
		font: normal normal bold 18px/1.4em 'Open Sans',sans-serif !important;
	}

	.h-2 {
    	margin-bottom: 15px;
	}

	#carrossel-certificado > span.text-carrossel h4 {
		font-size: 25px;
	}

	#carrossel-certificado > span.text-carrossel p {
		font-size: 12px;
	}

	#carrossel-certificado > span.text-carrossel > a {
		margin: 7px 52px;
		padding: 0 1rem;
	}
}

@media screen and (max-width: 460px) {
	#carrossel-certificado {
		height: 250px !important;
	}
}

@media screen and (max-width: 434px) {
	#carrossel-certificado {
		height: 237px !important;
	}
}

@media screen and (max-width: 418px) {
	#carrossel-certificado {
		height: 228px !important;
	}

	#btn-col3 > nav > ul > li:nth-child(3) > a > span {
		position: relative;
    	left: -4px;
	}
}

@media screen and (max-width: 414px) {
	.prev, .next {
		top: 84px;
	}

	#carrossel-certificado > span > i {
		font-size: 45px !important;
	}

	#carrossel-certificado {
		height: 226px !important;
	}

	#carrossel-certificado > span.text-carrossel h4 {
		font-size: 22px;
	}

	#carrossel-certificado > span.text-carrossel p {
		font-size: 10px;
	}

	#carrossel-certificado > span.text-carrossel > a {
		margin: 7px 25px;
	}

	#col-card-ul > ul {
    	margin-left: 17px;
	}

	#col-card-ul > ul > li:nth-child(3) > a > span {
		position: relative;
		left: -4px;
	}

	#btn-col3 > nav > ul > li > a {
		font-size: 12px;
	}

	#col-card-ul > ul > li.active {
		width: 9%;
	}
}

@media screen and (max-width: 400px) {
	#carrossel-certificado {
		height: 218px !important;
	}

	#btn-col3 > nav > ul > li:nth-child(3) > a > span {
    	left: -5px;
	}
	
	#btn-col3 > nav > ul > li > a {
		font-size: 12px;
	}
}

@media screen and (max-width: 395px) {
	.prev, .next {
		top: 80px;
	}

	#carrossel-certificado {
		height: 215px !important;
	}

	#col-card-ul > ul {
    	margin-left: 6px;
	}

	#col-card-ul > ul > li.active {
    	width: 10%;
	}

	.sec-rod ul > li {
		width: 22%;
	}

	.btn-div1 h1 {
		font-size: 32px;
	}

	.btn-div2 p {
		font-size: 18px;
	}
}

@media screen and (max-width: 380px) {
	.prev, .next {
		top: 78px;
	}

	#carrossel-certificado {
		height: 208px !important;
	}

	#col-card-ul > ul {
    	margin-left: 4px;
	}
}

@media screen and (max-width: 360px) {
	.prev, .next {
		top: 72px;
	}

	#carrossel-certificado > span > i {
    	font-size: 42px !important;
	}

	#carrossel-certificado {
		height: 197px !important;
	}

	#btn-col3 > nav > ul > li > a {
		font-size: 11px;
	}

	.sec-rod ul > li > a {
		font-size: 11px;
	}
}

@media screen and (max-width: 346px) {
	.sec-rod ul > li {
		font-size: 11px;
	}
}

@media screen and (max-width: 345px) {
	#carrossel-certificado {
		height: 188px !important;
	}

	#col-card-ul > ul {
    	margin-left: 0;
	}
}

@media screen and (max-width: 332px) {
	#btn-col3{
		top: -10px;
	}
}

@media screen and (max-width: 328px) {
	#carrossel-certificado {
		height: 180px !important;
	}
}

@media screen and (max-width: 320px) {
	.prev, .next {
		top: 65px;
	}

	#carrossel-certificado {
		height: 175px !important;
	}

	#btn-col3 > nav > ul > li > a {
		font-size: 10px;
	}

	.sec-rod ul > li > a {
    	font-size: 10px;
	}
}