@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 {
	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: 10%;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

/* HEADER - END */

/* BODY - BEGIN */

.body_explore, .area_default {
	background: url("../img/bg.webp") no-repeat #F6F3F1;
	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_subtitlet {
	color: #FFF;
	font-size: 3vw;
	font-weight: normal;
	padding: 2%;
	text-align: center;
	transition: 0.5s;
}

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

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

.explore_icons {
	margin: 22vw 0 0 0;
}

.icons_area {
	background: #FFF;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	margin: 20px;
	padding: 25px;
	vertical-align: middle;
	width: 16vw;
	height: auto;
	transition: 0.5s;
}

.icons_area:hover {
	transform: scale(1.05);
}

.icons_clear {
	display: none;
}

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

.icons_text {
	color: #999;
	display: inline-block;
	font-size: 16px;
	line-height: 25px;
	margin: 0 0 50px 0;
	width: 180px;
}

.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: 60px;
	background: gold;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 34px 0 0 38px;
	transition: 0.3s;
}

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

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

/* FOOTER - BEGIN */

.area_footer {
	background: url("../img/bgf.webp") no-repeat #F6F3F1;
	background-size: cover;
	color: #FFF;
	display: inline-block;
	padding: 150px 0 50px 0;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}

.footer_left {
	display: inline-block;
	width: 200px;
	vertical-align: middle;
}

.footer_right {
	display: inline-block;
	vertical-align: middle;
}

.right_b {
	display: inline-block;
	margin: 0 30vw 0 50px;
	text-align: left;
	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 {
	margin: 30px 0 0 0;
}

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

/* FOOTER - END */

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

	.icons_area {
		width: 24vw;
	}

	.icons_clear {
		display: block;
	}
}
	

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

	.explore_subtitlet {
		font-size: 4vw;
	}

	.explore_subtitle {
		font-size: 3vw;
	}
}

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

	.footer_left {
		margin: 0 0 0 0;
	}

	.footer_center {
		margin: 30px 0 0 0;
	}

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

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

	.icons_area {
		width: 30vw;
	}
}


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

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

	.icons_area {
		width: 45vw;
	}
}

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

	.icons_area {
		width: 60vw;
	}
}

.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: 300px; height: 400px; }

.cp_total { -webkit-overflow-scrolling:touch; background:url("../img/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(../img/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: 1068px) { .cp_large { width: 96%; height: calc(100% - 60px); } .cp_middle { width: 76%; height: calc(86% - 60px); } }

@media screen and (max-width: 810px) { .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: 540px) { .bt_cp { width: 100%; margin: 0 0 20px 0; } }