@charset "ISO-8859-1";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700;800&display=swap');

::-webkit-scrollbar {
	display: none;
	width: 0px;
	height: 0px;
	background: transparent; /* make scrollbar transparent */
}

body {
	background:#FFF;
	color: #102539;
	cursor: default;
	font:100%;
	font-family:'Montserrat';
	font-weight: 400;
	margin:0;
	transition: 0.5s;
	-webkit-font-smoothing: antialiased;
}

a {
	color: #211EE7;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #211EE7;
}

a:hover {
	color: #999;
}

img {
	display:inline-block;
	max-width: 100%;
	height: auto;
}

.clear {
	clear:both;
}

.dnone {
	display: none;
}

.nohover {
    pointer-events: none;
}

.area_total {
	background: #FFF;
	width:100%;
}

/* HEADER - BEGIN */

.area_header {
	display: inline-table;
	position: absolute;
	vertical-align: middle;
	width: 100%;
	z-index: 100;
}

.header_left {
	cursor: pointer;
	margin: 10px;
	width: 7%;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

/* HEADER - END */

/* BODY - BEGIN */

.body_explore, .area_default {
	background: url("../imgs/bga.png") no-repeat bottom center, linear-gradient(to bottom, #370b6f, #00429b, #006dba, #0095ce, #2dbcdc);
	background-size: contain;
	width: 100%;
	text-align: center;
	transition: 0.5s;
	z-index: 2;
}

.body_explore {
	background: none;
	background-size: contain;
	width: 100%;
	text-align: center;
	transition: 0.5s;
}

.explore_title {
	color: #FFF;
	font-size: 5vw;
	font-weight: bold;
	padding: 8% 0 0 0;
	text-align: center;
	transition: 0.5s;
}

.explore_subtitle {
	color: #FFF;
	font-size: 2vw;
	font-weight: normal;
	text-align: center;
	transition: 0.5s;
}

.explore_subtitlet {
	color: #FFF;
	font-size: 1.5vw;
	font-weight: normal;
	padding: 0 0 20% 0;
	text-align: center;
	transition: 0.5s;
}

.explore_bar {
	border-top: solid 8px #F1C917;
	display: inline-block;
	margin: 10px 0 5% 0;
	width: 35%;
	transition: 0.5s;
}

.explore_icons {
	margin: 0;
}

.icons_area {
	background: #F5F5F5;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	margin: 20px;
	padding: 50px 15px 70px 15px;
	vertical-align: middle;
	width: 220px;
	height: auto;
	transition: 0.5s;
}

.icons_area:hover {
	box-shadow: 1px 1px 8px -5px rgba(0,0,0, 0.9);
	transform: scale(1.05);
}

.icons_clear {
	display: none;
}

.icons_title {
	color: #43597F;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 40px 0;
}

.box_icon {
	border-radius: 15px;
	cursor: pointer;
	display: inline-block;
	padding: 22px 51px 45px 18px;
	transition: .3s;
	max-width: 100px;
}

.box_icon:hover {
	transform: rotate(10deg);
}

.box_icon:hover:nth-child(2n) {
	transform: rotate(-10deg);
}

.linear {
	font-size: 55px;
	background: #FFE52A;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 49px 0 0 37px;
	transition: 0.3s;
}

.linear:hover {
	font-size: 65px;
}

.box-triangle {
	margin: 0;
	padding: 0;
	transform: rotate(-10deg);
	width: 120px;
	height: 120px;
	fill: cornflowerblue;
}

/* FOOTER - BEGIN */

.area_footer {
	background: url("../imgs/bgf.png") no-repeat top center, linear-gradient(to top, #370b6f, #00429b, #006dba, #0095ce, #2dbcdc);
	background-size: contain;
	color: #FFF;
	display: inline-block;
	padding: 150px 0 50px 0;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.footer_right {
	float: right;
	margin: 0 30px 0 0;
	width: 200px;
}

.footer_left {
	float: right;
}

.left_b {
	display: inline-block;
	margin: 60px 50px 0 30vw;
	text-align: right;
	vertical-align: middle;
	width: 400px;
}

.b_text {
	display: inline-block;
	font-size: 15px;
	font-weight: 500;
	vertical-align: top;
}

.b_clear {
	display: block;
}

.b_clears {
	display: none;
}

.footer_center {
	clear: both;
	text-align: left;
}

.center_text {
	margin: 30px 0 0 0;
	padding: 0 30px;
}

/* FOOTER - END */

@media screen and (max-width: 1175px) {

	.icons_clear {
		display: block;
	}
}
	

@media screen and (max-width: 980px) {
	
	.explore_title {
		font-size: 6.5vw;
		padding: 10% 0 0 0;
	}

	.explore_subtitle {
		font-size: 2.5vw;
	}

	.explore_subtitlet {
		font-size: 2vw;
	}
}

@media screen and (max-width: 935px) {

	.footer_left {
		display: inline-block;
		vertical-align: middle;
		float: none;
		margin: 0 0 0 0;
		text-align: center;
	}
	
	.footer_right {
		display: inline-block;
		vertical-align: middle;
		float: none;
		margin: 0 0 0 0;
		text-align: center;
	}

	.footer_center {
		margin: 30px 0 0 0;
		text-align: center;
	}

	.left_b {
		margin: 0 0 0 50px;
		text-align: left;
	}
}

@media screen and (max-width: 655px) {

	.header_left {
		width: 12%;
	}

	.explore_title {
		font-size: 8vw;
		padding: 18% 0 0 0;
	}

	.explore_subtitle {
		font-size: 3.5vw;
	}

	.explore_subtitlet {
		font-size: 2.5vw;
		padding: 0 0 25% 0;
	}

	.footer_right {
		margin: 0 0 50px 0;
	}

	.registration {
		display: none;
	}
}

@media screen and (max-width: 590px) {
	.right_b {
		margin: 0;
		text-align: center;
		width: 100%;
	}

	.left_b {
		margin: 0 0 30px 0;
		text-align: center;
	}
}

.cp_full { width: 96%; height: calc(96% - 60px); }

.cp_large { width: 76%; height: calc(86% - 60px); }

.cp_middle { width: 56%; height: calc(80% - 60px); }

.cp_small { width: 26%; height: calc(70% - 60px); }

.cp_total { -webkit-overflow-scrolling:touch; background:url("../imgs/bg_alpha.png"); position: fixed; width: 100%; height: 100%; text-align: center; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear; z-index:110; }

.cp_total:before { content: ''; display: inline-block; height: calc(100% - 40px); vertical-align: middle; visibility: visible; }

.cp_titulo { background: #FFF; border-radius: 8px; color: royalblue; font-weight: bold; margin: 0; padding: 5px 10px 5px 15px; position: absolute; width: calc(100% - 25px); text-align: center; z-index: 10000; }

.cp_titulol { width: calc(100% - 20px); float: left; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.cp_titulor { width: 20px; float: left; }

.cp_areas { margin: 0; vertical-align: middle; z-index: 999; visibility: hidden; opacity: 0; transition: visibility 0.3s, opacity 0.3s linear; position: relative; }

.cp_area { background-color: #FFF; border: solid 20px #FFF; border-radius: 10px; display: inline-block; vertical-align: middle; width: calc(100% - 40px); height: calc(100%); overflow: auto; -ms-overflow-style: none; scrollbar-width: none; position: relative; }

.cp_area::-webkit-scrollbar { display: none; }

.cp_fechar { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url(../imgs/close.png) center no-repeat; background-size:contain; border: none; margin: 5px 0 0 10px; width:16px; height:16px; cursor:pointer; float:right; transition: .2s; }

.cp_fechar:hover { transform: scale(1.15,1.15); }

@media screen and (max-width: 1280px) { .cp_small { width: 30%; } }

@media screen and (max-width: 1068px) { .cp_large { width: 96%; height: calc(100% - 60px); } .cp_middle { width: 76%; height: calc(86% - 60px); } }

@media screen and (max-width: 1030px) { .cp_small { width: 36%; } }

@media screen and (max-width: 940px) { .cp_small { width: 40%; } }

@media screen and (max-width: 810px) { .cp_small { width: 46%; } .box_left, .box_right { margin: 0; width: 100%; } }

@media screen and (max-width: 768px) { .cp_middle { width: 96%; height: calc(100% - 60px); } }

@media screen and (max-width: 720px) { .cp_small { width: 50%; } }

@media screen and (max-width: 640px) { .cp_small { width: 60%; } }

@media screen and (max-width: 540px) { .cp_small { width: 84%; height: calc(100% - 160px); } .bt_cp { width: 100%; margin: 0 0 20px 0; } }