/*O FESTIVAL*/
.bg-black { background: black url('../../../images/jge22/site/bg2.png'); }
.bg-black .imgs1 { width: 100%; }
.bg-black .Right { text-align: right; }
.bg-black img.Left { float: left; padding: 0 0 0 25px; }
.bg-black .col-md-4.s1 { margin: 100px 0 0 0; }
.bg-black .text { color: white; font-size: 17px; padding: 12px 0 0 130px; text-align: left; }
.bg-black .col-md-12.Links { text-align: center;  margin: 100px 0 20px 0; }
img.Anime.cem { display: inline-block; width: 70%; margin: 5px 0 0 0; }
/*QUEM ORGANIZA*/
.bg-laranja { background: #bd4a00 url('../../../images/jge22/site/bg2.png'); }
.bg-laranja .imgs2 { padding: 65px 0 0 0; }
.bg-laranja .texts2 { color: white; font-size: 18px; padding: 40px 0; }
/*GERÊNCIA DE PROGRAMAÇÃO*/
.bg-branco { background: #fff url('../../../images/jge22/site/bg2.png'); }
.bg-branco img.imgs3 { position: absolute;top: -65px; }
.bg-branco .texts3 { padding: 0 0 0 110px; font-size: 16px; font-weight: 700; }
.bg-branco .texts3_1, .bg-branco .texts3_2, .bg-branco .texts3_3 { font-size: 17px; padding: 20px 0 0 0; font-weight: 700; }
.bg-branco .col1, .bg-branco .col2, .bg-branco .col3 { display: inline-block; width: 100%; height: auto; padding: 0; }
.bg-branco .im1, .bg-branco .im2, .bg-branco .im3 { display: inline-block; width: 37%; height: 100%; position: relative; top: -130px; }
.bg-branco .texts { display: inline-block; width: 62%; }
.bg-branco .texts3_1 { text-align: right; }
.bg-branco .texts.texts3_7 { text-align: right; padding: 0 18px 0 0; }
.bg-branco .col2, .col3 { margin-top: -38px; }
.bg-branco .MOBILEs3.im2 { display: none; }
/*CONSELHO CONSULTIVO*/
.bg-laranja2 { background: #bd4a00 url('../../../images/jge22/site/bg2.png'); }
.bg-laranja2 .texts4_2 ul { padding: 15px 0 19px 70px; }
.bg-laranja2 .texts4_2 ul li { padding: 7px 0; list-style-type: none; position:relative; }
.bg-laranja2 .texts4_2 ul li:before { content: '•'; display: inline-block; position: absolute; left: -28px; color: #ffc107; font-size: 33px; top: -6px; }
.bg-laranja2 h4 { padding: 0 0 20px 0; font-weight: 700; }
.bg-laranja2 .texts4_1, .texts4_2 { font-size: 17px; padding: 20px 0 0 0; color: white; }
.bg-laranja2 span.BlocO1 { color: #672800; }
.bg-laranja2 .col-md-6.DesT1 { padding: 30px 20px 20px 40px; margin: 0 0 60px 0; border-radius: 0 26px 26px 0; border: 3px solid #672800; }
.bg-laranja2 .col-md-6.DesT2 { background: white; padding: 30px 20px 20px 40px; margin: 0 0 60px 0; border-radius: 26px 0 0 26px; }
.bg-laranja2 .result { display: inline-block; width: 100%; text-align: center; position: absolute; bottom: 24px; }
/*COMISSÃO DE SELEÇÃO*/
.bg-branco2 { background: #fff url('../../../images/jge22/site/bg2.png'); }
.bg-branco2 .bg_5 { height: 100%; background: #ffffff url(../img/bg_5.png) center center; }
.bg-branco2 img.imgs5 { position: absolute; }
.bg-branco2 .texts5 { font-size: 17px; padding: 20px 0 0 0; font-weight: 700; }
.bg-branco2 .texts5 p { padding: 20px 0 0 114px; }
/*COMO PARTICIPAR*/
.bg-amarelo { background: #eab50f url('../../../images/jge22/site/bg2.png'); }
.bg-amarelo p.texts6 { color: white; font-size: 17px; padding: 50px 0 30px 10px; }
.bg-amarelo .col-md-6.dests61 { text-align: center; background: white; border-radius: 0 26px 26px 0; padding: 40px 0 40px 0; }
.bg-amarelo .col-md-6.dests62 { text-align: center; padding: 40px 0 40px 0; }
.bg-amarelo .btazul { font-size: 26px !important; font-weight: bold; background: #007bff; border-radius: 50px; padding: 20px 28px 16px 28px;
    border: none; margin: 30px 10px 0 0; }
.bg-amarelo .btamarelo { font-size: 26px !important; font-weight: bold; background: #EAB50F; border-radius: 50px; padding: 20px 76px 16px 76px;
    border: none; margin: 30px 0 0 10px; }
.bg-amarelo .btlaranja { font-size: 26px !important; font-weight: bold; background: #BD4A00; border-radius: 50px; padding: 20px 28px 16px 28px;
    border:  none; margin: 30px 0 0 0; }
/*EDIÇÕES ANTERIORES*/
.bg-black2 { background: black  }
.bg-black2 .col-md-12.roda, .bg-black2 .col-md-12.roda a { text-align: center; color: white;} 
p { font-size: 16px; }
.TTOp {
    margin-top: 70px;
}
.col-md-12.Livro {
    text-align: center;
}

@media (max-width: 1520px) {
	img.imgs1, img.imgs3_2 { width: 100%; }
	.text { padding: 11px 0 0 90px; }
	img.Left { padding: 0 0 0 0px; }
	img.imgs3 { width: 70px; }
}

@media (max-width: 1260px) {
	img.imgs3 { width: 70px; }
	img.imgs6_1 { width: 440px; }
	img.imgs6_2 { width: 440px; }
	img.imgs5 { width: 60px; }
	.Links a img {width: 130px;}
}

@media (max-width: 1200px) { 
	.imgs3_6, .imgs3_7, .imgs3_8 { width: 250px; }
}

@media (max-width: 1100px) { 
	img.imgs5 { width: 36px; }
	.Fot1 img { width: 100%;  }
	.bleft { padding: 4px 30px 0 0; }
	.col-md-6.dest2 { margin: 0 -16px 38px 0; }
}

@media (max-width: 996px) {
	img.imgs4 { width: 100%; }
	img.Left { width: 55px; }
	img.imgs2 { width: 100%; }
	img.imgs6 { width: 100%; }
	img.imgs6_1 { width: 320px; }
	.btazul { font-size: 20px !important; padding: 10px 19px 10px 19px; }
	.btamarelo { font-size: 20px !important; padding: 10px 46px 10px 46px; }
	img.imgs6_2 { width: 256px; }
	.btlaranja { font-size: 20px !important; padding: 10px 19px 10px 19px; }
	.texts2, .texts3, .texts3_1, .texts3_2, .texts3_3 { font-size: 16px !important; }
	.imgs3, .Left, .imgs5, .imgs2, .imgs4, .imgs6 { display: none !important; }
	.PC { display: block; font-weight: 700;}
	.PC1 { display: block; color: #fff; font-weight: 700;}
	.texts3 { padding: 0 0 0 12px !important; font-weight: 700 !important; }
	.texts5 P { padding: 20px 0 0 12px !important; }
	.texts2 { padding: 40px 20px !important; }
	h1 { text-align: center; color: #eab50f; }
	.text { padding: 0 !important; }
	.Links a img { width: 80px; }
}

@media (max-width: 840px) {
	.text { padding: 10px 0 0 10px !important; font-size: 14px !important; }
	.Fot1 img { width: 85%; }
	.Fot1 { text-align: center; }
}
.PCs3{display: inherit;}

@media (max-width: 768px) {
	.MOBILEs3{display: inherit !important;}
	.PCs3{display: none !important;}
	.im1, .im2, .im3 { width: 100% !important; top: 0 !important; text-align: center !important; }	
	.texts, .texts3_1 { width: 100% !important; text-align: center !important; }
	.col2, .col3 { margin-top: 0 !important; }
	.Links a img {width: 50px;}
}

img.imgs3.aos-init.aos-animate {
    height: 100%;
}