html,
body {

  font-size: 18px;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  font-family: 'Burbank Big Cd Md';
  font-weight: 100;
  line-height: 22px;
  letter-spacing: 0.05rem;
  display: block;
  word-wrap: break-word;
  margin: 0;
  padding: 0;


}

.backg { background-image: url("../images/fundo.png");
  background-repeat: repeat-x;
	background-color: #000;
   background-position: top;
width: 100%;}


img {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

b {
  font-weight: 600;
}

a {
	color: #767676;
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #b21a1d;
  text-decoration: none;
  outline: none;

}

button {background: none; border: none; color:#767676; text-decoration: none; margin: 0; padding: 0;}
button:hover {background: none; border: none; color:#b21a1d; text-decoration: none;}


.topspace {margin-top: 40px;}
p {padding: 0; margin:15px 0;}

h1 {font-size: 22px; font-weight: bold;}
h2 {font-size: 22px; font-weight: bold;}
.break {line-height: 40px;}
.video {margin:0 auto; height: auto; width: 100%; padding: 0;}
.video-container iframe,
.video-container object,
.video-container embed {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.video-container iframe {
    aspect-ratio: 16/9; 
    device-aspect-ratio: 16/9;
	filter: drop-shadow(0px 20px 10px #000);
}
.logos {width: 100%; text-align: right; }
.logo {filter: drop-shadow(0px 20px 10px #000);}
.logotvcine {filter: drop-shadow(0px 20px 10px #000); margin-bottom: 30px; margin-top: 10px}
.logotvcine img{width: 50%}
.logocreative {filter: drop-shadow(0px 20px 10px #000); margin-top: 140px; text-align: center;}
.logocomiccon {filter: drop-shadow(0px 20px 10px #000); margin-top: 100px; }




.red{color: #b21a1d}
.green{color: #5da15c}
.blue{color: #5892ce}
.yellow{color: #cbad46}


.boxranking { background-color: #fff; border-radius: 20px; width: 100%; height: auto; padding:40px 30px 30px 30px;}

.top { display: flex;flex-direction: row;
	  justify-content: space-between; margin-bottom: 20px; margin-left: 20px;}
.titulo { 
color: #b21a1d; text-transform: uppercase; font-size: 40px;}
.data {
 font-size: 20px;color: #b21a1d; margin-right: 20px;} 
.databt_sep {color: #CBCBCB; padding: 0 5px;}
.databt a {color:#C4C4C4; text-decoration: none;}
.databt a:hover {color:#C4C4C4; text-decoration: none;}
.boxtop {display: flex;flex-direction: row;
	  justify-content: space-between; border-radius: 15px; width: 100%; height: auto; padding:10px 20px 6px 20px; border: 1px solid #ccc; margin-top: 15px;}
.nometop {width: 70%; color: #000; font-size: 25px; }
.nrtop { color: #cbad46; font-size: 30px; font-weight: bold; line-height: 32px;}
.pontuacao { font-size: 26px; margin-top: 8px}

.boxoutros {display: flex;flex-direction: row;
	  justify-content: space-between; border-radius: 15px; width: 100%; height: auto; padding:5px 20px 5px 20px;}
.separador {margin-top: 15px}
.nome {width: 70%; color: #000; font-size: 20px; }
.nr { color:#C4C4C4; font-size: 26px; font-weight: bold; line-height: 32px;}
.pontuacao2 { font-size: 20px; margin-top: 8px}

.modal-content {border-radius: 20px}
.modal-header {border:none; justify-content: flex-end; padding: 20px 20px 0 0;}
.btn-close {font-size: 30px;}
.modal-body {padding-top:0; }
.modal {top:100px}

.pacote img {width: 100%; text-align: center}

.txtlink {text-align: center; width: 100%; margin: 20px auto 50px auto; color: #fff;}
.txtlink a { color: #fff;}
.txtlink a:hover { color: #b21a1d;}
.vermais {width: 100%; border-top: 1px solid #ccc; padding-top: 10px; margin-top: 20px}

@media (max-width: 1351px) {
	.pacote {width: 90%}
	.pacote img {width: 100%; margin-top: 50px}
		.logotvcine {margin-top: 80px; text-align: center;}
		.logotvcine img {width: 50%}
.logocomiccon {margin-top: 90px}
	.logocomiccon img{width: 60%}
}

@media (max-width: 990px) {
	.pacote img {width: 90%;}
	.boxranking {padding: 40px 15px 15px 15px}
	.top{margin-left: 5px;}
	.data {margin-right: 5px;}
	.databt_sep {color: #CBCBCB; padding: 0px;}
	.logotvcine {margin-top: 20px; text-align: center;}
		.logotvcine img {width: 50%}
.logocreative {margin-top: 20px; text-align: center;}
	.logo img {width: 60%}
	
	.modal {top:50px}
	.logocomiccon {margin-top: 20px}
	.logocomiccon img{width: 50%}

	
}