/*
Theme Name: LabPop Group
Theme URI: http://www.labpopgroup.com
Description: Tema exclusivo para o LabPop Group
Author: LabPop / Anderson Clayton
Author URI: mailto:duquebilly@gmail.com
Version: 1.0
*/

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline:0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
strong {font-weight: bold;}
em {font-style: italic;}


/*  global  */
body { font-family: 'Raleway', sans-serif; color: #fff; }
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { clear: both; display: block; margin: 0 auto; }
.textcenter { text-align: center; }
.clear { clear: both; }
.clear:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
.hidden { display: none; }
.limite { width: 100%; max-width: 1024px; margin: 0 auto; }
.semlimite { width: 100%; }
.transform
{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; }
a {  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); }
a:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); }


/* elementos principais */
body { height: 100%!important; }
header { position: fixed; top: 0; z-index: 999; color: #bf3043; }
header a { display: inline-block; text-decoration: none; color: #bf3043; font-size: 12px; } /* 20px */
header.home { padding: 25px 0; background-color: #fff; }
header.home .imginterna { display: none; }
header.interna { background: none; color: #fff; }
header.interna a { color: #fff; font-size: 12px; } /* 16px */
header.interna .imghome { display: none; }
header.interna .bordas { margin: 15px 0; padding: 10px; border: 1px solid #fff; }
header .limite { position: relative; }
header .nav { text-align: right; margin-top: -20px; }
header .social { float: right; position: absolute; top: 10px; right: 10px; }


/* sections */
section { position: relative; z-index: 9; }
section .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -9; background-attachment: fixed; background-size: cover; }
section .video { position: relative; z-index: 99; width: 100%; height: 100%; overflow: hidden; }
section iframe { position: absolute; z-index: -9; width: 100%; height: 100%; top: 0px; left: 0px; overflow: hidden; opacity: 1; } /* width: 130%; height: 140%; margin-top: -30%; margin-left: -20%; */
.setAsBg { overflow: hidden; }
a#labpopagency { display: inherit; }
a#musicbuzz { display: inherit; }
a#mpmneto { display: inherit; }
a#contato { display: inherit; }
#iframeHolder { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; }
#fechariframe { position: fixed; top: 10px; right: 50px; z-index: 99999; display: none; }
section .conteudo h2 { padding: 0 0 10px 0; text-shadow: 1px 1px #000; font-size: 50px; font-weight: 600; text-transform: uppercase; }
section .conteudo p { text-shadow: 1px 1px #000; font-size: 15px; line-height: 20px; }
section .conteudo a { display: inline-block; }
section .conteudo .vcenter { position: absolute; top: 50%; left: 50%; z-index: 99; }
section .conteudo.aberto .vcenter { left: auto; right: 30%; margin-left: auto; margin-right: -150px; }
section .conteudo .vcenterconteudo { position: absolute; width: 410px; height: 250px; top: 50%; margin-top: -150px; z-index: 99; opacity: 0; }
section .conteudo.aberto .vcenterconteudo { opacity: 1; }
section .conteudo .vcenter .aparece { display: none; }
section .conteudo.aberto .vcenter .aparece { display: block; }
section .conteudo.aberto a { display: none; }


/* home */
section.home { text-align: center; }
section.home .vcenter { padding-top: 184px; position: absolute; width: 406px; height: 300px; top: 50%; left: 50%; margin-top: -334px; margin-left: -203px; z-index: 99; }
/* media query height 670px */
section.home img {  }
@media all and (max-height: 670px) { section.home img.logo-lpg-home { width: 60%; margin-top: 50px; } }
section.home .produtos { width: 100%; position: absolute; bottom: 0; padding: 20px 0; background-color: #000; }
section.home .produtos a { display: inline-block; width: 24%; height: 135px; line-height: 135px; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }
section.home .produtos a:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); }
section.home .produtos  img { vertical-align: middle; }


/* labpop agency */
section.labpopagency { background-color: #8ebdd9; }
section.labpopagency .conteudo .vcenter { width: 295px; height: 182px; margin-top: -91px; margin-left: -147px; }
section.labpopagency .conteudo.aberto .vcenter { left: auto; right: 30%; margin-left: auto; margin-right: -150px; }
section.labpopagency .conteudo .vcenterconteudo { left: 30%; margin-left: -150px; }


/* music buzz */
section.musicbuzz { background-color: #ffd64c; }
section.musicbuzz .conteudo .vcenter { width: 292px; height: 227px; margin-top: -113px; margin-left: -146px; }
section.musicbuzz .conteudo.aberto .vcenter { left: 30%; right: auto; margin-left: -150px; margin-right: auto; }
section.musicbuzz .conteudo .vcenterconteudo { right: 30%; margin-right: -150px; }


/* bengor */
section.bengor { background-color: #ffd64c; }
section.bengor .conteudo .vcenter { width: 292px; height: 227px; margin-top: -113px; margin-left: -146px; }
section.bengor .conteudo.aberto .vcenter { left: 30%; right: auto; margin-left: -150px; margin-right: auto; }
section.bengor .conteudo .vcenterconteudo { right: 30%; margin-right: -150px; }


/* microtarget */
section.microtarget { background-color: #ffd64c; }
section.microtarget .conteudo .vcenter { width: 292px; height: 227px; margin-top: -113px; margin-left: -146px; }
section.microtarget .conteudo.aberto .vcenter { left: 30%; right: auto; margin-left: -150px; margin-right: auto; }
section.microtarget .conteudo .vcenterconteudo { right: 30%; margin-right: -150px; }


/* MPM Neto */
section.mpmneto { background-color: #ffd64c; }
section.mpmneto .conteudo .vcenter { width: 312px; height: 98px; margin-top: -49px; margin-left: -156px; }
section.mpmneto .conteudo.aberto .vcenter { left: auto; right: 30%; margin-left: auto; margin-right: -150px; }
section.mpmneto .conteudo .vcenterconteudo { left: 30%; margin-left: -150px; overflow: hidden; }


/* Futebol 360 */
section.futebol360 { background-color: #66905f; }
section.futebol360 .conteudo .vcenter { width: 298px; height: 320px; margin-top: -160px; margin-left: -149px; }
section.futebol360 .conteudo.aberto .vcenter { left: 30%; right: auto; margin-left: -150px; margin-right: auto; }
section.futebol360 .conteudo .vcenterconteudo { right: 30%; margin-right: -150px; }


/* NEWS */
section.news { background-color: #5b6079; }
section.news .vcenter a { border: 1px solid #fff; padding: 40px 100px; color: #fff; text-shadow: 1px 1px #000; font-size: 60px; font-weight: 600; text-decoration: none; }
section.news .vcenter h2 { text-shadow: 1px 1px #000; font-size: 60px; font-weight: 600; text-transform: uppercase; }
section.news .conteudo .vcenter { width: 384px; height: 142px; margin-top: -71px; margin-left: -192px; }
section.news .conteudo.aberto .vcenter { top: 120px; left: 10%; right: auto; margin-left: auto; margin-right: auto; margin-top: auto; }
section.news .conteudo .vcenterconteudo { width: 100%; height: 450px; max-width: 1024px; margin-top: -226px; overflow: hidden; }
section.news .conteudo .vcenterconteudo h2 { padding: 20px 10px 0 10px; text-shadow: 1px 1px #000; font-size: 26px; line-height: 32px; font-weight: 400; text-align: left; }
section.news .conteudo .vcenterconteudo p { padding: 10px; text-shadow: 1px 1px #000; font-size: 15px; line-height: 24px; font-weight: 400; text-align: left; }
/* NEWS Swiper*/
section.news .conteudo .swiper-container-news { width: 88%; height: 100%; margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
section.news .conteudo.aberto .swiper-slide a { display: inline-block; text-decoration: none; color: #fff; }
section.news .conteudo.aberto .swiper-slide .conteudo { width: 50%; float: left; margin: 90px 0 0 0px; }
section.news .conteudo.aberto .swiper-slide .imagem { width: 41%; float: right; margin: 90px 10px 0 20px; }
section.news .conteudo.aberto .swiper-slide .imagem img { max-width: 370px; max-height: 330px; }
section.news .conteudo.aberto .swiper-slide p.see-more { text-align: right; }
section.news .conteudo.aberto .swiper-slide p.see-more a { border: 2px solid #fff; padding: 5px 10px; }
section.news .conteudo.aberto .setas { position: absolute; width: 100%; margin-top: -30px; z-index: 0; top: 50%; left: 0px; }
section.news .conteudo.aberto .setas a { display: inline-block; margin: 0 10px; }
section.news .conteudo.aberto .setas a.esquerda { float: left; }
section.news .conteudo.aberto .setas a.direita { float: right; }


/* NEWS interna */
#single-news header { position: relative; color: #fff; }
#single-news header a { display: inline-block; text-decoration: none; color: #fff; font-size: 20px; } /* 20px */
#single-news header .bordas { position: relative; margin: 15px 0; padding: 10px; border: 1px solid #fff; }
#single-news header .nav { text-align: right; margin-top: -20px; }
#single-news header .breadbrumb { position: absolute; top: 0px; right: 0px; width: 200px; font-size: 60px; }

#single-news { background-attachment: fixed; background-size: cover; background-position: center center; }
#single-news .single-news { width: 520px; float: left; margin: 50px 50px 0 0; }
#single-news .single-news .imagem img { max-width: 510px; max-height: 340px; padding: 5px; margin: 20px 0; border: 1px solid #fff; }
#single-news .single-news h1 { color: #bf3043; font-size: 33px; font-weight: bold; text-shadow: none; }
#single-news .single-news p { margin: 0 0 20px 0; font-weight: bold; line-height: 28px; font-size: 14px; text-shadow: 1px 1px #000; }
#single-news .single-news p a { color: #bf3043; }

#single-news .more-news { width: 40%; float: right; margin: 50px 0 0 0; }
#single-news .more-news h2 { margin: 50px 0 20px 0; color: #fff; font-size: 28px; font-weight: bold; }
#single-news .more-news .imagem { float: left; margin: 0 15px 10px 0; }
#single-news .more-news .imagem img { max-width: 130px; max-height: 110px; }
#single-news .more-news .chamadas { border: 1px solid #fff; padding: 15px 15px 0 15px; }
#single-news .more-news .chamada { margin: 0 0 20px 0; }
#single-news .more-news .chamada p { max-height: 81px; overflow: hidden; line-height: 20px; }
#single-news .more-news h3 a { color: #bf3043; margin: 0 0 10px 0; text-shadow: none; }
#single-news .more-news span { color: #bf3043; text-shadow: none; }
#single-news .more-news a { display: block; color: #fff; font-weight: bold; text-decoration: none; text-shadow: 1px 1px #000; }
#single-news .more-news a:hover { -webkit-transform: none; transform: none; }

#single-news footer { margin: 40px 0 0 0; padding: 10px 0; text-align: right; background-color: #bf3043; }
#single-news footer { padding: 10px 0; text-align: right; background-color: #bf3043; height: 40px; line-height: 26px; vertical-align: middle; }
#single-news footer a { display: inline-block; margin: 0 0 0 5px; color: #fff; text-decoration: none; vertical-align: middle; }
#single-news footer .social { display: inline-block; margin: 0 0 0 5px; }
#single-news footer .social img { margin: 5px 0 0 0; }



/* NEWS modal*/
section.news .conteudo-news { display: none; top: 200px; position: absolute; padding: 60px 50px; overflow: hidden; border: 1px solid #fff; z-index: 99; }
section.news .conteudo-news .meiotransparente { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -9; background-color: #080708; opacity: 0.5; }
section.news .conteudo-news h2 { padding: 40px 0; text-shadow: 1px 1px #000; font-size: 26px; font-weight: 400; text-align: center; }
section.news .conteudo-news p { padding: 20px 20px 0 20px; text-shadow: 1px 1px #000; font-size: 15px; line-height: 24px; font-weight: 400; text-align: center; }
section.news .conteudo-news .fecharmodal { position: absolute; top: 10px; right: 10px; }
section.news .conteudo-news h3 { position: absolute; bottom: -10px; right: -2px; font-size: 60px; font-weight: 600; }
section.news .conteudo-news .imagem { width: 350px; float: left; }
section.news .conteudo-news .texto { float: left; width: 450px; height: 350px; margin: 0 0 30px 80px; overflow: auto; }


/* contato */
section.contato { background-color: #8d7979; }
section.contato .conteudo { padding: 250px 0 0 0; text-align: left; }
@media all and (max-height: 600px) { section.contato .conteudo { padding: 130px 0 0 0; } }
section.contato .conteudo h2 { padding: 130px 0; text-align: left; }
@media all and (max-height: 700px) { section.contato .conteudo h2 { padding: 100px 0; } }
@media all and (max-height: 600px) { section.contato .conteudo h2 { padding: 50px 0; } }
@media all and (max-height: 600px) { section.contato .conteudo h2 { padding: 20px 0; font-size: 30px; } }
section.contato .conteudo p { text-align: right; }
section.contato .conteudo strong { font-size: 16px; }







/*  Tabelas  */
table { width: 100%; margin: 10px 0; font-size: 18px; color: #333; }
table tr.odd { background-color: #FBFBFB; }
table tr.even { background-color: #EFEFEF; }
table tr td { padding: 20px; vertical-align: middle; }
table tr td.data, table tr td.saibamais { width: 100px; }
table tr td.saibamais { font-size: 15px; font-weight: 300; color: #656565; }
table tr td a { color: #333;  text-decoration: none; }



/*  Galerias  */
.gallery { margin: auto; }
.gallery-item { float: left; margin: 20px 0 0 0; text-align: center; width: 25%; }
.gallery-item img { border: 1px solid #fff; }
.gallery-item:hover img { border: 1px solid #EFEFEF; }
.gallery-caption { margin: 20px 0; font-size: 15px; font-weight: 300; color: #656565; }
#interna section.promocoes .gallery-item { width: 33%; }
#interna section.lojas .loja .gallery-item { width: 33%; margin: 0; }
#interna section.lojas .loja .gallery-caption { display: none; }
















/* Swiper Geral */
.swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; position: relative; }
/* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; }
.swiper-slide { width: 100%; height: 100%; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #95B9D5; margin: 0 5px; cursor: pointer; }
.swiper-active-switch { width: 8px; height: 8px; background: #FBF7AA; border: 1px inset #000; }