@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
				*{margin: 0; padding: 0; border: none; box-sizing: border-box;}
				body, html{
					//background: #ddd;
					font-family: "Open Sans", sans-serif;
					font-weight: 300;
					font-size: 16px;
					background-color: #fff;
					//background-image: url(../img_/network2.jpg);
					background-size: 1200px;
					background-position: -250px 900px;
					background-repeat: no-repeat;
				}
				a{text-decoration: none;}
				ul, ol{list-style: none;}
				img{max-width: 100%}
				div.top_bg{
					background: #E65F0D;
				}
				div.footer_bg{
					background: #2e3b43;
					padding:50px 0;
				}				
				div.top{
					max-width: 1060px;
					margin: 0 auto;
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
					padding-top: 10px;
					align-items: center;
				}
				div.top a{
					color: white;
					margin: 0 25px 10px 25px;
					//flex: 1;
				}
				div.top a.main{
					display: none;
				}				
				div.top a.logo_top{
					display: block;
					background: rgba(0,0,0,.0) url('../img_/top_logo.png');
					background-repeat: no-repeat;
					background-size: 100px;
					background-position: center right;
					min-width: 150px;
					height: 35px;
					//border: 1px solid #ddd;
				}
				div.top a.login, div.top a.main{
					font-weight: 600;
					text-transform: uppercase;
					font-size: 0.8em;
				}
				div.header_bg{}
				div.header{
					max-width: 960px;
					margin: 0 auto;
					//display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
					align-items: start;	
					padding-top: 20px;				
				}
				div.header a.logo_header{
					display: block;
					width: 250px;
					background: url('../img_/logo-alumini.png');
					background-size: contain;
					background-repeat: no-repeat;
					background-position: center;
					height: 100px;
					margin: 0 10px 10px 10px;
					//border: 1px solid #ddd;
					//flex: 1 1 150px;
				}
				div.header ul.header_menu{
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
					width: 100%;
					//background-color: pink;
				}
				ul.header_menu li a{
					display: block;
					font-size: 1em;
					font-weight: 600;
					color: #505050;
					//text-transform: uppercase;
					margin: 0 0px;
					letter-spacing: -0.4px;
					//line-height: 100px;
					padding: 10px 5px 10px 5px;
					transition: 0.3s;
				}
				ul.header_menu li a:hover{
					//text-decoration: underline;
					color: #47a3da;
					//background-image: linear-gradient(to right, #ddd, #eee);					
				}				
				ul.header_menu li a.active{
					//background-image: linear-gradient(to right, #d95f0d, #eb9f00);
					//color: white;
					//box-shadow: 0px 1px 3px #888;
				}
				ul.header_menu li a i{display: none;}	
				div.footer{
					max-width: 1060px;
					display: flex;
					margin: 0 auto;
					justify-content: center;
					
					flex-wrap: wrap;
				}
				div.footer a{
					display: block;
					height: 90px;
					//border: 1px solid #ddd;
					flex: 0 1 100px;
					margin: 0 10px 10px 10px;
				}
				div.footer a.uniarp_foo, div.footer a.credits{
					background: url("../img_/logo-alumini-footer.png");
					background-position: center;
					background-size: contain;
					background-repeat: no-repeat;
				}
				div.footer-links{
					text-align: center;
				}
				div.footer-links a{
					color: #fff;
					font-size: 0.8em;
				}
				div.conteiner_c{
					max-width: 1190px;
					margin: 0 auto;
					//min-height: 70vh;
				}
				div.home_ph_bg{
					background: #000;
					height: 650px;
					box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
					text-align: center;
					position: relative;
				}
				div.page_bg{
					width: 100%;
					background-image: url(../img_/dots.png);
					background-repeat: no-repeat;
					background-position: -150px -50px;
					background-size: 500px;
					background-color: #eee;

				}
.particle{
    position: absolute;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: radial-gradient(rgb(255, 245, 153) 40%, rgb(247, 211, 51), orange, rgb(255, 81, 0));
    box-shadow: 3px 5px 10px rgba(255, 255, 255, 0.514);

}

.particle-container .particle:nth-child(1){
    top: 12%;
    left: 42%;
    animation: particle-motion 1s linear infinite;
}

.particle-container .particle:nth-child(2){
    top: 70%;
    left: 50%;
    animation: particle-motion 7s linear infinite;
}
.particle-container .particle:nth-child(3){
    top: 17%;
    left: 6%;
    animation: particle-motion 9s linear infinite;
}
.particle-container .particle:nth-child(4){
    top: 20%;
    left: 60%;
    animation: particle-motion 10s linear infinite;
}
.particle-container .particle:nth-child(5){
    top: 67%;
    left: 10%;
    animation: particle-motion 6s linear infinite;
}
.particle-container .particle:nth-child(6){
    top: 80%;
    left: 70%;
    animation: particle-motion 11s linear infinite;
}
.particle-container .particle:nth-child(7){
    top: 60%;
    left: 80%;
    animation: particle-motion 6s linear infinite;
}
.particle-container .particle:nth-child(8){
    top: 32%;
    left: 25%;
    animation: particle-motion 6s linear infinite;
}
.particle-container .particle:nth-child(9){
    top: 90%;
    left: 25%;
    animation: particle-motion 9s linear infinite;
}
.particle-container .particle:nth-child(10){
    top: 10%;
    left: 80%;
    animation: particle-motion 5s linear infinite;
}

.particle-container .particle:nth-child(11){
    top: 24%;
    left: 82%;
    animation: particle-motion 10s linear infinite;
}

.particle-container .particle:nth-child(12){
    top: 97%;
    left: 5%;
    animation: particle-motion 7s linear infinite;
}
.particle-container .particle:nth-child(13){
    top: 97%;
    left: 60%;
    animation: particle-motion 9s linear infinite;
}
.particle-container .particle:nth-child(14){
    top: 30%;
    left: 40%;
    animation: particle-motion 5s linear infinite;
}
.particle-container .particle:nth-child(15){
    top: 47%;
    left: 55%;
    animation: particle-motion 7s linear infinite;
}
.particle-container .particle:nth-child(16){
    top: 70%;
    left: 80%;
    animation: particle-motion 8s linear infinite;
}
.particle-container .particle:nth-child(17){
    top: 40%;
    left: 40%;
    animation: particle-motion 10s linear infinite;
}
.particle-container .particle:nth-child(18){
    top: 23%;
    left: 15%;
    animation: particle-motion 4s linear infinite;
}
.particle-container .particle:nth-child(19){
    top: 90%;
    left: 90%;
    animation: particle-motion 3s linear infinite;
}

.particle-container .particle:nth-child(20){
    top: 85%;
    left: 95%;
    animation: particle-motion 7s linear infinite;
}

@keyframes particle-motion {
    0%{
        transform: translate(0);
        opacity: 1;
    }

    20%{
        transform: translate(5px -20px);
        opacity: 0.8;
    }

    40%{
        transform: translate(-10px, -30px);
        opacity: 0.7;
    }

    60%{
        transform: translate(15px, -40px);
        opacity: 0.5;
    }

    80%{
        transform: translate(-20px, -60px);
        opacity: 0.2;
    }

    100%{
        transform: translate(40px, -100px);
        opacity: 0;
    }
}				
				div.home_video iframe{
					//border: 1px solid yellow;
				}
				div.nauniarp_bg{
					background: #eee;
					min-height: 250px;
					margin-top: 20px;
					background-image: url('../img_/nauniarp_bg.jpg');
					background-repeat: no-repeat;
					background-position: center;
					background-size: cover;
					box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
				}	
				span.naUniSubtitle{
					font-weight: 300;
					letter-spacing: 4px;
				}			
				div.home_p{
					display: flex;
				}
				div.home_p div.p{
					//border: 1px solid white;
					color: white;
					margin-top:160px;
					padding: 10px;
					font-weight: 400;
				}
				div.home_p div.p h2{
					font-size: 3em;
					letter-spacing: -4px;
					text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
				}
				div.home_t{
					margin-top: 30px;
					padding: 10px;
					font-size: 1em;
					color: #535353;
					//margin-bottom: 50px;
					background-image: url(../img_/alumini-vector-bg.jpg);
					background-size: 900px;
					background-repeat: no-repeat;
					min-height: 1200px;
					background-position: 50% 115%;
				}
				div.home_t h1, 
				div.home_t h2, 
				div.home_t h3, 
				div.home_th4{
					margin-top: 0px;
				}
				div.home_t h1{
					margin-top: 0px;
					font-weight: 100;
					letter-spacing: -5px;
					font-size: 4em;
					text-align: center;
				}
				div.home_t p{
					margin: 40px 0;
					font-weight: 300;
					font-size: 1.5em;
				}
				a.a_btn, .b_btn, a.acess{
					display: inline-block;
					padding: 25px 25px;
					background-image: linear-gradient(to right, #505050, #303030);					
					color: white;
					box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
					margin: 10px 5px;
					font-weight: 600;
					text-transform: uppercase;
					letter-spacing: 2px;
					border-radius: 3px;
					min-width: 400px;
					position: relative;
				}
				a.a_btn span.ribbon{
					display: inline-block;
   					position: absolute;
   					left: 20px; top: 38px;
   					//border: 1px solid white;
				}
				span.ribbon:before,span.ribbon:after{
					content: "";
				    display: block;
				    position: absolute;
				    height: 10px;
				    bottom: -8px;
				    border: 18px solid #53b0de;					
				}
				span.ribbon-gold:before, span.ribbon-gold:after{
					border-color: #ffd800 !important
				}				
				span.ribbon:before, span.ribbon-gold:before{
					border-bottom-color: transparent !important;
    				bottom: -40px;
				}

				.chamada-header{
					width: 100%;
					height: 700px; 
					background-color: #ddd;
					margin-top:20px;
					background-image: url('../img_/fundo-comunidade.jpg');
					background-size: cover;
					background-repeat: no-repeat;
					background-position: center right;
					position: relative;
				}
				.chamada-titulo{
					width: 100%; 
					right: 40%;
					bottom: 0px; 
					position: absolute;
					background-color: #404040;
					text-align: right;
					border-top-right-radius: 80px;
					padding: 30px 50px;
					box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2)
				}
				span.ribbon-titulo{
					display: inline-block;
   					position: absolute;
   					right: 800px; top: 38px;
				}
				span.ribbon-titulo:before,span.ribbon-titulo:after{
					content: "";
				    display: block;
				    position: absolute;
				    height: 10px;
				    bottom: -8px;
				    border: 18px solid #53b0de;					
				}
				.gold:before, .gold:after{border-color: #ffd800 !important}				
				span.ribbon-titulo:before{
					border-bottom-color: transparent !important;
    				bottom: -40px;
				}						
				div.historia_bg{
					background: #ddd;
					min-height: 400px;
					padding: 80px 0;
				}
				ul.beneficios{
					display: block;
				}
				ul.beneficios li{
					display: block;
					padding: 30px 100px 30px 100px;
					background-color: #404040;
					color: #fff;
					margin-top: 5px;
					font-size: 1.2em;
					position: relative;
					font-weight: 500;
					border-top-right-radius: 60px;
					border-bottom-right-radius: 60px;
					box-shadow: 5px 2px 2px rgba(0, 0, 0, .3);
					border-left: 10px solid orange;
				}
				ul.gold li{
					background-color: #111 !important;
					border-left: 10px solid #ffd800 !important;
					box-shadow: 5px 2px 0px rgba(255, 255, 255, .3) !important;
				}
				/*ul.beneficios li:after{
					content: "";
					position: absolute;
					top: 0%;
					left: 0%;
					width: 0px;
					height: 0px;
					border-top: 50px solid #fff;
					border-right: 50px solid transparent;
					-webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
					-moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
					box-shadow: 7px 7px 7px rgba(0,0,0,0.3);
				}*/
				ul.beneficios li:after{
					content: "";
					position: absolute;
					top: 40%;
					left: 20px;
					width: 20px;
					height: 20px;
					background: white;
					border-radius: 50%;
					box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .3);

				}				
				div.historia{
					display: flex;
					height: 400px;
					align-items: center;
					justify-content: flex-end;
					flex-wrap: wrap;
					background-image: url("../img_/historia_bg.jpg");
					background-repeat: no-repeat;
					background-size: contain;
					background-position: left center					
				}
				/*div.hist_ph{
					width: 80%;
					height: 400px;
					//flex: 1 0 0;
					border: 1px solid #777;	
					background-image: url("../img_/historia_bg.png");
					background-repeat: no-repeat;
					background-size: contain;
					margin-top: 30px;				
				}*/
				div.historia div.title{
					//border: 1px solid #777;
					//display: flex;
					flex: 0 1 0;
					//flex-wrap: wrap;
					//justify-content: right;
					color: #0080ab;
					margin-top: 10px;
				}
				div.historia div.title h1{
					//flex: 1 1 0;
					text-transform: uppercase;
					font-size: 5.5em;
					letter-spacing: -6px;
					text-shadow: 2px 2px 2px #222;
					font-weight: 600;
				}
				div.historia div.subtitle{
					//flex: 1 1 100px;
					max-width: 70%;
					margin-left: 30%;

				}
				div.historia div.subtitle span{
					letter-spacing: 15px;
					font-weight: 600;
				}
				div.historia div.subtitle p{
					margin-top: 15px;
					font-weight: 600;
					color: #888;
					font-size: 0.9em;
				}
				div.historia div.subtitle a.a_btn, .bloc a, div.dados_perfil form .b_btn{
					font-size: 0.7em;	
					background-image: linear-gradient(to right, #0080ab, #08a7ce);			
				}	
				.bloc a.more-link{display: none}			
				div.box_pesquisas{
					min-height: 500px;
					display: flex;
					justify-content: center;
					align-items: center;
					flex-wrap: wrap;
				}
				div.box_pesquisas div.card{
					//min-width: 40%;
					min-height: 200px;
					box-shadow: 0px 4px 10px #777;
					margin: 30px;
					border-radius: 1px;
					flex: 0 1 300px;
				}
				div.box_pesquisas div.card h1::before{
					display: block;
					content: '';
					width: 16px;
					height: calc(100% + 15px);
					background-color: #0080ab;
					background-image: url('../img_/squareA1.png');
					background-position: 0px 100%;
					background-size: 15px;
					background-repeat: no-repeat;
					position: absolute;
					top: 0px;
					left: -15px;
					z-index: 3;
				}
				div.box_pesquisas div.card h1::after{
					display: block;
					content: '';
					width: 16px;
					height: calc(100% + 15px);
					background-color: #08a7ce;
					background-image: url('../img_/squareA2.png');
					background-position: 0px 100%;
					background-size: 15px;
					background-repeat: no-repeat;
					position: absolute;
					top: 0px;
					right: -15px;
					z-index: 3;
				}				
				div.box_pesquisas div.card h1{
					padding: 10px;
					background-image: linear-gradient(to right, #0080ab, #08a7ce);
					color: white;
					text-align: center;
					margin-top: 10px;
					text-transform: uppercase;
					font-weight: 600;
					line-height: 35px;
					position: relative;
				}
				div.box_pesquisas div.card h1 span{
					display: block;
					font-size: 0.4em;
					letter-spacing: 5px;
					font-weight: 400;
					line-height: 15px;
				}
				div.box_pesquisas div.card p{
					margin: 15px 30px;
					font-weight: 400;
					color: #535353;
					font-size: 0.8em;
				}
				div.box_pesquisas div.card p a.a_btn{
					display: block;
					text-align: center;
				}
				div.img_hist_hid{
					display: none;
					//flex: 1;
				}

				/* ------- page historias ----- */
				div.hist_filter{
					//border: 1px solid silver;
					margin: 30px auto !important;
				}
				div.hist_filter form{
					display: flex;
					justify-content: center;
					flex-wrap: wrap;
					align-items: center;
				}
				div.hist_filter form input, div.hist_filter form select{
					padding: 5px 10px;
					border: 10px solid #0080ab;
					border-radius: 5px;
					margin: 4px 10px;	
					box-shadow: 2px 2px 3px rgba(0,0,0,.3);	
					font-family: 'Open Sans', sans-serif;
					font-weight: 600;	
					font-size: 1em;	
					color: #535353;	
				} 
				div.hist_filter form .s{
					flex: 1 1 300px;
					background-image: url(../img_/search_ico.png);
					background-repeat: no-repeat;
					background-position: 97% center;
					background-size: 1.5em;
				}
				div.hist_filter form .op{
					flex: 0 1 200px;
				    -moz-appearance:none; /* Firefox */
				    -webkit-appearance:none; /* Safari and Chrome */
				    appearance:none;
					background-image: url(../img_/arrow_down.png);
					background-repeat: no-repeat;
					background-position: 96.5% center;
					background-size: 1em;				    					
				}		
				div.hist_filter form a.gobackFil{
					color: #535353;
					font-weight: 600;
					font-size: 1em;
					border: 10px solid #0080ab;
					padding: 5px 10px;
					border-radius: 5px;
					box-shadow: 2px 2px 3px rgba(0,0,0,.3);
				}
				div.h_blocs{
					display: flex;
					justify-content: space-between;
					flex-wrap: wrap;
				}	
				div.h_blocs .bloc{
					padding: 20px;
					border: 1px solid silver;
					box-shadow: 0px 2px 5px rgba(0, 0, 0,.4);
					flex: 1 1 200px;
					margin: 10px;
					border-radius: 2px;
					color: #535353;
				}
				div.h_blocs .bloc .thumb{
					width: 100%;
					height: 200px;
					//background-image: url(../img_/egresso_padrao.jpg);
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					position: relative;
					border-radius: 6px;
				}
				div.h_blocs .bloc .thumb::after{
					display: block;
				    position: absolute;
				    width: 90%;
				    height: 90%;
				    /* background: rgb(86 27 27 / 84%); */
				    top: 5%;
				    left: 5%;
				    content: '';
				    border: 1px dotted #ffffff7a;
				    border-radius: 6px;
				}	
				.bloc h3{
					letter-spacing: -0.5px;
					margin-top: 5px;
				}
				.bloc span{
					font-size: 0.7em;
					font-style: italic;
					font-weight: 600;
				}
				.bloc p{
					font-size: 0.9em;
					margin-top: 20px;
					font-weight: 400
				}
				.bloc a{
					font-size: 0.6em; 
					padding: 8px 15px;
				}
				.bloc_open{
					padding: 60px 10px;
					color: #535353;
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					//border: 1px solid silver;
					box-shadow: 0px 2px 8px rgba(0, 0, 0, .2);
					margin-bottom: 60px;
				}
				div.bloc_open .thumb{
					flex: 0 1 300px;
					height: 170px;
					//background-image: url(../img_/egresso_padrao.jpg);
					background-position: center;
					background-repeat: no-repeat;
					background-size: cover;
					background-color: silver;
					margin: 20px;
				}
				div.bloc_open .nome{
					flex: 1 0 300px;
					//background: silver;
					margin: 20px;
				}
				div.bloc_open .nome h3{font-size: 1.7em}
				div.bloc_open .nome a{
					color: #535353;
				}					
				.bloc_open span{
					font-size: 0.7em;
					font-style: italic;
					font-weight: 600;
					margin: 20px;
					display: block;
					flex: 1 0 400px;
				}
				.bloc_open p{
					font-size: 1em;
					font-weight: 400;
					margin: 20px;
				}							
				/* ------- end page historias ----- */

				/* -- page login ---*/
				div.login_box{
					text-align: center;
					color: #535353;
					height: 100vh;
				}
				div.login_box h1, div.login_box p{
					padding: 5px;
				}			
				div.login_box div.in_box_form{
					max-width: 800px;
					margin: 0 auto;
					background-color: #e2e2e2;
					font-weight: 600;
					margin-bottom: 50px;
					padding-bottom: 20px;
				}
				div.login_box div.in_box_form a{
					color: #d95f0d;
				}
				div.in_box_form h3{
					padding: 10px;
					background: linear-gradient(to right, #d95f0d, #eb9f00);
					color: #fff;
					letter-spacing: 2px;
					margin-bottom: 30px;
				}
				div.in_box_form form{
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
				}
				div.in_box_form form input{
					//min-width: 300px;
					flex: 1 1 0;
					width: 100%;
					padding: 10px;
					font-size: 1em;
					font-weight: 600;
					font-family: 'Open Sans', sans-serif;
				}
				div.in_box_form form input[type="submit"]{
					font-size: 0.7em;
					font-weight: 400;
				}
				div.field_box{
					position: relative;
					margin: 10px;
					min-width: 300px;
				}						
				div.field_box a.toggle{
					display: block;
					position: absolute;
					top: 0;
					right: 0;
					z-index: 3;
					width: 15%;
					height: 100%;
					background: #efefef;
					background-image: url('../img_/search_ico.png');
					background-repeat: no-repeat;
					background-position: center;
					background-size: 70%;
				}				
				/* -- end page login --*/

				/* -- page todos os egressos --*/
				div.list_egressos{

				}
				div.list_egressos h1, div.list_egressos span{ 
					margin: 10px 0;
				}
				div.list_egressos div.list_filters{
					margin-top: 10px;
					margin-bottom: 30px;
					color: white;
					font-weight: 600;
				}
				div.list_filters a.tab{
					display: inline-block;
					padding: 10px 30px;
					background: #fff;
					margin-right: 10px;
					color: #d95f0d;
					border: 1px solid #d95f0d;
					border-bottom: none;
				}
				div.list_filters a.clear{
					display: inline-block;
					padding: 5px 10px;
					background: rgba(255,255,255,.2);
					color: white;
					font-size: 0.6em;
					border-radius: 5px
				}				
				div.list_filters a.active{
					background: #d95f0d;
					color: white;
				}				
				div.list_filters form{
					background-image: linear-gradient(to bottom, #d95f0d, #eb9f00);
					padding: 0px 10px 20px 0px;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				div.list_filters form ul{
					//flex: 0 0 50%;
					display: block;
					margin: 0 20px;
				}
				div.list_filters form ul li label{
					display: inline-block;
					width: 210px;
					//text-align: right;
					padding: 5px 0px;
					margin-top: 10px;
					font-size: 0.8em;
				}
				div.list_filters form ul li label.nome{width: 80px}
				div.list_filters form ul li input, 
				div.list_filters form ul li select{
					padding: 5px 10px;
					font-family: 'Open Sans', sans-serif;
					font-weight: 600;
					//margin-top: 10px;
					font-size: 1em;
					border: 1px solid #b9510a;
					border-radius: 5px;
					box-shadow: inset 1px 2px 3px rgba(0, 0, 0, .2);
				}
				input.t_, select.t_{
					width: 300px;
				}
				input.t_ano{
					width: 75px;
				}
				input.f_all{
					padding: 8px 10px;
					font-family: 'Open Sans', sans-serif;
					font-weight: 600;
					margin: 0;
					box-shadow: 2px 2px 2px rgba(0,0,0,.1) !important;
					background: rgba(255, 255, 255, .2) !important;
				}
				input.f_all:active{
					background: rgba(0, 0, 0, .2) !important;
				}				
				div.list_filters form ul li label.tipo{display: none;}
				div.list_egressos div.paginacao, div.paginacao{
					padding: 20px 0;
					text-align: center;
				}
				div.list_egressos div.paginacao p{
					font-size: 0.9em;
				}
				div.paginacao div.nav{
					margin: 10px;
					background: #ddd;
					display: inline-block;
					background-image: linear-gradient(to right, #d95f0d, #eb9f00);
				}
				div.paginacao div.nav a{
					display: inline-block;
					padding: 5px 15px;
					color: #fff;
					margin: 0px;
					font-weight: 400;
				}
				div.paginacao div.nav a:hover{
					text-decoration: underline;
				}				
				div.paginacao div.nav a.act, div.paginacao div.nav a:active{
					font-weight: 600;
					background: rgba(0, 0, 0, 0.3);
				}	
				
				div.dados table{width: 100%;font-size: 0.8em;font-weight: 400}
				div.dados table th{
					background-image: linear-gradient(to right, #d95f0d, #eb9f00);
					color: white;
				}	
				div.dados table td{
					word-wrap: break-word;
				}
				div.dados table td, div.dados table th{
					padding: 5px;
				}
				div.dados table tr:nth-child(odd) {
				    background: #ddd;
				}							

				/* --end page todos os egressos --*/

				/** page programas e eventos **/

				form._bluFilter{
					background-image: linear-gradient(to bottom, #0080ab, #08a7ce) !important;
				}
				form._bluFilter ul li input, form._bluFilter ul li select{
					border-color: #0080ab !important;
				}
				div._navblu{
					background-image: linear-gradient(to right, #0080ab, #08a7ce) !important;
				}
				div.listing_eventos{}
				div.listing_eventos ul li{
					display: block;
					padding: 20px 0;
					border-bottom: 2px solid #08a7ce;
				}
				a.event{
					display: block;
					min-height: 100px;
					display: flex;
					align-items: center;
				}
				a.event:hover{

				}
				a.event span.data{
					display: block;
					background-image: linear-gradient(to bottom, #0080ab, #08a7ce);
					color: white;
					min-width: 100px;
					text-align: center;
					padding: 30px 0 70px 0;
					font-weight: 800;
					font-size: 2em;
					letter-spacing: -1px;
					line-height: 20px;
				}
				a.event span.data small{
					font-size: .5em;
					font-weight: 300
				}
				a.event span.text{
					margin: 0;
					padding-left: 20px;
					font-size: 1.5em;
					line-height: 20px;
					color: #535353;
				}
				a.event span.text small{
					font-size: .6em;
					font-weight: 400
				}
				/** end page programas e eventos **/

				/** page carreiras **/
				div.centralCarr_bg{
					//background-image: linear-gradient(to right, #0080ab, #08a7ce);
					height: 90vh;
					margin-top: 20px;
					//background-image: url('../img_/carreiras_bg.jpg');
					//background-repeat: no-repeat;
					//background-position: center;
					//background-size: cover;
					//box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);
					margin-bottom: 100px;			
				}
				div.carr_p{
					display: flex;
					justify-content: center;
					text-align: center;
					color: #0080ab;
				}
				div.carr_p a.acess{
					background-image: none;
					border: 2px solid #0080ab;
					margin-top: 100px;
					color: #0080ab;
				}				
				/** end page carreiras **/
				/** page atualizacao cadastral **/
				div.cadastro{
					margin-top: 20px;
				}
				div.perfil{
					background-image: linear-gradient(to right, #0080ab, #08a7ce);
					padding:20px;
					display: flex;
				}
				div.perfil div.foto{
					width: 150px;
					height: 150px;
					background-color: #f7f7f7;
					background-image: url(../img_/usuario.png);
					background-size: 145px;
					background-repeat: no-repeat;
					background-position: center;
				}
				div.perfil div.dados{
					margin-left: 20px;
					color: #fff;
					text-align: left;
				}
				div.perfil a{
					font-weight: 600;
					color: #fff;
					font-size: .6em;
					border: 1px solid white;
					padding: 3px 5px;
					border-radius: 3px;
				}
				div.dados_perfil{
					margin-top: 20px;
					background: #eee;
				}
				div.dados_perfil h4{
					padding: 10px;
					background-image: linear-gradient(to right, #0080ab, #08a7ce);
					color: white;
				}
				div.dados_perfil form{
					padding: 20px;
					text-align: left;
				}
				div.dados_perfil form ul li{
					display: flex;
					align-items: center;
					margin-bottom: 20px;
				}
				div.dados_perfil form ul li label{
					display: inline-block;
					margin-right: 20px;
					font-size: 1.5em;
					color: #08a7ce;
					background: none;
					width: 100px;
					font-size: 0.8em;
				}
				div.dados_perfil form input{
					font-size: 1.2em;
					border:none;
					background: none;
					color: #909090;
					border-bottom: 2px solid #08a7ce;
					padding: 5px 10px;
					width: 60%;
					//max-width: 500px; 
				}
				div.dados_perfil form ul li small{
					font-size: 0.7em;
				}				
				/** end atualizacao cadastral **/

				/** wp hacks **/
				.post_content{
					max-width: 100%;
					word-wrap: break-word;
				}
				.post_content img{
					margin: 20px 24%;
					width: 50%;
					border: 2px solid #efefef;
					border-radius: 5px;
				}
				.post_content iframe{
				    margin: 20px 0;	
				    width: 85%;
    				height: 400px;				
				}
				.post_content div{
					margin: 20px;
				}
				.post_content .wp-block-embed{
					text-align: center;
				}
				.wp-caption{
					text-align: center;
					margin: 20px;
				}
				.wp-caption img, .post_content img{
					margin: 20px 24%;
					width: 50%;
					border: 2px solid #efefef;
					border-radius: 5px;		
				}
				.wp-socializer{
					display: none
				}
				/** end wp hacks **/

				
				/* ------ condicionais ------- */			
				@media screen and (max-width: 1060px){
					div.header{
						flex-wrap: wrap;
						flex-direction: column;	
						align-items: center;
					}					
					div.header a.logo_header{
						//margin: 0 auto;
					}
					ul.header_menu li a{
						padding: 5px 5px 5px 5px;
					}
					div.historia div.title{
						padding-right: 20px;
					}
					div.historia_bg{
						padding: 20px 0 ;
						margin-top: 20px;
					}
					div.historia{
						height: auto;
						align-items: center;
						justify-content: center;
						flex-wrap: wrap;
						background: none;				
					}
					div.img_hist_hid{display: block;}
					div.historia div.title{
						//display: none;
						//border: 1px solid silver;
						width: 100%;
						flex: 1 1 0;
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						flex-wrap: wrap;
						padding:0;
					}
					div.historia div.title h1{
						//display: none;
						font-size: 3em;
						margin:10px 10px;
						text-shadow: none;
					}
					div.historia div.subtitle{
						//display: none;
						margin:0px 10px;
						flex: 1 1 0;
						max-width: 100%;
						text-align: center;
					}
					div.historia div.subtitle span{
						margin-top: 10px;
						letter-spacing: 5px;
					}
					a.a_btn{font-size: 0.7em;letter-spacing: 1px;}																													
				}
				@media screen and (max-width: 860px){
					div.top_bg{
						box-shadow: 0px 2px 3px rgba(0,0,0,.5);
					}
					div.top a{
						margin: 0 10px 10px 10px;
					}					
					div.top a.main{
						display: inline;
					}			
					div.top a.logo_top{
						display: none;
					}							
					div.header nav{
						width: 100%;
					}
					div.header ul.header_menu{
						flex-direction: column;
						align-items: stretch;
						justify-content: flex-start;
						//display: none;
						transition: 0.5s;
					}	
					div.header ul.header_menu li{
					}
					ul.header_menu li a{
						margin: 0;
						padding: 15px 10px 15px 10px;
						font-size: 1em;
						color: #fff;
						background-color: #404040;
						font-weight: 300;
					}		
					ul.header_menu li a i{display: inline;}	
					div.home_t{
						margin-bottom: 30px;
						padding: 10px 20px;
					}
					div.home_p div.p {
						padding: 10px 20px;
					}
					div.box_pesquisas div.card{
						margin: 20px;
						border-radius: 1px;
						flex: 1 1 200px;
					}
					div.hist_filter form .op{
						flex: 1 1 200px;
						max-width: 50%;
					}
					div.historia div.subtitle{
						margin: 0 20px;
					}
					div.list_egressos{
						margin: 10px;
					}
					div.list_filters form{
						flex-direction: column;
						align-items: flex-start;
						padding: 10px;
					}
					div.list_filters form ul{
						flex: 1;
					}
					div.list_filters form ul li label{
						width: 100% !important;
					}
					div.list_filters form ul li label.tipo{
						display: inline-block;
						width: auto !important;
						background: rgba(0, 0, 0, .2);
						border-radius: 5px;
						padding: 10px;
					}
					input.f_all{ 
						 margin-top: 30px !important;
					}
					div.list_filters a.tab{
						display: none;
					}
					div.list_filters form ul li input, 
					div.list_filters form ul li select{
						margin-top: 5px;
					}	
					div.paginacao div.nav a.num{
						display: none;
					}	
					/** codepen test table **/
					div.dados table, div.dados thead, div.dados tbody, div.dados th, div.dados td, div.dados tr {
						display: block;
					}
					div.dados table thead tr {
						position: absolute;
						top: -9999px;
						left: -9999px;
					}
					div.dados table tr {
					    margin: 0 0 1rem 0;
					}	
					div.dados table tr:nth-child(odd) {
					    background: #ddd;
					}
					div.dados table td, div.dados table th{
						padding: 0px;
					}					
					div.dados td {
						/* Behave  like a "row" */
						border: none;
						border-bottom: 1px solid #ccc;
						position: relative;
						padding-left: 40% !important;
						font-weight: 600;
						font-size: 0.9em;
					}
					div.dados td:before {
						/* Now like a table header */
						position: absolute;
						/* Top/left values mimic padding */
						top: 0;
						left: 6px;
						width: 35%;
						padding-right: 10px;
						white-space: nowrap;
						font-weight: 600;
						//letter-spacing: -1px;
						color: #000;
						font-weight: 700;
						text-align: right
					}																	
					div.dados td:nth-of-type(1):before { content: "Nome"; }
					div.dados td:nth-of-type(2):before { content: "Curso"; }
					div.dados td:nth-of-type(3):before { content: "Ano de Ingresso"; }
					div.dados td:nth-of-type(4):before { content: "Ano de Formatura"; }
					div.home_p div.p h2{
						line-height: 50px;
					}
					div.listing_eventos ul li{
						padding: 10px 0;
						margin-bottom: 30px;
					}						
					a.event{
						flex-direction: column;
						justify-content: flex-start;
						align-items: flex-start;
					}
					a.event span.text{
						padding: 0;
						margin-top: 20px;
					}
					a.event span.data{
						padding: 10px 0;
					}	
					div.dados_perfil form ul li{
						flex-direction: column;
						align-items: flex-start;
					}	
					div.dados_perfil form ul li input{
						width: 100%;
					}	
					div.login_box div.in_box_form{
						margin-bottom: 0px;
					}														
					.wp-caption img, .post_content img{
						margin: 20px 4%;
						width: 90%;
						border: 2px solid #efefef;
						border-radius: 5px;		
					}
					div.bloc_open .thumb{
						flex: 1 1 300px;
						height: 170px;
					}					
				}				
				@media screen and (max-width: 400px){
					div.historia_bg{
						margin-top: 0px;
					}
					div.home_ph_bg{margin-top: 10px;}
					a.a_btn{display: block}
					div.box_pesquisas div.card{
						flex: 1 1 200px;
					}	
					div.bloc_open .nome{
						flex: 1 1 300px;
					}
					.bloc_open span{
						flex: 1 1 400px;
					}
					.bloc_open{
						padding-top: 20px;
						box-shadow: none;
					}
					div.in_box_form form div.field_box{
						min-width: 90%;
					}
					div.list_filters form {
						padding: 10px;
					}
					div.list_filters form ul{
						min-width: 100%;
						margin:0;
					}
					div.list_filters form ul li{
						margin: 0;
					}
					input.t_, select.t_{
						width: 100%;
						margin-top: 0px !important; 
					}
					div.list_filters form ul li input[type="text"], 
					div.list_filters form ul li select{
						margin-top: 0px;
					}
					input.t_ano{
						margin-top: 0px !important;
					}										
					div.list_filters form ul li label{
						margin-top: 5px;
					}
					input.f_all{ 
						display: block !important;
						width: 100%;
						margin-top: 30px !important;
					}
					div.list_filters form ul li label.tipo{
						display: block;
					}
					div.list_filters form{font-size: 1.2em !important}	
					div.list_filters a.clear{display: block}																																				
				}