/* EVENTOS */
#e_conteudo .e_area_eventos {position: fixed; left: 0; top: 33%; z-index: 1000;}
/* BOTÃO */
#e_conteudo .e_area_eventos .e_btn_eventos {position: absolute; top: 0; left: 0; width: 135px; height: 55px; font-size: 0; overflow: hidden; background: #1d4e91; border-radius: 0 2px 2px 0; padding: 5px; cursor: pointer; transition: .3s;}
#e_conteudo .e_area_eventos .e_btn_eventos:hover {animation: efeito_eventos 0.7s infinite;}
@keyframes efeito_eventos { 50% { transform: translate(-20px); } }
#e_conteudo .e_area_eventos .e_btn_eventos .e_titulo_btn_evento {display: inline-block; vertical-align: middle; font-size: 13px; color: #fff; text-transform: uppercase; letter-spacing: -0.5px; padding: 0 10px;}
#e_conteudo .e_area_eventos .e_btn_eventos .e_img_btn_eventos {display: inline-block; vertical-align: middle;}
/* CONTEÚDO EVENTOS */
#e_conteudo .e_area_eventos .e_cont_eventos {position: absolute; top: 0; left: -400px; padding: 15px; padding-top: 40px; background: #ebf3f7; text-align: center; border: solid 1px #d9e0e9; min-height: 30px; display: table; border-radius: 3px; transition: .3s;}
#e_conteudo .e_area_eventos .e_cont_eventos #e_btn_fechar_evento {background: inherit; border: 0 !important; position: absolute; top: 8px; right: 15px; font-size: 12px; color: #999; padding: 5px 7px; border-radius: 3px; transition: 0.3s;}
#e_conteudo .e_area_eventos .e_cont_eventos #e_btn_fechar_evento:hover {color: #b80000; cursor: pointer; background: #e4e7eb;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos {width: 250px; overflow-y: scroll; max-height: 240px; margin-bottom: 20px; text-align: left; font-size: 0 !important;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento {width: 233px; height: 70px; position: relative; background: #fff; border: solid 1px #e3e7ec; overflow: hidden; transition: 0.3s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento:hover {background: #e4e7eb; border-color: #cfd3d9}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_area_img_evento {width: 70px; height: 70px; display: inline-block; vertical-align: middle; background: #1b84c2; border-radius: 3px; overflow: hidden;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_cont_data_evento {width: 70px; height: 70px; position: absolute; top: 0; left: 0; background: #2862ae; text-align: center; border-radius: 3px; padding-top: 10px; transition: .3s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento:hover .e_cont_data_evento {transform: translateY(-100%);}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_cont_data_evento .e_dia_btn_eventos {font-size: 24px; color: #fff; letter-spacing: -0.5px;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_cont_data_evento .e_mes_btn_eventos {font-size: 13px; color: #fff; margin-top: -3px; text-transform: uppercase;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_area_info_evento {width: 145px; display: inline-block; vertical-align: middle; margin-left: 10px;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_area_info_evento .e_titulo_evento {font-size: 13px; color: #666; word-break: break-word; transition: 0.3s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento:hover .e_area_info_evento .e_titulo_evento {color: #2862ae;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_area_info_evento .e_data_evento {font-size: 10px; color: #828890; text-transform: uppercase; display: table; background: #d0d3d8; padding: 3px 5px; border-radius: 2px; transform: translateX(-200%); visibility: hidden; transition: .2s ease-in; transition-delay: .3s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_area_info_evento .e_data_evento i { font-size: 12px; padding: 0 5px;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento .e_area_info_evento .e_data_evento span {padding-left: 5px;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_todos_eventos .e_evento:hover .e_area_info_evento .e_data_evento {transform: translateX(0); visibility: visible; transition-delay: 0s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_link_ver_mais {position: relative; display: inline-block; overflow: hidden; background: #fff; border-radius: 4px; border: solid 1px #d4e0eb; padding: 7px 17px; padding-right: 28px;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_link_ver_mais span {position: relative; z-index: 2; font-size: 12px; color: #99a6b8; text-transform: uppercase; transition: .15s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_link_ver_mais:hover span {color: #fff;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_link_ver_mais::after {content: ""; position: absolute; bottom: -32px; right: -20px; width: 45px; height: 60px; background: #2063bc; z-index: 0; transform: rotate(45deg); transition: .3s ease-in;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_link_ver_mais:hover::after {transform: scale(5) rotate(45deg); background: #35b4fd;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_link_ver_mais i {position: absolute; right: 6px; top: 16px; z-index: 2; font-size: 11px; color: #fff; transition: .15s;}
#e_conteudo .e_area_eventos .e_cont_eventos .e_link_ver_mais:hover i {right: 10px; top: 11px; transform: rotate(360deg);}

@media (max-width: 480px) {
	
	/* EVENTOS / BOTÃO */
	#e_conteudo .e_area_eventos { top: 7%; }
	#e_conteudo .e_area_eventos .e_btn_eventos {width: 55px; text-align: center;}
    #e_conteudo .e_area_eventos .e_btn_eventos .e_titulo_btn_evento {display: none;}
}