/* :root {
	--main-color-azul-forte: #004977;
	--main-color-azul-claro: #99CCFF;
	--main-color-verde: #39A935;
	--main-color-verde-claro: #CCFFCC;
	--main-color-white: #ffffff;
	--main-padding: 15px;
	--main-font-14: 14px;
	--main-font-18: 18px;
	--main-font-20: 20px;
	--main-font-25: 25px;
	--main-font-30: 30px;
	--main-font-35: 35px;
	--main-font-40: 40px;
	--main-font-45: 45px;
} */

* {
	margin: 0px;
	padding: 0px;
	font-family: 'Exo', sans-serif;
}

p {
	margin-bottom: 10px;
}

/* body {
	background: url(../imgs/bg_transparente.svg),url(../imgs/bg_sombras.svg);
    background-size: 50% 50%,cover;
    width: 100%;
    height: 100vh;
    background-color: #00223f;
    background-position: center ,center;
	background-repeat: no-repeat;
	background-color: rgba(6,18,53,0,75);
    background-blend-mode: soft-light;
} */

body {
	background: url(../imgs/bg_transparente.svg);
    background-size: 50% 50%;
    width: 100%;
    height: 100vh;
    background-color: #00223f;
    background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(6,18,53,0,75);
    background-blend-mode: soft-light;
}


header {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

header .col-left {
	width: 50%;
	height: 80px;
	display: flex;
	align-items: center;
}

header .col-left .azure {
	width: 40px;
	height: 210px;
	margin-left: 20px;
	background-image: linear-gradient(to top, #0050ff, #0091ff, #00bdff, #00e1f1, #00ffc9);
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

header .col-left .azure img {
	width: 30px;
	height: 130px;
	padding-bottom: 8px;
}

header .col-right {
	width: 50%;
	height: 80px;

	display: flex;
	align-items: center;
}

header .col-right ul {
	width: 100%;
	display: flex;
	list-style-type: none;
	margin-right: 15px;
	justify-content: flex-end;
	align-items: center;
}

.header-index {
	background: none !important;
}

.header-index .logo_senai {
	width: 200px;
	position: absolute;
	right: 50px;
	top: 25px;
}

header .col-right ul li a .logo_senai {
	width: 130px;
}

header .col-right ul li a {
	margin-left: 30px;
	display: flex;
	align-items: center;
}

header .col-right ul li a .home {
	width: 40px;
	height: 40px;
	background-size: 100% 100%;
	background-image: url(../imgs/icones/icon_home_hover.svg);
	background-repeat: no-repeat;
}

header .col-right ul li a .home:hover {
	background-size: 100% 100%;
	background-image: url(../imgs/icones/icon_home.svg);
	background-repeat: no-repeat;
}

header .col-right ul li a .modulo {
	width: 40px;
	height: 40px;
	background-size: 100% 100%;
	background-image: url(../imgs/icones/icon_modulo_hover.svg);
	background-repeat: no-repeat;
}

header .col-right ul li a .modulo:hover {
	background-size: 100% 100%;
	background-image: url(../imgs/icones/icon_modulo.svg);
	background-repeat: no-repeat;
}

header .col-right ul li a .hamburgue {
	width: 40px;
	height: 40px;
	background-size: 100% 100%;
	background-image: url(../imgs/icones/icon_hamburgue_hover.svg);
	background-repeat: no-repeat;
}

header .col-right ul li a .hamburgue:hover {
	background-size: 100% 100%;
	background-image: url(../imgs/icones/icon_hamburgue.svg);
	background-repeat: no-repeat;
}

header .col-right .bt-menu-hamburgue-action {
	display: none;
}

section {
	width: 100%;
	height: 100vh;
}

.container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.index {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 100vh;
}

.index .conteudo_esquerdo {
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.index .conteudo_esquerdo .logo_azure_vertical{
	max-width: 50%;
}

.index .conteudo_center {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.index .conteudo_center a {
	background: url('../imgs/button_iniciar.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: white;
	border: 0;
	width: 150px;
	height: 40px;
	font-size: 18px;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	margin-top: 12%;
}

.index .conteudo_direito {
	width: 10%;
}

.index .conteudo_center object {
	max-width: 600px;
	max-height: 400px;
}

.container .modulo_esquerdo {
	width: 40%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0px;

}

.container .modulo_esquerdo .elemento1 {
	background: url(../imgs/elemento1.png);
	background-position: bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 65px;
	position: absolute;
	height: 65px;
	left: 15%;
	bottom: 91px;
}

.container .modulo_esquerdo .elemento2 {
	background: url(../imgs/elemento2.png);
	background-position: bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 80px;
	position: absolute;
	height: 65px;
	left: 68%;
	bottom: 135px;
}

.container .modulo_esquerdo .elemento3 {
	background: url(../imgs/elemento3.png);
	background-position: bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat;
    width: 60px;
    position: absolute;
    height: 60px;
    left: 26%;
    bottom: 625px;
}

.container .modulo_center .titulo-curso-mb {
	width: 100%;
	text-align: left;
	color: #ffffff;
	position: absolute;
	top: 80px;
	display: none;
}

.container .modulo_center .elemento4 {
	background: url(../imgs/elemento4.png);
	background-position: bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 55px;
	position: absolute;
	height: 55px;
	left: 38%;
	bottom: 556px;
}

.container .modulo_center .elemento5 {
	background: url(../imgs/elemento4.png);
	background-position: bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 55px;
    position: absolute;
    height: 55px;
    left: 80%;
    bottom: 318px;
}

.container .modulo_center .elemento6 {
	background: url(../imgs/elemento6.png);
	background-position: bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 80px;
	position: absolute;
	height: 80px;
	left: 66%;
	bottom: 500px;
}

.container .modulo_center .elemento7 {
	background: url(../imgs/elemento7.png);
	background-position: bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 50px;
	position: absolute;
	height: 50px;
	left: 88%;
	bottom: 525px;
}

.container .modulo_center .logo_senai {
	width: 150px;
	position: absolute;
	bottom: 20px;
	display: none;
}

.container .modulo_esquerdo .titulo-curso {
	font-size: 24px;
	width: 80%;
	height: auto;
	color: #00FFFF;
	margin-bottom: 30px;
	margin-left: 20px;
	line-height: 30px;
}

.container .modulo_esquerdo ul {
	list-style-type: none;
	margin-left: 20px;
}

.container .modulo_esquerdo ul li {
	margin-bottom: 15px;
}

.container .modulo_esquerdo ul li a {
	padding: 10px;
	border-left: 1px white solid;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
}

.container .modulo_esquerdo ul li .ativo {
	color: #ffffff;
}

.container .modulo_esquerdo ul li .select_ativo {
	background: #00FFFF;
	color: #333333;
}

.container .modulo_esquerdo ul li .menu_inativo {
	color: rgba(110, 198, 217, 1) !important;
}

.container .modulo_esquerdo ul li .menu_inativo:hover {
	background: #ffffff00;
	color: rgba(110, 198, 217, 1) !important;
	cursor: no-drop;
}

.container .modulo_center {
	width: 440px;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.container .modulo_center .modulos-icones {
	width: 114px;
	height: 114px;
	border-radius: 100px;
	z-index: 1;
}

.container .modulo_center .modulos-menu {
	width: 100%;
	height: 60%;
	margin: 0;
}

.container .modulo_center .modulos-menu .sub_menu_desktop {
	margin-top: 15px;
}

.container .modulo_center .modulos-menu .sub_menu_desktop::after {
	position: absolute;
	content: "";
	width: 2px;
	height: 30%;
	background-image: linear-gradient(to top, #00ffc9, #00ffc9, #00ffc9, #00ffc9, #0050ff);
	left: 49.9%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.container .modulo_center .modulos-menu .sub_menu_desktop:before {
	position: absolute;
	content: "";
	width: 2px;
	height: 70%;
	background-image: linear-gradient(to bottom, #00ffc9, #00ffc9, #00ffc9, #00ffc9, #0050ff);
	left: 49.9%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: -100;
}

.container .modulo_center .modulos-menu .sub_menu_desktop li {
	position: relative;
	clear: both;
	display: table;
	width: 100%;
	height: 45px;
	margin-bottom: 8px;
}

.container .modulo_center .modulos-menu .sub_menu_desktop li:before {
	content: "";
	width: 30px;
	height: 30px;
	border-radius: 100px;
	background-image: linear-gradient(to bottom, #0050ff, #0091ff, #00bdff, #00e1f1, #00e1f1, #00ffc9);
	position: absolute;
	left: 45.6%;
	bottom: 10px;
	-webkit-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.23);
	box-shadow: 1px 6px 0px 0px rgba(0, 0, 0, 0.23);
}

.container .modulo_center .modulos-menu .sub_menu_desktop .changed::after {
	content: url('../imgs/check_modulo.png');
	width: 30px;
	height: 30px;
	border-radius: 100px;
	background-image: linear-gradient(to right top, #fcc218, #fcd23d, #fce25b, #fdf177, #ffff92);
	position: absolute;
	left: 45.6%;
	bottom: 10px;
	-webkit-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: 0px 9px 0px -4px rgba(0, 0, 0, 0.23);
	box-shadow: 1px 6px 0px 0px rgba(0, 0, 0, 0.23);
	display: flex;
	justify-content: center;
	align-items: center;
}

.container .modulo_center .modulos-menu .sub_menu_mobile .changed::after {
	content: url(../imgs/check_modulo.png);
	width: 30px;
	height: 45px;
	position: absolute;
	right: 53px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(to right top, #fcc218, #fcd23d, #fce25b, #fdf177, #ffff92);
}

.container .modulo_center .modulos-menu .sub_menu_desktop li .menu-text-content {
	width: 42%;
	padding: 5px;
	float: left;
	text-align: right;
	font-size: 13px;
	padding-top: 11px;
}

.container .modulo_center .modulos-menu .sub_menu_desktop li .menu-text-content .ativo {

	color: white;
	text-decoration: none;
}

.container .modulo_center .modulos-menu .sub_menu_desktop li .menu-text-content .ativo:hover {

	color: cyan;
}

.container .modulo_center .modulos-menu .sub_menu_desktop li .menu-text-content .menu_inativo {

	color: rgba(110, 198, 217, 1) !important;
	text-decoration: none;

}

.container .modulo_center .modulos-menu .sub_menu_desktop li .menu-text-content .menu_inativo:hover {

	color: rgba(110, 198, 217, 1) !important;
	cursor: no-drop;
}

.container .modulo_center .modulos-menu .sub_menu_desktop li:nth-child(2n) .menu-text-content {
	float: right;
	text-align: left;
}

.container .modulo_center .modulos-menu .sub_menu_mobile {
	display: none !important;
	width: 90%;
	list-style: none;
}

.container .modulo_center .modulos-menu .sub_menu_mobile li a {
	width: 90%;
	height: 45px;

	display: flex;
	justify-content: center;
	align-items: center;
	margin: 5px auto;
	color: white;
	text-decoration: none;
	text-align: center;
}

.container .modulo_center .modulos-menu .sub_menu_mobile li .ativo {
	background: #399FB1;
}

.container .modulo_center .modulos-menu .sub_menu_mobile li .menu_inativo {
	background: #004164;
}

.container .menu-hamburgue {
	background: white;
	width: 100%;
	height: 100vh;
	z-index: 10;
	position: absolute;
	top: 0;
	margin: 0;
	left: -100%;
	transition-duration: 0.5s;
}

.container .menu-hamburgue .top {
	width: 100%;
	height: 50px;
	background-image: linear-gradient(to right, #0050ff, #0091ff, #00bdff, #00e1f1, #00ffc9);
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.container .menu-hamburgue .top img {
	padding-left: 20px;
}

.container .menu-hamburgue .top a {
	padding-right: 20px;
	font-size: 30px;
	color: #004B70;
}

.container .menu-hamburgue .menu-hamburgue-container {
	display: flex;
	flex-direction: column;
	background: #f4f4f4;
	height: 100vh;
}

.container .menu-hamburgue .menu-hamburgue-container ul {
	width: 100%;
	height: auto;

}

.container .menu-hamburgue .menu-hamburgue-container ul li {
	width: auto;
	height: auto;
}

.container .menu-hamburgue .menu-hamburgue-container ul li a {
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border-bottom: 2px #dedede solid;
	color: #666666;
}

.container .menu-hamburgue .menu-hamburgue-container ul li a:hover {
	background: #618CB4;
	color: white;
}

.container .menu-hamburgue .menu-hamburgue-container .titulo-curso {
	background: #e6e6e6;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #666666;
}

.container .menu-hamburgue-action {
	transition-duration: 0.5s;
	left: 0px;
}

.container .bt-menu-hamburgue {
	color: white;
	font-size: 30px;
	position: absolute;
	top: 51.8px;
	left: 7px;
	display: none;
}

.container .modulo_direito {
	width: 40%;
	margin: 0px;
}

#custom-handle {
	width: 31px;
	height: 31px;
	top: 50%;
	margin-top: -16px;
	text-align: center;
	line-height: 29px;
	border-radius: 54px;
	background: white;
	border: 2px #93B0C6 solid;
	color: #F28043;
	font-size: 20px;
	cursor: grab;
	outline: 0;
}

.load {
	width: 100%;
	background: #000000a8;
	height: 100vh;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 0;
	display: none;
	align-items: center;
}

.loader,
.loader:after {
	border-radius: 50%;
	width: 10em;
	height: 10em;
}

.loader {
	margin: 60px auto;
	font-size: 10px;
	position: relative;
	text-indent: -9999em;
	border-top: 1.1em solid #0091ff;
	border-right: 1.1em solid #00bdff;
	border-bottom: 1.1em solid #00e1f1;
	border-left: 1.1em solid #00ffc9;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.container .modulos-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.container .modulos-container .modulos-container-top {
	width: 70%;
	height: 70%;
}

.container .modulos-container .svg_menu_desktop {
	width: 100%;
	height: 100%;
}

.container .modulos-container .svg_menu_mobile {
	display: none;
}

.container .modulos-container .modulos-container-bottom {
	width: 70%;
	height: 30%;
}

.container .modulos-container .modulos-container-bottom ul {
	display: flex;
	align-items: end;
	height: 100%;
	list-style: none;
}

.container .modulos-container .modulos-container-bottom ul li {
	margin-right: 15px;
	width: 100%;
}

.container .modulos-container .modulos-container-bottom ul li a {
	text-align: center;
	color: #6EC6D9;
	text-decoration: none;
}

.container .modulos-container .modulos-container-bottom ul li a:hover {
	color: white;
}

.container .modulos-container .modulos-container-bottom ul li a .numero {
	font-size: 28px;

}

footer {
	background: #003048;
	display: none;
	height: 60px;
}

footer img {
    width: 130px;
    margin: 7px auto;
	display: table;
	padding: 0px;
}

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


	.container .modulo_center .modulos-menu ul li .menu-text-content {
		width: 43%;
	}

	.container .modulo_center .modulos-menu ul li:nth-child(1n) .menu-text-content {
		float: right;
		text-align: left;
	}

	.container .modulo_center .modulos-menu ul li:before {
		bottom: 14px;
		left: 47.3%;
	}

	.container .modulo_center .modulos-menu ul::before {
		background-image: none;
	}

	.container .modulo_center .modulos-menu ul::after {
		background-image: none;
	}

	.modulo_center {
		width: 100% !important;
	}

	.modulo_esquerdo {
		display: none !important;
	}

	.modulo_direito {
		display: none !important;
	}

	header .col-right .logo_senai {
		display: none;
	}

	header .col-right .bt-menu-hamburgue-action {
		display: block;
	}

	.container .modulo_esquerdo {
		width: 10%;
	}

	.container .modulo_center {
		width: 80%;
	}

	.container .modulo_direito {
		width: 10%;
	}

	.container .modulo_esquerdo .elemento1 {
		display: none;
	}

	.container .modulo_esquerdo .elemento2 {
		display: none;
	}

	.container .modulo_esquerdo .elemento3 {
		display: none;
	}

	.container .modulo_esquerdo .elemento4 {
		display: none;
	}

	.container .modulo_center .elemento4 {
		display: none;
	}

	.container .modulo_center .elemento5 {
		display: none;

	}

	.container .modulo_center .elemento6 {
		display: none;

	}

	.container .modulo_center .elemento7 {
		display: none;

	}

	.container .modulo_esquerdo .elemento3 {
		bottom: 565px;
	}

	.container .modulo_esquerdo .titulo-curso {
		font-size: 17px;
		width: 91%;
	}

	header {
		height: 50px;
		background-image: linear-gradient(to right, #0050ff, #0091ff, #00bdff, #00e1f1, #00ffc9);
	}

	header .col-left {
		height: auto;
	}

	header .col-left .azure {
		width: 170px;
		height: 40px;
		margin-left: 50px;
		background-image: none;
		display: flex;
		align-items: center;
		justify-content: end;
	}

	header .col-left .azure img {
		transform: rotateZ(89.8deg);
		margin-left: 62px;

	}

	header .col-right {
		height: auto;
	}

	header .col-right ul li a .home {
		background-image: url(../imgs/icones/icon_home.svg);
	}

	header .col-right ul li a .home:hover {
		background-image: url(../imgs/icones/icon_home_hover.svg);
	}

	header .col-right ul li a .modulo {
		background-image: url(../imgs/icones/icon_modulo.svg);
	}

	header .col-right ul li a .modulo:hover {
		background-image: url(../imgs/icones/icon_modulo_hover.svg);
	}

	header .col-right ul li a .hamburgue {
		background-image: url(../imgs/icones/icon_hamburgue.svg);
	}

	header .col-right ul li a .hamburgue:hover {
		background-image: url(../imgs/icones/icon_hamburgue_hover.svg);
	}

	.modulo_esquerdo span,
	.modulo_esquerdo ul {
		display: none;
	}

	.container .modulo_esquerdo .titulo-curso {
		display: none;
	}

	.container .modulo_center .titulo-curso-mb {
		display: block;
	}

	.container .bt-menu-hamburgue {
		display: block;
	}

	.container .modulo_center .modulos-menu .sub_menu_desktop {
		display: none !important;
	}

	.container .modulo_center .modulos-menu .sub_menu_mobile {
		display: block !important;
		margin: 10px auto;
		display: table;
	}

	.container .modulo_center .logo_senai {
		display: block;
	}

	.svg_menu_desktop {
		display: none;
	}

	.container .modulos-container .modulos-container-bottom {
		display: none;
	}

	.container .modulos-container .modulos-container-top {
		width: 100%;
		height: 50%;
	}

	.container .modulos-container .svg_menu_mobile {
		display: flex !important;
		min-height: 100%;
		justify-content: center;
		align-items: center;
		flex-direction: row;
	}

	.container .modulos-container .svg_menu_mobile table tr td {
		text-align: center;
	}

	.container .modulos-container .svg_menu_mobile table tr td p {
		color: #6EC6D9;
	}

footer{
	display: block;
}

.card-marcador::before{
	background: url("");
}

}

@media screen and (max-width: 360px) {
	.container .modulo_center .elemento5 {
		width: 50px;
		height: 50px;
		left: 10%;
		bottom: 494px;
	}

	.container .modulo_center .elemento6 {
		width: 50px;
		height: 50px;
		left: 255px;
		bottom: 425px;
	}

	.container .modulo_center .elemento7 {
		left: 290px;
		bottom: 508px;
	}

	header .col-left .azure {
		margin-left: 0px;
	}

	header .col-right ul li a {
		margin-left: 10px;
	}

	.container .modulos-container .svg_menu_mobile {
		height: 100%;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.container .modulo_center .modulos-menu .sub_menu_mobile .changed::after {
		right: 5px;
	}

}

@media screen and (max-height: 360px) {

	.modulos-icones {
		display: none;
	}

	.container .modulo_center .modulos-menu {
		height: 100%;
	}
}

.mod_bg {
	cursor: pointer;
}

.inativo_svg {
	cursor: no-drop;
}

.inativo_svg .titulo,
.inativo_svg .numero {
	fill: #332EA1 !important;
}

.cloud1,.cloud2,.cloud3,.cloud4,.cloud5,.cloud6,.cloud7 {
	fill: white;
	opacity: 0.1;
}

.fill_mod {
	fill: white;
	opacity: 0;
}

.mod_bg:hover .fill_mod {
	fill: white;
	opacity: 0.1;
}

.inativo_svg:hover .fill_mod {
	fill: #ffffff00;
}

.modulo1 .titulo path,
.modulo1 .numero,
.modulo2 .titulo path,
.modulo2 .numero,
.modulo3 .titulo path,
.modulo3 .numero,
.modulo4 .titulo path,
.modulo4 .numero {
	fill: white;
}