@charset "utf-8";

/* GALERIA DE VIDEOS */
#e_conteudo .e_area_galeria_videos { background: #181f29; font-size: 0; padding-top: 10px; margin: 20px 0;}
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos { padding: 20px; position: relative; }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_titulo_n1 { color: #fff; /* text-align: center; margin-bottom: 0; */ }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos { background: #232d39; padding: 10px; margin: 20px 0; height: 285px; border-radius: 10px; position: relative; text-align: center; position: relative;}
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos a:nth-child(1) .e_subvideo { position: absolute; left: 20px; top: 10px; }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos a:nth-child(2) .e_subvideo { position: absolute; left: 20px; bottom: 10px; }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos a:nth-child(3) .e_subvideo { position: absolute; right: 20px; top: 10px; }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos a:nth-child(4) .e_subvideo { position: absolute; right: 20px; bottom: 10px; }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo .e_area_img { width: 190px; height: 125px; overflow: hidden; position: relative;  }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo .e_area_img span { font-size: 34px; color: #fff; position: relative; top: 45px;}
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo .e_area_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; transition: .2s; }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo:hover .e_area_img img { opacity: 1; }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_area_video_iframe { position: absolute; z-index: 10; top: 15px; left: 0; right: 0;  width: 50%; padding-bottom: 28.125%; height: auto; min-height: 320px; margin: auto; }
#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_area_video_iframe .sw_video_capa { position: absolute; background: #000; width: 100%; height: 97%; top: 13px; left: 0; bottom: 0; right: 0; }

/* GALERIA DE VIDEOS2 */
#e_conteudo .e_area_galeria_video2 { background: #181f29; font-size: 0; margin: 20px 0; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 { padding: 20px; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_titulo_n1 { color: #fff; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_video_iframe { display: inline-block; vertical-align: top; position: relative; width: 50%; margin-right: 10px; padding-bottom: 28.125%; height: auto; min-height: 320px; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_video_iframe .sw_video_capa {position: absolute; background: #000; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; }

#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos { display: inline-block; vertical-align: top; width: 50%; width: calc(50% - 10px); overflow: hidden; overflow-y: scroll; max-height: 326px; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos::-webkit-scrollbar-track { border-radius: 5px; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos::-webkit-scrollbar { width: 10px; height: 12px; background:rgba(44, 58, 78, 1); margin: 5px; border-radius: 5px; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos::-webkit-scrollbar-thumb { background:rgb(32, 44, 61); border-radius: 5px; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo {width: 100%; height: 125px; background: #273242; margin-bottom: 10px; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos a:last-child .e_subvideo { margin-bottom: 0; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo .e_area_subvideo_img {width: 190px; height: 125px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; text-align: center;}
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo .e_area_subvideo_img img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; transition: .2s;}
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo:hover .e_area_subvideo_img img { opacity: 1; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo span { font-size: 34px; color: #fff; position: absolute; top: 50%; transform: translate(-50%, -50%); }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo .e_info_subvideo { display: inline-block; vertical-align: middle; width: calc(100% - 200px);  margin-left: 10px; padding-right: 10px;}
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo .e_info_subvideo .e_data_subvideo { font-size: 14px; margin-bottom: 10px; color: #fff; }
#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo .e_info_subvideo .e_texto_subvideo { font-size: 14px; overflow: hidden; line-height: 1.2em; max-height: 2.2em; color: #fff;}

@media (max-width: 1000px) {		
	/* GALERIA DE VIDEOS */
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos { height: auto; padding: 5px; }
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos a:nth-child(-n+4) .e_subvideo { position: static; display: inline-block; margin: 5px; width: calc(50% - 10px); }
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos a:nth-child(-n+4) .e_subvideo .e_area_img { width: 100%; height: 22vh; }
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo .e_area_img { width: 190px; height: 125px; overflow: hidden; position: relative;  }
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo .e_area_img span { font-size: 34px; color: #fff; position: absolute; top: 50%; transform: translate(-50%, -50%);}
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo .e_area_img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; transition: .2s; }
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo:hover .e_area_img img { opacity: 1; }
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_area_video_iframe { position: relative; top: 15px; left: 0; right: 0;  width: 100%; padding-bottom: 56.25%; height: auto; min-height: auto; margin: auto; }
	#e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_area_video_iframe .sw_video_capa { position: absolute; background: #000; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; }

	/* GALERIA DE VIDEOS2 */
	#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos {margin-top: 15px;}
	#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_video_iframe { width: 100%; margin-right: 10px; padding-bottom: 56.25%; min-height: auto; }
	#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos { width:100%; overflow: hidden; overflow-y: scroll; max-height: 326px; }
    #e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo {width: 100%; height: 125px; background: #273242; margin-bottom: 10px; }
}

@media (max-width: 800px) {
	/* GALERIA DE VIDEOS */
    #e_conteudo .e_area_galeria_videos .e_cont_galeria_videos .e_videos .e_subvideo .e_area_img span { font-size: 24px; }
}

@media (max-width: 480px) {
	#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos::-webkit-scrollbar { width: 5px; }
	#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo .e_area_subvideo_img { width: 125px; }
	#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo span { font-size: 22px; }
	#e_conteudo .e_area_galeria_video2 .e_cont_galeria_video2 .e_cont_subvideos .e_subvideo .e_info_subvideo { width: calc(100% - 135px); }
}