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;}
h3,h4,h5,h6 {font-weight:800;} /* Colocar de acordo com a fonte do Google que tiver */
h1, h2 {font-weight:800;} /* Colocar de acordo com a fonte do Google que tiver */
small {font-weight:400; font-size:12px;} /* Colocar de acordo com a fonte do Google que tiver */
html {-webkit-font-smoothing: antialiased;}
html {font-size: 100%;}
strong, b {font-weight:800;} /* Colocar de acordo com a fonte do Google que tiver */
* {} /* Colocar de acordo com a fonte do Google que tiver */
.clear {width: 100%; clear: both; display: block; height: 0px;}
a {transition:all 0.5s;-moz-transition: all 0.5s; /* Firefox 4 */-webkit-transition: all 0.5s; /* Safari and Chrome */-o-transition: all 0.5s; /* Opera */text-decoration:none; cursor:pointer;}
p {line-height: 24px; font-size: 14px;}
.container{width: 100%;position: relative;margin: 0px auto; box-sizing:border-box; padding: 0px 10%;}

body {background-image: url('../img/pic-mob.jpg'); background-repeat: no-repeat; background-position:right top; background-color:#000000; background-attachment:fixed; background-size: auto 100vh;}

.control-nav:before {content: "";display: block;height: 3px;background: #FFFFFF;}
.control-nav {position: absolute;right: 20px;top: 5px;display: block;width: 20px;padding: 5px 0;border: solid #FFFFFF;border-width: 3px 0;z-index: 2;cursor: pointer;}
.control-nav-close {position: fixed;right: 0;top: 0;bottom: 0;left: 0;display: block;z-index: 1;background: rgba(0,0,0,0.4);-webkit-transition: all 500ms ease;transition: all 500ms ease;-webkit-transform: translate(100%, 0);-ms-transform: translate(100%, 0);transform: translate(100%, 0);}
#control-nav:checked ~ .control-nav-close {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
#control-nav:checked ~ .menu {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
input#control-nav {visibility: hidden;position: absolute;left: -9999px;opacity: 0;}
input#control-nav {visibility: visible;}

.backgroundVideo {display: none;}

.menuMob {height: 80vh; top:10vh; position: absolute; display: block; left:10%;}
.menuMob .posicaoMenu {display: block; position: absolute; width: 80%; top: 40%; transform: translateY(-50%);}
.menuMob ul {list-style: none; margin: 0px 0px;}
.menuMob ul li {display: block; margin: 15px 0px; text-align: left;}
.menuMob ul li a {color: #FFFFFF; display: block; line-height: 24px; font-size: 24px; padding:14px 0px; position: relative; opacity: .5; text-transform: uppercase;}
.menuMob ul li a:hover {opacity: 1;}
.menuMob ul li a hr {display: none;}

header{width: 100%; position: fixed; z-index:9999; top:0px; left:0px; height:32px; padding:20px 0px; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .container {}
header .logo {width:100%; height: 32px; text-align: left;}
header .logo img {height: 32px;}
header .menu {
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 70%;
    padding: 20px 10%;
    color: #FFFFFF; 
    box-sizing:border-box;
    background: #0b0b0b;
    overflow-x: auto;
    z-index: 99;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
header .menu ul {
    list-style: none; margin: 0px 0px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
header .menu ul li {display: block; margin: 20px 0px; text-align: left;}
header .menu ul li a {color: #FFFFFF; display: block; line-height: 36px; font-size: 36px; padding:14px 0px; position: relative; opacity: 1;}
header .menu ul li a hr {display: none;}
header.active .menu {opacity: 1;}

.interna {padding-top: 120px;}
.interna h2 {font-size: 64px; letter-spacing: -2px; line-height: 64px; margin-bottom: 20px;}

#home {padding-bottom: 0px;}
#home .column {width: 100%; float: none; text-align: left;}
#home .column + .column {margin-left: 0px;}

.musicList .item {text-align: left;}
.musicList .item img.imgHome {float: left; width: 25%; height: auto;}
.musicList .item p {float: right; width: 70%; margin-right: 0px; margin-bottom: 10px;}

.follow a {width: 19%; line-height: 48px;}
.follow .title {text-align: left; margin-left: 5%;}

.youtube {display: none;}

footer {width: 100%;background: #F2F2F2; padding: 30px 0px; color: #1A1A1A; line-height: 26px; margin-top: 0px;}
footer .logo {width:30%; height: auto; text-align: center; margin: 0px auto 20px auto;}
footer .logo img {height: auto; width: 100%;}
footer .social {text-align: center;}
footer .column {width: 100%; box-sizing:border-box;}
footer .column + .column {border-top:1px solid rgba(0,0,0,0.2); padding-top: 20px; margin-top:20px; margin-left: 0px;}
footer .column a {color: #1A1A1A;}
footer .column a:hover {color: #ce171f;}
footer .social a {width: 19%; line-height: 48px;}

.category {width: 100%; float: none; margin-bottom: 40px; border-right: none; border-bottom: 1px dotted rgba(255,255,255,.8); padding-bottom: 40px; text-align: center;}
.category h3 {font-size: 22px; text-align: center;}
#tour .category h3 {font-size: 22px; margin-bottom: 0px; text-align: center;}
#tour h3 {margin-top: 20px;}
#tour .dateList {width: 100%; float: none;}
#tour .dateList .item p strong {float: none; margin-top: 0px; display: block;}

.musicInterna {width: 100%; float: none;}

.musicInterna .item .details {width: 100%; float: none;}
.musicInterna .item .players {width: 100%; float: none;}
.musicInterna .item .playerSets {width: 100%;}
.musicList .item .details img {float: left; width: 25%; height: auto;}

.search input {display: block; width: 100%; box-sizing:border-box; height: 60px; padding:0px 20px; line-height: 60px; border-bottom: 1px solid rgba(255,255,255,.3); margin-bottom: 10px;}
.search select {display: block; width: 100%; box-sizing:border-box; height: 60px; padding:0px 20px; line-height: 60px; border-bottom: 1px solid rgba(255,255,255,.3); border-left: 0px; margin-bottom: 10px;}
.search button {display: block; width: 100%; margin-left: 0px;}

.grid li .infos {position:relative; opacity: 1; background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,1)); padding: 15px 15px; font-size: 14px; bottom:auto; left:auto; width: 100%; padding: 10px 0px; line-height:18px;}
.grid li .infos strong {font-size: 16px;}
.grid li .infos small {font-size: 14px;}

.videos .musicList .item p {width: 100%; float: none;}

.playermobile {display: none;}

.videos.musicInterna .item .players {margin-bottom: 20px;}
.videos.musicList .item p {display: block; float: none; width: 100%;}
.videos.musicList .plataformas {display: block;}

.columnEN {display: none;}

.pressRelease .column {width: 100%; float: none; margin-bottom: 80px; text-align: left; opacity: 1;}
.pressRelease .column + .column {}

.bioCategory {display: block;}
.category {width: 100%; float: none; margin-bottom: 40px; border-right: none; border-bottom: 1px dotted rgba(255,255,255,.8); padding-bottom: 40px; text-align: center;}
.bioCategory h3 {font-size: 22px; text-align: center; display: inline-block; margin: 0px 20px;}
.bioCategory h3 a {opacity: .5;}
.bioCategory h3 a.active {opacity: 1;}