html{
	background-image: url("../image/backgrounds-hackingher/bg-home.png");
	background-position: center;
	background-attachment:fixed ;

}
body{
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	display: contents;
	font-size:25px;
	font-family: 'neue_machinaregular';	
	font-weight: 500;
	color: #353535;
}
.row{
	margin-right:0px !important;
	margin-left: 0px !important;
}
a{	text-decoration: none !important;}
.mt3{margin-top: 30px}
.mt5{margin-top: 50px;}
.mb5{margin-bottom: 50px;}
.content-inscrito{
	width: 100%;
	position: relative;
	display: flex;
	align-content: center;
	justify-content: center;
}
/**********reseat end**********/
#landingpage{
	width: 100%;
	position: relative;
	display: block;
	margin-top:150px;
}
#footer{
	width: 100%;
	position: relative;
	margin-top:50px ;
	display:block;
	text-align: center;
	background: url('../image/backgrounds-hackingher/bg-boxs.png') bottom;
	font-size: 10px;
	padding-top: 10px;
	color: #fff;
	float: left;
}

#footer a{
	color:#eb49fe;
	font-weight: 800;
}
.footer-links{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	margin: 10px 0px;
	padding:10px 0px;
}
.footer-links a{
	width: auto;
	float: left;
	display: block;
	position: relative;
	margin:2px 15px;
	padding: 5px 20px;
	text-align: left;
	font-size: 12px !important;
	border-radius: 50px;
	transition: .8s;
}
.footer-links a:hover{
	background-color: #fff;
	color:#070062 !important;
	box-shadow: 0px 5px 5px #1a1256;
}
.redessociais{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	vertical-align: middle;
	display: flex;
	justify-content: space-between;
	margin: 10px 0px;
	padding:10px 0px;
}
.redessociais li{
	list-style: none;
	width: 40px;
	height: 40px;
	float: left;
	position: relative;
	background-color:#eb49fe;
	margin: 10px;
	padding: 5px;
	border-radius: 20px;
}
.redessociais li  a img{width: 70%; margin: 15%;}
.redessociais li:hover{background-color: #070062;}
.redessociais li a:hover{opacity: 0.5;}
.woman-hack-home{
	width: 100%;
	float: left;
	position: relative;
	display: block;	
}
.engrenagem{
	width: 100%;
	position: absolute;
	top: -20px;
	animation-name: hack-icon;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function:linear;
}
@keyframes hack-icon{
	0%   { transform: rotate(0deg);}	
	50% { transform: rotate(180deg);}	
	100% { transform: rotate(360deg);}	
}
.engrenagem img{
	width: 100%;
}
.woman-hack{
	width: 100%;
	top: 0px;
	position: relative;
	z-index: 3;
	animation-name:woman;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function:linear;
}
@keyframes woman{
	0%   { transform: rotate(0deg);}
	25%   { transform: rotate(3deg);}	
	50% { transform: rotate(0deg);}
	75%   { transform: rotate(-3deg);}	
	100% { transform: rotate(0deg);}	
}
.woman-hack img{
	width: 90%;
}
.caption-woman{
	text-transform: uppercase;
	left: 27%;
	bottom: -40px;
	width: auto;
	background-color:#070062;
	color: #fff;
	padding: 10px 30px;
	border-radius: 50px;
	font-weight: 800;
	position: absolute;
	transform: rotate(-15deg);
	z-index: 4;
}
.caption-woman2{
	text-transform: uppercase;
	left: 5%;
	bottom: -5px;
	width: auto;
	background-color:#070062;
	color: #fff;
	padding: 10px 30px;
	border-radius: 50px;
	font-weight: 800;
	position: absolute;
	transform: rotate(-15deg);
	z-index: 4;
}
.logo{
	width: 90%;
	margin:0px 5%;
	display:flex;
	align-content: center;
}
.logo img{
	width: 100%;
	float: left;
}
.logo_hacking_her{
	width: 90%;
	margin: 30px 5% ;
	display:flex;
	align-content: center;

}
.logo_hacking_her img{
	width: 100%;
	float: left;
}
#landingpage h2{
	text-transform: uppercase; 
	font-family: 'neue_machinaultrabold';	
	margin: 30px 0px 10px 0px;
	font-size: 30px;
}
.square-box{
	width: 80%;
	text-align: center;
	position: relative;
	float: left;
	display: block;
	border-radius: 20px;
	margin:0px 10% 100px 10%;
	padding:30px 10px 60px 10px;
	font-size: 25px;
	color: #54ffff;
	font-weight: 800;
	background: rgb(78,51,179);
	background: linear-gradient(180deg, rgba(78,51,179,1) 0%, rgba(48,17,115,1) 100%);
	z-index: 2;
}
.content-botao-link{
	width: 100%;
	height: 130px;
	float: left;
	position: relative;
	margin: 20px 0px;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.botao-link{
	margin: 30px 0px;
	border-radius: 50px;
	padding: 20px 30px;
	font-family: 'neue_machinaultrabold';
	text-transform: uppercase;
	color: #051D65;
	transition: .3s;
	font-weight:800;
	background: url('../image/backgrounds-hackingher/bg-boxs2.png') center  #fff;
}
.botao-link:hover{
	background-color: #7a51ff;
	color: #fff;
	background-image: none;
	border-bottom: 5px solid #eb49fe;
	-webkit-box-shadow: 0px 5px 0px 0px rgba(73,206,254,1);
	-moz-box-shadow: 0px 5px 0px 0px rgba(73,206,254,1);
	box-shadow: 0px 5px 0px 0px rgba(73,206,254,1);
}
.mascote{
	width: 250px;
	height: 196px;
	position:absolute;
	top: -196px;
	left: 25%;
	overflow: hidden;
}
.hackat{
	animation-name: botaotime;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function:linear;
}
@keyframes botaotime{
	0%   {transform: translateY(10px); }	
	25%  {transform:  translateY(100px);}
	50%  {transform:  translateY(50px);}
	65%  {transform:  translateY(200px);}	
	75%  {transform:  translateY(10px);}	
	100% {transform:  translateY(10px);}	
}
.mascote img{
	width: 90%;
	margin: 0px;
}
.titulo-home{
	font-size:43px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	font-family: 'neue_machinaultrabold';
	margin-bottom: 20px;
	color:#eb49fe;
	text-shadow: 1px 2px 1px #a534b6;
}	
.titulo-home span{
	font-family: 'neue_machinaregular';
}
.titulo-home img{width: 100%;}
.sub-titulo-home{
	font-size: 25px;
	font-weight: 800;
	text-align: center;
	margin-bottom: 20px;
}
.sub-titulo-home span{
	text-transform: uppercase;
	font-family: 'neue_machinaultrabold';
	color:#8b00f6;
}
.line-text-hackher{
	font-size: 52px;
	text-stroke: 2px #8b00f6;
    -webkit-text-stroke: 2px #8b00f6;
    color: transparent !important;
    font-weight: 800;
}
.quadrado-datas{
	width: 100%;
	min-height: 470px;
	float: left;
	position: relative;
	padding: 20px 15px;
	margin: 20px 0px;
	border-radius: 15px;
	text-align: center;
	box-shadow: 0px 5px 5px #1a1256;
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 16px;
	border: 3px solid #fff;

}
.quadrado-datas span{
	width: 100%;
	font-family: 'neue_machinaultrabold';
	display: block;
	margin-bottom: 10px;
	font-size: 25px;
	color: #fff;
}
.icone-level{
	width: 100%;
	display:flex;
	position: relative;
	margin: 20px 0px;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.icone-level span{
	width: 150px;
	height: 150px;
	background-color: #fff;
	border-radius: 150px;
	display: flex; 
	align-items: center;
	justify-content: center;
	overflow: hidden;

}
.icone-level span img{
	width: 100%;
	animation-name: ICON-AGENDA;
	 animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function:linear;
}
@keyframes ICON-AGENDA{
	0%   {transform: scale(1) ; }
	25%   {transform:scale(0.85) ; }		
	50%  {transform: scale(1);}
	75%   {transform:scale(0.85); }	
	100% {transform: scale(1);}	
}
.datas-mes span{font-size: 30px; margin-bottom: 0px; display: block; color:#8b00f6; border-bottom:1px solid #8b00f6; line-height:35px; text-transform: uppercase;}
.datas-mes{
	font-size: 26px !important;
	letter-spacing: 0px;
	color:#8b00f6 !important;
}
.content-link{
	width: 100%;
	height: 150px;
	margin: 20px 0px 50px 0px;
	float: left;
	position: relative;
	display: flex; 
	align-items: center;
	justify-content: center;
}
#participantes{
	width: 100%;
	float: left;
	display: block;
	position:relative;
}
.lista-participantes{
	list-style: none;
	text-align: center;
	margin-bottom: 10px;
	font-size: 25px;
	background-color: #F2B8D0;
	padding: 10px 7px;
	line-height: 28px;
	-webkit-border-radius: 20px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 20px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 20px;
	border-bottom-left-radius: 0;
	color: #fff;
	border-left: 4px solid #3D001A;
	border-bottom: 4px solid #3D001A;
}
.lista-participantes span{
	font-family: 'neue_machinaultrabold';
	float: left;
	display: block;
	width: 100%;
	position: relative;
}
.lista-participantes:nth-child(2){
	background-color: #BE5E86;
}
.lista-participantes:nth-child(3){
	background-color: #7B1D45;
}
.lista-participantes:nth-child(4){
	background-color: #854B93;
}
.lista-participantes:last-child{
	background-color: blueviolet;
}
/****mulheres******/
.woman-hack-RV{
	width: 100%;
	display: block;
	position: relative;
	float: left;
	overflow: hidden;
}
.mulher-rvglass{
	width: 90%;
	position:relative;
	float: left;
	margin: 20px 5%;
	z-index: 1;
	animation-name: woman;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.mulher-rvglass img{width: 100%;}
.eyes{
	width: 100%;
	position: absolute;
	float: left;
	animation-name: olhos;
    animation-duration: 40s;
    animation-iteration-count: infinite;
    animation-timing-function:linear;
}
@keyframes olhos{
	0%   { transform: rotate(0deg);}	
	50% { transform: rotate(180deg);}	
	100% { transform: rotate(360deg);}	

}
.eyes img{ width:100%; }
.pc-hack{
	width: 30%;
	margin: 0px 40% 0px 20%;
	position: absolute;
	z-index: 4;
	bottom: 0px;
}
.pc-hack img{width: 100%;}

/****homens***/
#homens{
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	display: block;
}
.stage-man{
	width: 100%;
	height: 100%;
	margin: 30px 0px;
	border-radius: 100%;
	background-color:#F2B8D0;
	position: relative;
	display: block;
	text-align: center;
}

.homem-david{
	max-width: 500px;
	position: relative;
	left: 0px;
	z-index: 1;
}
.homem-david img{
	width: 100%;
	animation-name: woman;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.stage-man .line-text-hackher{
	text-stroke: 1px #8b00f6;
    -webkit-text-stroke: 1px #8b00f6;
}
/**** modal ****/
.bg-modal-form{
	background: rgb(70,6,190);
	background: linear-gradient(193deg, rgba(70,6,190,1) 0%, rgba(9,13,113,1) 100%);
}

.modal-contato-hr .modal-content{ background-color: transparent; border: none !important; width: 100%}
.inscricaoHR label{
	color: #fff;
	font-size: 18px;
}
.inscricaoHR input{
	font-size: 18px !important;
	background-color: #fff !important;
	border-radius: 20px;
	padding:10px !important;
}
/**** bootcamp ****/
.professor{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	padding: 50px 0px;
	color: #fff;
	background: rgb(151,0,174);
	background: linear-gradient(0deg, rgba(151,0,174,1) 0%, rgba(200,3,87,1) 100%);
	padding-bottom: 200px;
	margin-bottom: 50px;
}
#bootcamp, .header-bootcamp{
	width: 100%;
	position: relative;
	display: block;
	float: left;
}
.header-bootcamp img{
	width: 100%;
}
.graphic-schemme-left{
	width: 95%;
	margin-left: 5%;
	position: relative;
	float: left;
	right: -15px;
}
.graphic-schemme-right{
	width: 95%;
	margin-right: 5%;
	position: relative;
	float: left;
	left: -15px;
}
.schemme-tex{
	width: 50%;
	padding: 10px;
	float: left;
	position: relative;
	font-size: 20px;
}
.schemme-tex span{
	text-transform: uppercase;
	font-family: 'neue_machinaultrabold';
	color:#db008f;
	font-size: 25px;
}
.schemme-icon{
	width: 50%;
	float: left;
	position: relative;
}
.schemme-icon img{width: 100%}
.professor-ronnie{
	width: 80%;
	margin: 20px 10%;
	float: left;
	position: relative;
	display: block;

}
.professor-ronnie img{
	width: 100%;
	animation-name: man;
	 animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes man{
	0%   { transform: rotate(0deg);}
	25%   { transform: rotate(3deg);}	
	50% { transform: rotate(0deg);}
	75%   { transform: rotate(-3deg);}	
	100% { transform: rotate(0deg);}	
}
.Hacking-ident{
	position: absolute;
	display: flex;
	right:70px;
	bottom: 0px;
	animation-name: man;
	 animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
#FAQ{
	width: 100%;
	position: relative;
	display: block;
	float: left;
}
#accordion{
	width: 80%;
	margin: 0px 10%;
	float:left;
	position: relative;
	display: block;
}
.card{
	background: transparent;
	border: none;}
.card-header{
	color: #fff;
	background: rgb(151,0,174);
	background: linear-gradient(0deg, rgba(151,0,174,1) 0%, rgba(200,3,87,1) 100%);
	border-radius: 120px !important;
	
}
.card-body{
	top: -20px;
	padding-top: 20px;
	width: 90%;
	margin: 0px 5%;
	color: #fff;
	background: url('../image/backgrounds-hackingher/bg-boxs.png') bottom;
}
.hackinher-faq-bt{
	color: #fff ;
	font-size: 20px;
	font-weight: 800;
	cursor: pointer;
	transition: .5s;
	text-align: center;
	border-radius: 20px;
}
.hackinher-faq-bt:hover{
	background-color:#4e1a61;
	border-radius: 20px;
	padding: 5px 20px;
}
.content-titulo{
	width: 100%;
	position: relative;
	display: flex;
	float: left;
	text-align: center;
	justify-content: center;
}
.lista-conteudo-aula{
	min-height: 170px;
	padding: 20px 15px;
    margin-bottom: 50px;
    border-radius: 15px;
    box-shadow: 0px 5px 5px #1a1256;
    font-size: 20px;
    border: 3px solid #fff;

}
.lista-conteudo-aula li{
	list-style: none;
	padding-bottom: 10px;
	font-size: 18px;
}
.lista-conteudo-aula li:first-child{
	border-bottom:none;
	color:#070062;
	font-weight: 800;
	text-transform: uppercase;
}
.lista-conteudo-aula li span{
	font-size: 16px;
	padding: 5px 10px;
	background-color: #070062;
	border-radius: 20px;
	color: #fff;
}
.img-aulas-cat{
	width: 100%;
	float: left;
	position: relative;
	display: block;
}
.img-aulas-cat img{
	width: 70%;
	margin: 100px 15%;
}
.caption-cat {
    text-transform: uppercase;
    left: 27%;
    bottom: 29px;
    width: auto;
    background-color:#db008f;
    color: #fff;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 800;
    position: absolute;
    transform: rotate(-15deg);
    z-index: 4;
}
.caption-cat2 {
    text-transform: uppercase;
    left: 20%;
    bottom: 76px;
    width: auto;
    background-color:#db008f;
    color: #fff;
    padding: 10px 30px;
    border-radius: 50px;
    font-weight: 800;
    position: absolute;
    transform: rotate(-15deg);
    z-index: 4;
}
.line-text-faq {
	font-size: 52px;
	text-stroke: 1px #8b00f6;
    -webkit-text-stroke: 1px #8b00f6;
    color: transparent !important;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    margin: 50px 0px 10px 0px;
}

/**********SALA de Imprensa*********/
#sala-imprensa .testeira{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	margin-bottom: 50px;	
}
.testeira img{
	width:100% ;
}
.mailadress{
	font-size: 14px !important;
	color:#db008f;
	border: 1px solid #db008f;
	padding: 10px;
	border-radius: 20px;
	text-align: center;
}
.responsaveis p{
	font-size: 18px;
	font-weight: 800;
}
.time-line{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	margin: 30px 0px;
}
.time-line img{
	width: 100%;
}
.content-globo{
	width: 50%;
	float: left;
	position: relative;
}
.globo{
	width: 100px;
	height: 100px;
	margin: 30px;
	background-color: blueviolet;
	border-radius: 100px;
	color: #fff;
	font-weight: 800;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.content-globo article{
	width: 100%;
	position: relative;
	display: block;
	float: left;
	font-size: 18px;
	padding: 10px;
	text-align: center;
}
.titulo-time-line{
	width: 80%;
	margin: 0px 10%;
	float: left;
	position: relative;
	display: block;
	font-size: 9px;
	text-align: center;
	font-weight: 800;
	background-color: #fff;
	padding: 5px 10px;
	border-radius: 10px;
}
/***********politicas **************/
#politicas{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	margin-bottom: 50px;
	padding-top: 150px;
}
/********** AMAZON **********/
#amazon-page{
	float: left;
	position: relative;
	display: block;
	width:100%;
}
.title-modulo{
	width: 100%;
	position: relative;	
	display: block;
	float: left;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px; 
    line-height:40px;   
	}
.title-modulo span{
	padding: 5px 10px;
	background-color:#070062 ;
	color:#fff;
	border-radius: 50px;

}
.crono-semana{
	width: 100%;
	padding:5px 20px;
	background-color:#221f57;
	border-radius:7px;
	color: #eb49fe;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 10px;

}
.conteudo-materia{
	width: 100%;
	min-height: 220px;
	position: relative;
	padding: 15px;
	margin-bottom: 50px;
	border-radius: 15px;
	box-shadow: 0px 5px 5px #1a1256;
	font-size: 20px;
	border: 3px solid #fff;
}
.lista-amazon{padding: 0px !important;}
.lista-amazon li{
	list-style: none;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
	padding:10px 10px 10px 0px;
}	
.lista-habilidades{
	width: 100%;
	float: left;
	position: relative;
	padding: 20px 15px;
	margin-bottom: 50px;
	border-radius: 15px;
	box-shadow: 0px 5px 5px #1a1256;
	font-size: 20px;
	border: 3px solid #fff;
}
.lista-habilidades li{
	list-style: none;
	width: 100%;
	float: left;
	font-size: 20px;
	position: relative;
	padding: 5px 0px;
	text-align: center;		
	font-weight: 800;
	
}
.lista-habilidades li span{
	padding:5px 20px !important;
	background-color:#221f57;
	border-radius:7px;
	color: #eb49fe;
	position: relative;
	margin-bottom: 10px;
	font-size: 23px;
}
/**********************/
#NVIDIA-page{
	float: left;
	position: relative;
	display: block;
	width:100%;
}
.logo-nvidia{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	margin: 30px 0px;
}
.logo-nvidia img{width: 100%;}
.content-modulo-nvidia{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	justify-content: center;
	margin-bottom: 50px;

}
/*********EVENTO*********/
#evento-stage{
	float: left;
	position: relative;
	display: block;
	width:100%;
}
.data-do-evento-her{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	font-size: 150px;
	line-height: 150px;
	 font-family: 'neue_machinaultrabold';
	 text-align: center;
	 color: #051D65;
}
.data-do-evento-her span{
	font-size: 30px;
	position: absolute;
	top: -80px;
}
.intro-evento{
	float: left;
	position: relative;
	display: block;
	width: 100%;
	margin-top:100px;
	margin-bottom: 30px;
}
.logo-w2{
	width: 70%;
	margin: 20px 15%;
	float: left;
	position: relative;
	display: block;
}
.logo-w2 img{
	width: 100%;
}
.link_map_her {
	width: 100%;
	display: flex; 
	align-items: center;
	justify-content: center;
}
.link_map_her  a{
	padding: 10px 20px;
	border-radius: 30px;
	background-color: #051D65;
	color: #fff;
	font-size: 18px;
	transition: .5s;
	display: flex; 
	align-items: center;
	justify-content: center;
	box-shadow: 1px 1px 3px #000;
}
.link_map_her  a:hover{
	background-color: #eb49fe;
	color: #051D65;
}
/**********palestrante***********/
.painel-do-dia{
	width: 100%;
	float: left;
	position: relative;
	margin: 20px 0px;
	border-radius: 15px;
	text-align: center;
	box-shadow: 0px 5px 5px #1a1256;
	font-weight: 800;
	letter-spacing: 1px;
	font-size: 16px;
	border: 3px solid #fff;
}
.palestra-hora{
	width: 100%;
	background-color: #6502aa;
	float: left;
	padding: 25px 10px 10px 10px;
	font-size: 23px;
	border-bottom: 3px solid #c4c4c4;
	border-radius:10px 10px 0px 0px;
	margin: 20px 0px;
	position: relative;
	display: flex;
	justify-content: center;
	color: #fff;
	top: -20px;
}
.clock{
	background:url("../image/elementos/icon-clock.png");
	background-position:-15px 64px;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: absolute;
	top: -25px;
}
.palestrante{
	float: left;
	position: relative;
	width: 100%;
	border-radius: 10px;
	margin: 10px 0px;
	text-align: left;
	border: 1px solid #fff;
	margin: 25px 0px;
	padding:35px 10px;
}
.imagem-palestrante{
	border-radius: 50px;
	background-color: #fff;
	width:70px;
	height:70px;
	position: absolute;
	top: -35px;
	left: -5px;
	border: 1px solid #fff;
	overflow: hidden;
}
.imagem-palestrante img{ width:100%;}
.nome-palestrante{
	width: 100%;
	float: left;
	position: relative;
	padding: 5px 0px;
	border-bottom: 1px solid #c4c4c4;
	margin-bottom: 10px;
	display: block;
	font-size: 25px;
	font-weight: 600;
}
.cargo{
	width: 100%;
	float: left;
	display: block;
	padding-left: 15px;
	background:url("../image/elementos/seta-purple.png");
	background-repeat: no-repeat;
}
.img-txt-prog{
	width: 80%;
	margin: 10px 10%;
}
.img-txt-prog img{
	width: 100%;
}
.palestrante-historic{
	margin: 10px 10% ;
	padding: 5px;
	width: 80%;
	float: left;
	display: block;
	border-radius: 7px;
	font-size:25px;
	font-weight: 800;
	text-align: center;
}
.cargo span{ font-size:17px; }
.moderador-flag{
	position: absolute;
	font-weight: 300;
	top: 0px;
	right: 0px;
	background-color:#b891d6;
	border: 1px solid #fff;
	color:#fff;
	padding:5px 10px;
	font-size: 14px;
	border-radius: 0px 10px 0px 10px;
	}
.KEYNOTE{
	width: 70%;
	margin: 30px 15%;
	position: relative;
	float: left;
	display: block;
	background-color:#aea0ec;
	border-radius: 10px;
	color: #000;	
}
.KEY-speakers .imagem-palestrante{
	width: 200px;
	height: 200px;
	margin: 0px 30%;
	border-radius: 240px;
}
.KEYNOTE .palestra-hora{
	top: -20px;
	text-align: center;
}
.KEYNOTE .palestrante{
	width: 80%;
	margin: 20px 10%;
}
.KEYNOTE12h{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	margin: 10px;
}
.banner-hacking-her{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: 20px;
	margin: 50px 0px;
}
.banner-hacking-her img{ width:100% }
/***************** LOGOS**************************/
#apoiadores{
	width: 100%;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 50px 0px;
	margin: 50px 0px;
}
.apoio-inst{	
	float: left;
	position: relative;
	display: block;
}
.premium img, .apoio-inst img{
	width: 100%;
	border-radius: 20px;
	border: 1px solid #fff;
	box-shadow: 0px 5px 5px #1a1256;
}
/************ Finalistas ***************/
#final{
	width: 100%;
	position: relative;
	float: left;
	display: block;
	padding: 50px 0px;
}
.trofeu-pacht{
	border-radius: 250px;
	background-color: #fff;
	width:170px;
	height:170px;
	position:relative;	
	border: 10px solid #6502aa;
	overflow: hidden;
}
.palestra-final{
	width: 100%;
	background-color: #6502aa;
	float: left;
	padding:10px;
	border-bottom: 3px solid #c4c4c4;
	border-radius:10px 10px 0px 0px;
	margin-bottom: 20px;
	position: relative;
	display: flex;
	align-content: center;
	color: #fff;
	text-align: center;
}

.trofeu-pacht img{ width:100%;}
.nome-palestrante-finalista{
	width: 70%;
	background-color: #fff;
	border-radius: 50px;
	text-align: center;
	font-size: 19px;
	padding: 10px 10px;
	list-style: none;
	margin: 10px 15%;
}
.content-lista{
	padding: 0px !important;
	text-align: center;
}
.desafio{
	width: 100px;
	float: left;
	position: relative;
	display: block;
	overflow: hidden;
	background-color: #fff;
	border-radius: 50px;
}
 .desafio img{width: 100%}
.time{
	width: 100%;
	margin: 10px 0px;
	float: left;
	position: relative;
	display: block;
	font-size: 25px;
}
.equipe{
	float:left;
	position: relative;
	display: block;
	font-size: 12px;
	background:#070062;
	border-radius: 20px;
	padding:10px 20px;
}
.trofeu-content{
	width: 100%;
    float: left;
    position: relative;
    display: flex;
    text-align: center;
    justify-content: center;
}
/************Localidade****************/
.data-final-hackthon{
	width: 100%;
	position: relative;
	display: block;
	float: left;
	margin: 30px 0px 0px 0px;
	font-size: 37px;
	font-weight: 800;
	color: #6502aa;
	text-shadow: 1px 2px 1px #a534b6;
	 font-family: 'neue_machinaultrabold';
}
.data-final-hackthon span{
	font-size: 40px;
}
.endereco{
	text-align: center;
	width: 70%;
	margin: 20px 15%;
	float: left;
	position: relative;
	display: block;
}
.horas-final-hackthon{
	font-size: 35px ;
	 font-family: 'neue_machinaultrabold';
	 color:#eb49fe;
}

.local-final-hackthon{
	overflow: hidden;
	height: 150px;
}
.local-final-hackthon span{
	position: absolute;
	border-radius: 20px;
	padding: 5px 10px;
	background-color: #023770;
	color: #fff;
	font-size: 14px;
}
.mapa-final-hackthon{
	width: 50%;
	margin: 0px 25%;
	font-size: 16px;
	background-color:#023770 ;
	color: #fff;
	padding: 15px 20px;
	border-radius: 50px;
	text-align: center;
	width: auto;
	justify-content: center;
	display: flex;
}
/****************ETAPAS*******************/
#etapas{
	width: 100%;
	float: left;
	position: relative;
	display: block;
}
/*******Midia Query****/
@media only screen and (max-width: 760px){
	.botao-link{ font-size:17px; }
	.woman-hack-home{margin-bottom: 110px;}
	.square-box { width:100% !important; margin:0px 0px 50px 0px; }
	.woman-hack-RV { margin-bottom: 50px;}
	.lista-participantes{margin-bottom: 20px;}
	
}
@media only screen and (max-width: 600px){
	.data-do-evento-her{font-size: 100px}
	.titulo-home{ font-size:35px;}
	.KEYNOTE{width: 100% !important; margin: 30px 0px !important;}
	.KEYNOTE .palestra-hora{padding: 30px 10px 10px 10px !important;}
}