#premio {
	padding-top: 200px;
	
}

.staatliches {
	font-family: "Staatliches", sans-serif;
	
}

.fade {
    opacity: 0;
    transition: opacity .5s ease-in;
}


.logo-premio {
	background: url("/premio2024/logos_topo.png");
	background-size: 80% auto;
	background-repeat: no-repeat;
	width: 100%; height: 140px;
	
}

@media(max-width:768px){
	
	.logo-premio {
	background: url("/premio2024/logos_topo_mobile.png");
	background-size: 90% auto;
		background-position: top center;
	background-repeat: no-repeat;
	width: 100%; height: 210px;
	
}
	
	#premio {
	padding-top: 100px;
	
}
	
	.premio-cat.nav-tabs>li>a {
	
	margin-right: 4px; 
		
}

	.premio-cat.nav-tabs>li:last-child>a {
	
	margin-right: 0px!important; 
		
}
	
	
	
}




.premio-cat.nav-tabs .barrinha {
		width: 2px;
		height: 0;
		background: #F30775;
		position: absolute;
	 margin-left: 50%;
}

.premio-cat.nav-tabs .active .barrinha {
		height:  20px;
	transition: height 0.5s ease-in;
}


.fundo_premio {
	background-image: url("background.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #4A0C66;
}

.regulamento {
	background:#ECECEC;
	height: 300px;
	padding: 15px;
	overflow-y: scroll;
	margin-bottom: 20px;
}

.regulamento p{
	font-size: 12px; line-height: 16px;
}

.premio-cat{
		border: none;
		
}

.premio-cat.nav-tabs>li {
    float: left;

    width: 33.33%;
}

.premio-cat.nav-tabs.interno>li {
    float: left;

    width: 50%;
}

.premio-cat.nav-tabs>li>a {
	
	font-size: 30px;
	color: #fff;
	border: 2px solid #E8E8E8;
	text-align: center;
	display: flex!important;
    align-items: center;
    
    justify-content: center;
		
}

.premio-cat.nav-tabs.interno>li>a {
	
	font-size: 30px;
	color: #949393;
	border: 2px solid #E8E8E8;
	text-align: center;
	line-height: 30px;
	padding: 40px;
	
		
}

@media(max-width:768px){
	
	.premio-cat.nav-tabs.interno>li>a {
	
	font-size: 24px;
	color: #949393;
	border: 2px solid #E8E8E8;
	text-align: center;
	line-height: 24px;
	padding: 25px;
		
}
}

.premio-cat.nav-tabs.interno i {
	
	font-size: 20px;
	line-height: 20px;
	margin-right: 15px;
		
}

.premio-cat.nav-tabs>li.active>a {
    color: #555;
    cursor: default;
    background-color: #fff;
	border: 2px solid #F30775;
	
}

.premio-cat.nav-tabs>li.demo>a {
   opacity: 0.5;
}




.cd-timeline-content p {
color:#fff;
}

.floraforms .btn-themed {
    background-color: #0ac9bf;
	color:#000; border-radius: 30px; border: none;
}

.floraforms .btn-themed.interno {
	font-family: "Staatliches", sans-serif;
    height: 40px;
    padding: 9px 29px;
    position: relative;
    font-size: 30px;
    line-height: 25px;
    margin-top: 25px;
}

.floraforms .flo-button[disabled] {
    cursor: default;
	background:#D0D0D0; border:2px #C3C3C3 solid;
    opacity: .5;
}

.floraforms .campo_ok {
    height: 40px;
    padding: 5px;
    position: absolute;
	bottom: 25px; right: 10px;
	font-size: 24px;
	color: #7ED983;
	background: none;

    
}

.flora-container {
    margin: 0 auto;
    background: none;
    box-shadow:none;
    padding: 0px;
	border: none;
}

#premio2024 .floraforms .flo-input, #premio2024 .floraforms textarea {
    padding-right: 90px;
    padding-left: 20px;
	height: 60px;
    border-radius: 30px;
	border-left: 2px solid #D3D3D3;
	border-top: 2px solid #D3D3D3;
	background: #ebebeb;
}


#premio2024 .floraforms .frm-row .colm {
	margin-top: 15px;
}


.icone_categorias {
padding:4px 0; margin:0 5px 5px 0; display: inline-block; color:#0ac9bf;
width: 35px; background:#34393a; text-align:center;

}

.icone_categorias i {
	margin: 0 auto;

}


.titulo_categorias {
	font-family: "Staatliches", sans-serif;
line-height:55px; color:#601981; font-size:36px; margin-left: 15px
}



.link_premio {
	color:#000; font-weight:bold;
}


#premio2024 .floraforms .flo-option .cat_title {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 400;
    color: #A4A4A4;
    outline: 0;
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #000!important;
    padding: 1em;
    border-right: 8px solid #fff;
	border-bottom: 8px solid #fff;
	box-shadow:none;
	box-shadow: none !important;
}


.cd-timeline-content .cd-date {
    float: left;
    padding: 7px 0;
	background:#fff; padding: 15px 30px !important; width: 160px !important;
	font-size: 30px; font-weight:bold; text-transform: uppercase; text-align:center; color:#000!important;
}

#style-2::-webkit-scrollbar-thumb {
    background-color: #17B39D !important;
}


.panel-body {
    padding: 15px;
    justify-content: center;
    align-items: center;
    height: auto;
	transition: all 2s;
}

.panel-body .btn{
	padding:0;
}



.premio-topo-site {
	background:#7d1ecf; height:50px; margin-top:1px; z-index:10; display:block; position:relative; padding-top:10px; font-size:14px;
}


.premio-votacao .cover_voto {
	display:block; width: 100%; height:100%; position:absolute;
	top:0; left:0; background: none; z-index:2;
		
}

.premio-votacao {
width: 100%; display:block; float:left; margin-bottom: 40px; padding: 20px 10px 0 10px;
background-color: #fff;
position:relative; border-radius: 15px;
}

.premio-votacao .premio-item {
 border-radius: 10px; width: 100%; border: #DCDCDC 1px solid; display:block; float:left; background: #E8E8E8; padding: 12px; margin: 10px 0;
 transition: 0.5s; position: relative;
}

.premio-votacao .premio-item.check {
background: #1AF426;
}

.premio-votacao .premio-imagem {
 border-radius: 50%; width: 100px; height: 100px; border: #DCDCDC 2px solid; float:left; 
}

.premio-votacao .premio-titulo {
	font-family: "Staatliches", sans-serif;
	font-size:30px; float:left; margin: 30px 0 0 15px;
	color:#601981; font-weight: 200;
}

.premio-votacao .premio-titulo.clipe{
	margin: 12px 0 0 10px;
}

.premio-votacao .premio-titulo.clipe span{
	font-size: 24px;
}


.premio-votacao .premio-titulo-categoria {
	font-size:40px; letter-spacing:-2px; color: #fff; position:absolute; top: 20px; left: 70px
}

.premio-votacao .vota-botao {
float:right; height: 100%; display:block; padding:0; margin:30px 10px 0 0;

}

.premio-votacao .flo-checkbox {
	margin:0; width: 30px; height: 30px; font-size:36px; top:0;
		
}

.premio-votacao .flo-checkbox:before {
    top: 5px;
    width: 15px;
    height: 6px;
}

.fundo_etapas {
background: url(fundo_site_2023.png);
background-color: #000; background-position: 0 300px;
}

.cd-timeline-img.cd-ativo {
    background: #0ce3db !important;
}


#premio.secao {
    margin-top: -190px;
    padding-top: 0px;
}

.main-interno {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#footer {

    background: none;
    margin-top: -300px;
}


.modal-backdrop.in {
    opacity: .7;
}

.modal-dialog {
    top: 30px;
}

.img_topo_premio {
	padding:0; text-align:center; margin:0;
	background-image:url(topo_site_2023.png); background-position:center; background-size: auto 350px; background-repeat:repeat-x;
	height:330px;
}

.cd-timeline-content::before {
   
    border-left: none !important;
	border-right: none !important;
}

@media(max-width:800px){
 
 .floraforms .append-icon>input, .floraforms .append-icon>textarea {
    padding-right: 65px;
    padding-left: 5px;
	
}

.premio-votacao .flo-checkbox {
	top:-4px;
		
}


.premio-votacao .premio-item {
 padding: 5px; 
}

.premio-votacao .premio-item.check {
background: #1AF426;
}

.premio-votacao .premio-imagem {
 width: 50px; height: 50px;
}

.premio-votacao .premio-titulo {
	font-size:20px; margin: 15px 0 0 10px;
	width: calc(100% - 100px); 
}

.premio-votacao .premio-titulo.clipe{
	margin: 7px 0 0 10px;
}

.premio-votacao .premio-titulo-categoria {
	font-size:22px; top: 30px;
}

.premio-votacao .vota-botao {
margin:15px 0 0 0;

}

.duplo{
line-height:20px;
}

.fundo_etapas {
background-size: 300px auto;

}
	

#premio.secao {
    margin-top: 20px;
    padding-top: 0px;
}

.img_topo_premio {
	padding:0; text-align:center; margin:0;
	background-image:url(topo_site_2023_mobile.png); background-position:center; background-size: auto 240px;
	height:240px;
}

	
}