body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,hr,th,td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
strong, b {font-weight: 700;}
small {color:#999999; font-size:12px;}
html {-webkit-font-smoothing: antialiased;}
html {font-size: 100%;}
a {
	transition:all 0.25s;
	-moz-transition: all 0.25s; /* Firefox 4 */
	-webkit-transition: all 0.25s; /* Safari and Chrome */
	-o-transition: all 0.25s; /* Opera */
	text-decoration:none; cursor:pointer;
}
.clear {clear:both; width:100%; display:block;}
input#control-nav {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    opacity: 0;
}
body {background:#070810 url('../img/background-3.jpg') no-repeat top center; font-family: 'Montserrat', sans-serif; font-weight: 300; letter-spacing: -.5px;}
header {width:100%; margin:0px; position:relative; padding: 40px 0px 0px 0px;}
header .logo {float: left; width: 180px; margin: 10px 0px 0px 0px;}
header .logo img {width:100%;}
header .menu {float: left; padding: 54px 0px 0px 0px; margin-left: 40px;}
header .menu li {display: inline-block; margin: 0px 5px; position: relative;}
header .menu li a {color: #FFFFFF;padding: 7px 10px; display: inline-block; font-weight: 700; font-size: 14px;}
header .menu li a:hover {color:#fd7726;}

header .menu li ul {
    position: absolute;
    padding: 15px;
    top: 40px; width:220px;
    left: 0px;
    z-index: 999;
    background: #fd7726; color: #FFFFFF;
    -moz-border-radius: 5px; /* Para Firefox */
    -webkit-border-radius: 5px; /*Para Safari e Chrome */
    border-radius: 5px; /* Para Opera 10.5+*/
    transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg); /* IE 9 */
    -moz-transform: perspective(600px) rotateX(-90deg); /* Firefox */
    -webkit-transform: perspective(600px) rotateX(-90deg); /* Safari and Chrome */
    -o-transform: perspective(600px) rotateX(-90deg); /* Opera */
    transform-origin: top center 0;
    -ms-transform-origin: top center 0;
    -webkit-transform-origin: top center 0;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
header .menu li:hover > ul {
    transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg); /* IE 9 */
    -moz-transform: perspective(600px) rotateX(0deg); /* Firefox */
    -webkit-transform: perspective(600px) rotateX(0deg); /* Safari and Chrome */
    -o-transform: perspective(600px) rotateX(0deg); /* Opera */
    visibility: visible;
}
header .menu li ul li {display: block; margin: 0px 0px; position: relative;}
header .menu li ul li a {color: #FFFFFF;padding: 10px 10px; border:none; border-bottom: 1px solid rgba(255,255,255,.1); display: block;}
header .menu li ul li a:hover {border:none;padding: 10px 10px 10px 15px; border-bottom: 1px solid #FFFFFF; color: #000000;}


header .patrocinios {float: right; margin-top: 30px;}
header .patrocinios img {width: 240px; height:240px; display: block; margin: 10px 0px;}
.container {margin:0px auto; position:relative; width:1080px;}
#cboxTitle {
	position: absolute !important;
    top: 80px !important;
    right: 0px !important;
    bottom: auto !important;
    left: auto !important;
    text-align: center !important;
    width: auto !important;
    color: #000000 !important;
    padding: 10px 20px !important;
    background: #FFFFFF !important;
    text-transform:uppercase !important;
    font-size: 20px !important;
}
#cboxTitle a {
	color: #000000 !important;
}
.patrocinios small {display: block; text-transform: uppercase; margin-bottom: 5px; text-align: center;}
.patrocinios img {border-radius: 5px;}
.patrociniosHome {margin: 50px 0px 50px 0px;}
.patrociniosHome div.item {width: 170px;  height: 113px; float: left; margin: 0px 5px 5px 5px;}
.patrociniosHome div.item img {width: 100%; height: 113px;}

.eventoPatrocinios {margin-bottom: 20px;}
.eventoPatrocinios img {display: block; width:100%;}

.titulo {margin-bottom: 20px;}
.titulo h3 {letter-spacing: -2px; font-size: 42px; line-height: 40px; font-weight: 700; color: #fd7726;}
.titulo h2 {font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 48px; text-transform: uppercase; line-height: 40px; letter-spacing:-4px; margin-left: 20px;}
footer {padding: 30px 0px 60px 0px; margin-top: 30px; border-top: 1px solid rgba(255,255,255,.05);}
footer .patrocinios {text-align: center;}
footer .patrocinios img {width: 250px; height:166px; display: inline-block; margin: 20px 20px;}
footer .logo {text-align: center; width: 100px; margin: 20px auto;}
footer .logo img {width:100%;}
footer small {display: block; text-align: center;}

.gatadasemana {width: 100%; position: relative;}
.gatadasemana .titulo {text-align: center; color: #FFFFFF;}
.gatadasemana .item {width: 340px; position: relative; float: left; margin-top: 15px;}
.gatadasemana .item + .item {margin-left: 30px;}
.gatadasemana .item img {border-radius: 5px; width: 100%; display: block;}
.gatadasemana .item .info {
    position: absolute; bottom: 0px; left: 0px; width: calc(100% - 40px); padding: 20px 20px;
    background: url('../img/overlaybanner.png') repeat-x bottom center; border-radius: 5px;
    background-size: auto 100% !important;
}
.gatadasemana .item .info h3 {font-size: 26px; color: #FFFFFF; margin-bottom: 10px; letter-spacing: -1px;}
.gatadasemana .item .info a {display: inline-block; background: #FFFFFF; font-weight: 700; color: #000000; background: #FFFFFF; padding: 5px 10px; text-transform:uppercase; font-size: 12px;}
.gatadasemana .item .info a:hover {margin-left: 5px; background:#000000; color:#FFFFFF;}

.gatadasemana .item:nth-child(3) img {border-radius: 50%; height: 332px; width:332px; object-fit:cover; margin-top: 85px; border:4px solid #EEEEEE;}
.gatadasemana .item:nth-child(3) .info {display: none;}

.ultimasgalerias {width: 440px; float: left; box-sizing:border-box; border-radius: 5px;}
.ultimasgalerias .titulo {color: #FFFFFF; text-align: center;}
.ultimasgalerias .item {border-bottom: 1px solid rgba(255,255,255,.1); padding: 8px 0px; color: #FFFFFF; text-transform: uppercase; font-weight: 700;transition:all 0.25s;-moz-transition: all 0.25s; /* Firefox 4 */-webkit-transition: all 0.25s; /* Safari and Chrome */-o-transition: all 0.25s; /* Opera */ font-size: 14px;}
.ultimasgalerias .item img {height: 20px; float: left; margin-right: 10px; border-radius:5px;}
.ultimasgalerias .item span {text-transform: none; font-weight: 300; color: #fd7726; padding-left: 5px;}
.ultimasgalerias .item:hover {background: #fd7726; padding-left: 10px;}
.ultimasgalerias .item:hover > span {color: #FFFFFF;}

.frase {font-weight:700; letter-spacing: -2px; font-size: 36px; display: block; line-height: 40px; text-align: center; margin-top: 50px; color: #FFFFFF;}
.frase span {color: #fd7726;}
.frase small {text-transform: uppercase;font-family: 'Montserrat', sans-serif; font-weight: 300; letter-spacing: 5px; display: block; margin-top: 20px;}

.subGalerias {width: 100%; margin-bottom: 30px;}
.subGalerias .items {width: 48%; float: left; font-size: 18px; font-weight: 300; text-transform: uppercase; color:#FFFFFF; margin: 1% 1%;}
.subGalerias .items img {width: 100%;margin-top: 10px;}

.instagram {margin-bottom: 50px; font-size: 18px; color: #FFFFFF; text-align: center; margin-top: 110px;}
.instagram img {width: 60%; margin-bottom:10px;}
.instagram strong {font-size: 24px;}

.tituloFotos {text-align: center; padding-bottom: 20px; margin-top: 20px; color: #FFFFFF;}
.tituloFotos h1 {font-size: 48px; line-height: 48px; color: #fd7726; font-weight: 700;}
.tituloFotos h2 {font-size: 24px; line-height: 36px; font-weight: 300;letter-spacing:16px;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}

.galeriaInterna {}
.galeriaInterna .item {width: 47%; background:#FFFFFF; display:inline-block; vertical-align:top; box-sizing:border-box; padding: 20px; border-radius:5px; margin-left:2%; margin-bottom: 20px;transition:all 0.25s;-moz-transition: all 0.25s; /* Firefox 4 */-webkit-transition: all 0.25s; /* Safari and Chrome */-o-transition: all 0.25s; /* Opera */}
.galeriaInterna .item span {font-size: 46px; width: 25%; vertical-align:middle;display: inline-block; letter-spacing: -5px;font-weight: 700; color: #fd7726;}
.galeriaInterna .item h3 {font-size: 20px; width: 70%; vertical-align:middle; display: inline-block; font-family: 'Montserrat', sans-serif; font-weight: 300; color: #1A1A1B;}

.galeriaInterna .item:hover {transform:scale(1.03); box-shadow:0px 10px 20px rgba(0,0,0,.1); cursor: pointer;}


#maskVideo {
  position:absolute;
  left:0;
  top:0; width: 100% !important;
  z-index:9998;
  background-color:#000;
  display:none;
}
  
#boxesVideo .windowVideo {
  position:absolute;
  left:0;
  top:0;
  max-width:80%;
  max-height:80%;
  display:none;
  z-index: 9999;
  position: absolute;
}
#ytapiplayer {
    z-index: 1000; position: relative;
}
#boxesVideo #dialogVideo {
  width:80%; top: 10%;
  height:80%; left: 10%;
  z-index: 9999;
}

.closeVideo{display:block; cursor: pointer;}
.videoyoutube {position:relative;max-width:80%;max-height:80%; margin: 0px auto;}

.imagemVideo {width: 100%;}

.patrocinioInicial {margin-bottom: 30px;}

.galeriaFotos {width: 100%; text-align: center;}
.galeriaFotos .imagem-menor {width: 120px; border-radius:5px; height: 160px; overflow: hidden; display: inline-block; margin: 10px;}
.galeriaFotos .imagem-menor a img {width: 120px; border-radius:5px; height: 160px; object-fit: cover;}

.showsNacionais {width: 480px; margin-right: 35px;}

.artistas {width: 600px; float: right; margin-left: 40px; margin-top: 90px;}

.slogan {font-weight:300; letter-spacing: -2px; font-size: 24px; display: block; line-height: 32px; position:absolute; left:0px; top:160px; color: #FFFFFF;}
.slogan strong {color: #fd7726;}
.slogan span {color: #ec3237;}

small.oficiais {font-size: 20px; font-weight: 700; color:#fd7726;}

@media screen and (max-width: 900px) {
  .videoyoutube {position:relative;max-width:100%;max-height:100%; margin: 0px auto;}
  #boxesVideo #dialogVideo {
    width:98%; top: 1%;
    height:98%; left: 1%;
    z-index: 9999;
  }
}