@font-face {
    font-family: 'pic_schmitzregular';
    src: url('../fonts/picschmitz-webfont.woff2') format('woff2'),
         url('../fonts/picschmitz-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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; font-weight: normal;}
html {-webkit-font-smoothing: antialiased;}
html {font-size: 100%;}
strong, b {font-weight:normal;}
* {font-family: 'pic_schmitzregular';}
body {color: #2B2B2B; background: #FFFFFF; letter-spacing: -0.5px;}
.clear {width: 100%; clear: both; display: block; height: 0px;}
a, button {transition:all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; text-decoration:none; cursor:pointer; outline:none;}
p {line-height: 24px; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 300;}
.container{width: 80%;position: relative;margin: 0px auto; }
.container::after {content:"";position:relative;width: 100%; clear: both; display: block; height: 0px;}
#control-nav {display: none;}

header{width: 100%; position: fixed; top:0px; left:0px; padding:40px 0px; z-index:9999; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .logo {height:40px; text-align:center; display: block;}
header .logo img {height:40px; filter:brightness(0) invert(1);}
header .menu {text-align: center;transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .menu ul {list-style: none; margin: 0px;}
header .menu ul li {display: inline-block; margin: 40px 15px 0px 15px; text-align:center;}
header .menu ul li a {color: #FFFFFF; display: inline-block; line-height: 24px; font-size: 16px; padding:5px 15px; position: relative; text-transform: uppercase; opacity: .4;}
header .menu ul li a hr {background: #FFFFFF; width: 0%; height: 100%; position: absolute; right:0px; top: 0px; display: block; border: none; z-index: -1; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
header .menu ul li a:hover {color: #2B2B2B; opacity: 1;}
header .menu ul li a:hover > hr {width: 100%;}
header .menu .redesSociais {text-align: right; margin-right: 15px;}
header .menu .redesSociais a {color: #FFFFFF; opacity: .5; margin-left: 10px; margin-bottom: 10px; display: block;}
header .menu .redesSociais a:hover {opacity: 1;}
header .menu .redesSociais i {line-height: 32px; font-size: 16px; margin: 0px 5px;}
header.active .menu {opacity: 0;}

.menuMob {display: none;}

.backgroundVideo video {width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 0; overflow:hidden;}
.backgroundVideo .overlay {background-color: #020213; opacity: .6; width: 100vw; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 1;}

@media (min-aspect-ratio: 16/9) {
  .backgroundVideo video{
    width: 100%;
    height: auto;
  }
}

@media (max-aspect-ratio: 16/9) {
  .backgroundVideo video {
    width: auto;
    height: 100%;
  }
}

.youtube {position: fixed; right: 40px; bottom: 40px; z-index: 9999; text-transform: uppercase; color: #FFFFFF; font-size: 14px; line-height: 20px;}
.youtube i {color: #FF0000; margin-left: 10px; font-size: 20px; display: inline-block; vertical-align: middle;}
.follow {position: fixed; width:84%; left: 8%; bottom: 0px; padding:40px 0px; z-index: 4; text-transform: uppercase; color: #FFFFFF; line-height: 20px; text-align: center; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.follow .title {margin-bottom: 25px; font-size: 16px; letter-spacing: 4px;}
.follow a {color: #FFFFFF; font-size: 12px; display: inline-block; width: 50px; position: relative;}
.follow a i {font-size: 18px;}
.follow a span {position: absolute; bottom: -5px; left: 50%; transform: translate(-50%); font-size: 11px; width: auto; opacity:0; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.follow a:hover > span {bottom: -20px; opacity: 1;}

.follow.active {opacity: 0;}

#home {margin-top: 100vh; position: relative; z-index: 5; padding: 200px 0px 100px 0px; color: #FFFFFF;}
#home .column {width: 40%; box-sizing:border-box; float: left; margin-bottom: 60px; text-align: right;}
#home .column + .column {margin-left:20%; text-align: left;}
#home h2 {font-size: 64px; letter-spacing: -4px; line-height: 84px; text-transform: uppercase; margin-bottom:20px;}
#home .column .photos img {height: 160px; width: 30%; margin-right: 2%; display: inline-block; object-fit:cover; border-radius: 3px;}

#home .dateList {}
#home .dateList .item {}
#home .dateList .item + .item {margin-top: 30px;}
#home .dateList .item span {color: #2B2B2B; background: #FFFFFF; padding: 10px 12px; display: inline-block; width: 60px; text-align: center; vertical-align: top; text-transform: uppercase;}
#home .dateList .item p {font-size:14px; color: rgba(255,255,255,.6); display: inline-block; width: calc(100% - 100px); margin-left: 10px; line-height: 20px; vertical-align: top; opacity: 1;}
#home .dateList .item p strong {text-transform: uppercase; color: #FFFFFF; display: block; font-size:18px;}

#tour h3 {text-transform: uppercase; margin-bottom: 10px; font-size: 32px; margin-top: 40px;}
#tour .dateList {width:75%; float: right;}
#tour .dateList {}
#tour .dateList .item {text-align:left; position: relative; width: 100%; float: none; margin-top: 24px;}
#tour .dateList .item span {color: #2B2B2B; background: #FFFFFF; padding: 10px 12px; display: inline-block; width: 75px; text-align: center; vertical-align: top; text-transform: uppercase;}
#tour .dateList .item p {font-size:14px; color: rgba(255,255,255,.6); display: inline-block; width: calc(100% - 115px); margin-left: 10px; line-height: 20px; vertical-align: top; opacity: 1;}
#tour .dateList .item p strong {text-transform: uppercase; color: #FFFFFF; display: block; font-size:18px; float: right; margin-top: 10px; }
#tour .dateList .item p b {text-transform: uppercase; color: #FFFFFF;}

.bio p {font-size:14px; opacity: .6; line-height: 32px;}

.musicList {}
.musicList .item {text-align:right; position: relative; cursor:pointer;}
.musicList .item + .item {margin-top: 24px;}
.musicList .item img.imgHome {display: inline-block; width: 70px; height: 70px; vertical-align: top; object-fit:cover; border-radius: 3px;}
.musicList .item .details img {display: inline-block; width: 126px; height: 126px; vertical-align: top; object-fit:cover; border-radius: 3px; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.musicList .item p {font-size:16px; color: rgba(255,255,255,.6); display: inline-block; width: calc(100% - 145px); margin-right: 10px; line-height: 24px; vertical-align: middle; opacity: 1;}
.musicList .item p a.tituloLink {color: #FFFFFF; display: block; line-height: 24px; font-size: 18px; padding:0px 0px; position: relative; text-transform: uppercase;}
.musicList .item p a.tituloLink::after {content:""; display:none;}
.musicList .item p a.tituloLink:hover {color:#FFFFFF; padding: 0px 0px;}
.musicList .item p strong {text-transform: uppercase; color: #FFFFFF; display: block; font-size:18px; width: 80%;}
.musicList .item p strong.home {width: 100%;}
.musicList .item p small {text-transform: uppercase; color: #FFFFFF; display: block;}
.musicList .item p span {display: none; width: 100%; padding: 10px 0px; font-size: 14px;}
.musicList .item p a {color: #FFFFFF; display: inline-block; line-height: 24px; font-size: 14px; padding:5px 0px; position: relative; text-transform: uppercase;}
.musicList .item p a i {font-size: 13px; margin-right: 5px;}
.musicList .item p a::after {content:"";background: #FFFFFF; width: 0%; height: 100%; position: absolute; right:0px; top: 0px; display: block; border: none; z-index: -1; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.musicList .item p a:hover {color:#2B2B2B; padding: 5px 15px;}
.musicList .item p a:hover::after {width: 100%;}
.musicList .item i.fa-play {position: absolute; opacity:0; right: 0px; top: 0px; color: #FFFFFF; width:48px; height:48px; line-height:48px; text-align:center; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.musicList .item:hover > i.fa-play {opacity: 1;}
.musicList .item:hover > img {opacity: .2;}

.musicInterna {float: right;width:75%;}
.musicInterna h3 {text-transform: uppercase; margin-bottom: 10px; font-size: 32px;}
.musicInterna .item {text-align:left; position: relative; cursor:pointer; width: 100%; float: none; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 20px;}
.musicInterna .item i.fa-play {position: absolute; opacity:0; left: 0px; top: 0px; color: #FFFFFF; width:48px; height:48px; line-height:48px; text-align:center; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.musicInterna .item p {margin-left: 10px; margin-right: 0px;}
.musicInterna .item .players {width: 46%; float: right;}
.musicInterna .item .playerSets {border-radius: 35px; height: 70px; overflow:hidden;}
.musicInterna .item .details {width: 54%; float: left;}
.musicInterna .item #player2 {margin-top: 0px;}

.videos .item p {margin-left: 0px; margin-right: 0px;}
.videos .item p strong {text-transform: uppercase; color: #FFFFFF; display: block; font-size:22px; width: 100%; margin-bottom: 10px;}
.videos .item .players {width: 42%; float: left;}
.videos .item .details {width: 54%; float: right;}
.videos .item p small {margin-top: 2px;}
.videos .item .details img {width: auto; height: 13px;}

.category {float: left;width:20%; border-right: 1px solid rgba(255,255,255,.1);}
.category h3 {text-transform: uppercase; margin-bottom: 10px; font-size: 32px;}
.category h3 a {color:#FFFFFF;}
.category hr {background: rgba(255,255,255,.1); height: 1px; width: 100%; border:none; margin: 20px 0px;}

.category ul {margin-bottom: 30px;}
.category ul li {line-height: 32px; list-style: none;}
.category ul li a {font-family: 'Poppins', sans-serif; color: rgba(255,255,255,.7);}
.category ul li a:hover {padding-left: 10px; color: #FFFFFF;}

.musicList .destaque {display: block; margin-bottom: 20px;}
.musicList .destaque img {display: inline-block; width: 240px; height: 240px; vertical-align: top; object-fit:cover; border-radius: 10px;}
.musicList .destaque div.info { width: calc(100% - 280px); margin-left: 20px; display:inline-block; vertical-align: middle; opacity: 1;}
.musicList .destaque div.info p {font-size:22px; color: rgba(255,255,255,.6); line-height: 20px;}

.musicList .destaque div.info span {display: none; width: 100%; padding: 10px 0px; font-size: 14px;}
.musicList .destaque div.info a {color: #FFFFFF; display: inline-block; line-height: 24px; font-size: 14px; padding:5px 0px; position: relative; text-transform: uppercase; margin-top: 10px;}
.musicList .destaque div.info a i {font-size: 13px;}
.musicList .destaque div.info a::after {content:"";background: #FFFFFF; width: 0%; height: 100%; position: absolute; right:0px; top: 0px; display: block; border: none; z-index: -1; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.musicList .destaque div.info a:hover {color:#2B2B2B; padding: 5px 0px;}
.musicList .destaque div.info a:hover::after {width: 100%;}


.musicList .destaque div.info h4 {text-transform: uppercase; color: #FFFFFF; display: block; font-size:36px; margin-bottom: 10px;}
.musicList .destaque div.info small {text-transform: uppercase; color: #FFFFFF; display: block; font-size:16px; margin-top: 12px; margin-bottom: 12px;}
.musicList .plataformas {text-transform: uppercase; font-size: 11px; margin-top: 15px;}
.musicList .plataformas div {margin-right: 0px; display: inline-block;}
.musicList .plataformas a {color: #FFFFFF; font-size: 11px; display: inline-block; width: 40px; position: relative; text-align: center;}
.musicList .plataformas a i {font-size: 16px;}
.musicList .plataformas a span {position: absolute; bottom: -5px; left: 50%; transform: translate(-50%); font-size: 10px; width: auto; opacity:0; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.musicList .plataformas a:hover > span {bottom: -20px; opacity: 1;}
.musicList .plataformasInterno a i {font-size: 13px;}
.musicList .plataformasInterno a img {height: 13px; filter:brightness(0) invert(1); width: auto; vertical-align: middle;}
.musicList .plataformasInterno a {font-size: 10px; width: 30px;}
.musicList .plataformasInterno div {margin-bottom: 12px;}

.musicList .destaque p.descricaoMusic {line-height: 28px !important; font-size: 16px !important; margin-top: 20px;}

.pressRelease {}
.pressRelease .column {width: 48%; float: left; margin-bottom: 80px; text-align: right; opacity: 1;}
.pressRelease .column + .column {margin-left: 4%; text-align: left; opacity: .5;}
.pressRelease h3 {text-transform: uppercase; margin-bottom: 40px; font-size: 42px; text-align: center;}
.pressRelease .column p {font-size:14px; color: #FFFFFF; line-height: 32px;}
.pressRelease a.download {text-transform: uppercase; font-size: 22px; border: 1px solid rgba(255,255,255,.5); background:transparent; padding: 15px 25px; border-radius: 5px; color: #FFFFFF; margin-top: 0px; display: inline-block;}
.pressRelease a.download:hover {color: #2B2B2B; background:#FFFFFF;}
.pressRelease a.download i {margin-right: 10px;}

.interna {margin-top: 0px; position: relative; z-index: 5; padding: 200px 0px 100px 0px; color: #FFFFFF;}
.interna h2 {font-size: 128px; letter-spacing: -4px; line-height: 84px; text-transform: uppercase; margin-bottom: 80px; text-align: center; opacity: .1;}

.seemore {color: #FFFFFF; display: inline-block; line-height: 32px; font-size: 20px; padding:5px 0px; position: relative; text-transform: uppercase; margin-top: 20px;}
.seemore::after {content:"";background: #FFFFFF; width: 0%; height: 100%; position: absolute; right:0px; top: 0px; display: block; border: none; z-index: -1; transition:all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.seemore:hover {color: #2B2B2B; padding:5px 15px;}
.seemore:hover::after {width: 100%;}

footer {width: 100%; background: #FFFFFF; padding: 80px 0px 60px 0px; color: #2B2B2B; line-height: 26px; position:relative; z-index: 6;}
footer .logo {height:30px; margin-bottom: 70px;}
footer .logo img {height:30px;}
footer .column {width: 40%; box-sizing:border-box; float: left; text-align: right;}
footer .column + .column {margin-left:20%; text-align: left;}

footer .social {text-transform: uppercase;}
footer .social .title {margin-bottom: 25px; font-size: 14px; letter-spacing: 4px;}
footer .social a {color: #2B2B2B; font-size: 12px; display: inline-block; width: 40px; position: relative;}
footer .social a i {font-size: 20px;}
footer .social a span {display: none;}

footer .beintouch {color: #A8A8B7;}
footer .beintouch h3 {margin-bottom: 25px; font-size: 14px; letter-spacing: 4px; text-transform: uppercase;}
footer .beintouch a {color: #A8A8B7; font-size: 12px; display: block; position: relative; margin-bottom: 20px;}
footer .beintouch a i {font-size: 26px; display: inline-block; vertical-align:middle; width: 40px; margin-right: 20px; text-align: center;}
footer .beintouch a span {font-size: 14px; display: inline-block; vertical-align:middle; font-family: 'Poppins', sans-serif;}

#player2-container .mejs__time-buffering, #player2-container .mejs__time-current, #player2-container .mejs__time-handle, #player2-container .mejs__time-loaded, #player2-container .mejs__time-hovered, #player2-container .mejs__time-marker, #player2-container .mejs__time-total {height: 2px;}
#player2 {outline:none; width: 100%; margin-top: 20px; filter:invert(1);}
#player2-container .mejs__time-total {margin-top: 9px;}
#player2-container .mejs__time-handle {left: -5px; width: 12px; height: 12px; border-radius: 50%; background: #ffffff; top: -5px; cursor: pointer; display: block; position: absolute; z-index: 2; border: none;}
#player2-container .mejs__time-handle-content {top: 0; left: 0; width: 12px; height: 12px;}

@-moz-document url-prefix() {
    #player2 {filter:invert(0);}
}

.search {text-align: center;}
.search input {text-transform: uppercase; font-size: 16px; border: none; background:transparent; padding: 15px 25px; border-radius: 0px; color: #FFFFFF; margin-top: 0px; display: inline-block; width: 25%; outline:none;}
.search select {text-transform: uppercase; font-size: 16px; border: none; background:transparent; padding: 15px 25px; border-radius: 0px; color: #FFFFFF; margin-top: 0px; display: inline-block; width: 25%; outline:none; border-left:1px solid rgba(255,255,255,.5);}
.search button {text-transform: uppercase; font-size: 16px; border: 1px solid rgba(255,255,255,.5); background:transparent; padding: 15px 25px; border-radius: 5px; color: #FFFFFF; margin-top: 0px; display: inline-block; margin-left: 20px;}
.search button:hover {color: #2B2B2B; background:#FFFFFF;}

/* GRID MASONRY */

.grid {
    max-width: 69em;
    list-style: none;
    margin: 30px auto;
    padding: 0;
}

.grid li {
    display: block;
    float: left;
    padding: 7px;
    width: 33%;
    opacity: 0;
    box-sizing:border-box;
}

.grid li .infos {
    position: absolute; bottom: 7px; z-index: 99; left: 7px; box-sizing:border-box; width: calc(100% - 14px); padding: 10px 30px; opacity:0; font-size: 16px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.5)); border-radius: 5px; line-height: 24px; color: #FFFFFF; transition:.5s;
}
.grid li .infos strong {text-transform:uppercase; font-size: 20px;}
.grid li .infos small {text-transform:uppercase; font-size: 16px;}

.grid li:hover > a .infos {opacity: 1; padding: 30px 30px}

.grid li.shown,
.no-js .grid li,
.no-cssanimations .grid li {
    opacity: 1;
}

.grid li a,
.grid li img {
    outline: none;
    border-radius: 5px;
    border: none;
    display: block;
    max-width: 100%;
}

/* Effect 1: opacity */
.grid.effect-1 li.animate {
    -webkit-animation: fadeIn 0.65s ease forwards;
    animation: fadeIn 0.65s ease forwards;
}

@-webkit-keyframes fadeIn {
    0% { }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { }
    100% { opacity: 1; }
}

/* Effect 2: Move Up */
.grid.effect-2 li.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
    0% { }
    100% { -webkit-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    0% { }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

/* Effect 3: Scale up */
.grid.effect-3 li.animate {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards;
}

@-webkit-keyframes scaleUp {
    0% { }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes scaleUp {
    0% { }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

/* Effect 4: fall perspective */
.grid.effect-4 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-4 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: fallPerspective .8s ease-in-out forwards;
    animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
    0% { }
    100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
    0% { }
    100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-5 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-5 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: fly .8s ease-in-out forwards;
    animation: fly .8s ease-in-out forwards;
}

@-webkit-keyframes fly {
    0% { }
    100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes fly {
    0% { }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-6 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-6 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: flip .8s ease-in-out forwards;
    animation: flip .8s ease-in-out forwards;
}

@-webkit-keyframes flip {
    0% { }
    100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}

@keyframes flip {
    0% { }
    100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
}

/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.grid.effect-7 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-7 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: helix .8s ease-in-out forwards;
    animation: helix .8s ease-in-out forwards;
}

@-webkit-keyframes helix {
    0% { }
    100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}

@keyframes helix {
    0% { }
    100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
}

/* Effect 8:  */
.grid.effect-8 {
    -webkit-perspective: 1300px;
    perspective: 1300px;
}

.grid.effect-8 li.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: popUp .8s ease-in forwards;
    animation: popUp .8s ease-in forwards;
}

@-webkit-keyframes popUp {
    0% { }
    70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
    100% { -webkit-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
    0% { }
    70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 1080px) {
    .grid li {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .grid li {
        width: 100%;
    }
}

/* GRID MASONRY */

div.episode {margin-bottom: 0px !important;}
div.episode div.meta {padding-top:0px !important;}

div.player_wrap {border-top:none !important; border-radius:27px !important; height:54px !important;}
.mejs-buzz .mejs-controls .mejs-playpause-button button {height:54px !important; width:54px !important;}
.mejs-buzz .mejs-controls .mejs-playpause-button {height: 54px !important; width: 54px !important; border-right: none !important;}
.mejs-buzz .mejs-controls {height: 54px !important;}
.mejs-mediaelement audio {height: 54px !important;}

.mejs-container {height: 54px !important;}


.bioCategory {display: none;}