@import url(reset.css);

html { font-size: 16px; background: #FFF; }
body { font: 400 1em/25px 'Open Sans'; color: #969696; width: 100%; }

.cb { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.m2em { margin: 2em; }

/* ----------------------------------------------------------- geral */

a:link , a:visited { color: inherit; outline: 0; text-decoration: none; }
a:hover { color: #3C3C3C; text-decoration: underline; }


#geral { position: relative; }
#geral hr { display: none; }

.wrap {
    width: 960px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}

h2 {
    font-size: 3.14em;
    line-height:1.1em;
    font-weight: 700;
    letter-spacing: -2px;
    color: #3C3C3C;
}
h3 {
    font-size: 1.24em;
    text-transform: uppercase;
    color: #47A5AE;
    margin-bottom: 10px;
}
h4 { }

button, span.assinar a {
    font: 1.2em 'Open Sans', sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    padding: 18px 33px;
    border-radius: 10px;
    width: auto;
    cursor: pointer;

    border: 1px solid #E6E6E6;
    background-color: #FFFFFF;
    color: #AAAAAA;
    display: block;
    margin: inherit;
}
button:hover {
}
button a:hover {
    text-decoration: none;
    color: inherit;
}
section ul { list-style-type: none; padding: 0; }
section ul li {
    font-size: 0.96em;
    border-bottom: 1px solid #E7E7E7;
    padding: 10px 10px 10px 30px;
    background: url(../img-site/bullet_verde.gif) no-repeat 17px 17px transparent;
    line-height: 1.2em;
}
section ul li:last-child {border: 0 none; }
#geral ol { padding-left: 1.3em; }

/* ---------------------------------------------------------- header */
header {
    background: #FFF;
    position: fixed;
    padding: 20px 0;
    width: 100%;
    height: 75px;
    /*overflow: hidden;*/
    z-index: 2;
    box-shadow: 0 2px 4px rgba(153,153,153,.3);

    /* Para testes
    desligar header */
    /*display: none;*/
}
header:after { content: " "; display: block; clear: both; }
header h1 {
    background: url(../img-site/logo_likestore.svg) no-repeat 0 0;
    position: relative;
    text-indent: -9999px;
    /* width: 206px; */
}
.no-svg header h1 {
    background: url(../img-site/logo_likestore.png) no-repeat 0 0;
}

/*
svg {
	width: 100%;
	height: 100%;
}
*/

header h1 a { display: block; height: 36px; }
.socialheader {
    display: table-cell;
    position: absolute;
    right: 0;
    top: 0;
}
.socialheader ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
header ul li { display: inline; }

.socialheader li a {
    background: url(../img-site/icos_socials.png) no-repeat 0 0;
    display: inline-block;
    height: 28px;
    text-indent: -9999px;
    width: 28px;
    margin-left: 5px;
}
.socialheader li a:hover { background-position: 0px -28px; }

.socialheader li:nth-child(2) a { background-position: -37px 0; }
.socialheader li:nth-child(2) a:hover { background-position: -37px -28px; }
.socialheader li:nth-child(3) a { background-position: -74px 0; }
.socialheader li:nth-child(3) a:hover { background-position: -74px -28px; }

/**** Navegação ****/

/*#menu {
    display: none;
}*/

/*nav {
    margin: 2.041% 0 0!important;
}*/

/*nav ul {
    margin: 0;
    padding: 0;
}*/

/*nav li {
    float: left;
    margin-top: 4.31%;
    text-align: right;
}*/

/*nav li:nth-child(1) { width: 35.345%; }
nav li:nth-child(2) { width: 24.138%; }
nav li:nth-child(3) { width: 18.966%; }
nav li:nth-child(4) { width: 21.552%; }*/



.js #nav {
  display: block;
}
.botao_menu{
    display: none;
}
nav ul { margin: 13px 0 0 0; padding: 0; text-transform: uppercase; }
nav ul li { position: relative; display: inline-block; height: 46px; }

nav a {
    color: #47A5AE;
    font-size: 0.82em;
    text-decoration: none;
    margin-right: 35px;
    padding: 0 0 19px;
    position: relative;
}
nav>ul>li:last-of-type a { margin-left: 35px; }
nav ul ul {
    position: absolute;
    left: 0;
    background: #47A5AE;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    box-shadow: 1px 2px 3px rgba(1,1,1,0.2);
    padding-top: 8px;
    top: 33px;
    display: none;
}
nav ul ul li {
    display: list-item;
    color: #FFF;
    font-size: 0.77em;
    padding: 0 11px 5px;
    white-space: nowrap;
    list-style: none;
    height: auto;
}
nav ul li.subm ul li a , nav ul ul li a:hover {
    margin-right: 0px;
    border-bottom: 1px solid #8EB6BA;
    padding: 7px 6px;
    height: auto;
}
nav ul li.subm ul li:last-of-type a { border: 0 none; }


nav a:hover, #planos nav a.planos,#oquee nav a.oquee, #venderingressos nav a.venderingressos ,
#comofunciona nav a.comofunciona , #exemplos nav a.exemplos  { border-bottom: 5px solid #47A5AE; text-decoration: none; color: inherit; }

nav ul li.subm a { padding: 6px 16px 19px; margin: 0; }
nav ul li.subm:hover {
    background: #47A5AE;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #FFF;
    border-bottom: 0 none;
}
nav ul li:hover ul { display: block; }

/* ------------------------------------------------------ fim header */

/* ------------------------------------------------ botoes loja topo */
.buttonloja {
    border: 0 none;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 0.7em;
    padding: 6px 11px;
    z-index: 3;
    position: fixed;
    /* top: 15%; */
}
.buttonloja.acesse {
    background: #787878;
    background-image: linear-gradient(to top, #5A5A5A, #787878);
    /*margin-left: 62%;*/
    margin-left: 860px;
    top: 68px;
    transition: all 0.2s linear 0s;
}
.buttonloja.acesse:hover { background: #5A5A5A; background-image: linear-gradient(to top, #787878, #5A5A5A); }
.buttonloja.acesse.fixo { margin-left: 720px; }
.buttonloja.crie {
    background: #47A5AE;
    background-image: linear-gradient(to top, #2C8D96, #47A5AE);
    margin-left: 845px;
    opacity: 0;
    top: 160px;
    transition: all 0.2s linear 0s;
}
.buttonloja.crie:hover { background: #2C8D96; background-image: linear-gradient(to top, #47A5AE, #2C8D96); }
.buttonloja.crie.fixo { margin-left: 845px; opacity: 1; top: 68px; }

/* -------------------------------------------- fim botoes loja topo */

/* ------------------------------------------------------- carrossel */

#carrossel { width: 100%; padding-top: 100px; }
#homecarousel .item { height: 600px;background: no-repeat center 0; }
#homecarousel .item.vitrine { background-image: url(../img-site/carrossel_vitrine02.jpg) }
#homecarousel .item.facebook { background-image: url(../img-site/carrossel_facebook.jpg) }
#homecarousel .item.instagram { background-image: url(../img-site/carrossel_instagram02.jpg) }
#homecarousel .item.celular { background-image: url(../img-site/carrossel_celular.jpg) }

#homecarousel .item h3 { top: 70px; }
#homecarousel .item h2 { top: 104px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); font-size: 45px; }

#homecarousel .item h3 , #homecarousel .item h2 , #homecarousel .item button {
    position: absolute;
    width: 390px;
    left: 50%;
    margin-left: -38%;
    color: #FFF;
}

#homecarousel .item button {
    background: #47A5AE;
    background-image: linear-gradient(to top, #2C8D96, #47A5AE);
    border: 0 none;
    width: auto;
    top: 375px;
}
#homecarousel .item button:hover { background-image: linear-gradient(to top, #47A5AE, #2C8D96); }

#homecarousel .item.vitrine h3 , #homecarousel .item.vitrine h2 , #homecarousel .item.vitrine button {
    text-align: center;
    width: 900px;
    margin-left: -450px;
}
#homecarousel .item.vitrine h3 { top: 205px; }
#homecarousel .item.vitrine h2 { top: 240px; }
#homecarousel .item.vitrine button { margin-top: -10px; width: auto; margin-left: -120px; }

/* --------------------------------------------------- fim carrossel */

/* -------------------------------------------------- home novidades */
.homenovidades {
    background: url(../img-site/bg_homenovidades.jpg) no-repeat center -60px #6bb5bc;
    height: 400px;
    padding: 41px 0 0;
    color: #FFF;
}
#home .homenovidades h3 {
    text-align: center;
    color: #FFFFFF;
}
.homenovidades dl dt , .homenovidades dl dd {
    text-align: center;
    width: 320px;
    position: absolute;
}
.homenovidades dl dt {
    font-size: 1.6em;
    background: url(../img-site/icos_novidadeshome.png) no-repeat left -5px transparent;
    padding-top: 100px;
    top: 65px;
}
.homenovidades dl dt:before { content: "+ "; }
.homenovidades dl dd {
    font-size: 0.9em;
    line-height: 1.2em;
    position: absolute;
    top: 200px;
}
.homenovidades dl dt:nth-of-type(2) { background-position: -320px -5px; left: 340px; }
.homenovidades dl dd:nth-of-type(2) { left: 340px; }
.homenovidades dl dt:nth-of-type(3) { background-position: -640px -5px; left: 660px; }
.homenovidades dl dd:nth-of-type(3) { left: 660px; }
#home .homenovidades button {
    background: transparent;
    border: 1px solid #7EBCC3;
    width: auto;
    color: #DAEDEF;
    display: block;
    position: inherit;
    margin: 260px auto;
    width: 10.4em;
}
#home .homenovidades button:hover {
    color: #47A5AE;
    background: #DCDCDC;
    background-image: linear-gradient(to top, #DCDCDC, #FFFFFF);
}
/* ---------------------------------------------- fim home novidades */

/* ---------------------------------------------------- home o que é */
.homeoquee {
    padding: 41px 0 0 0;
    height: 560px;
    background: url(../img-site/pic_celularmao.jpg) no-repeat 72% bottom #FFF;
}

.homeoquee .wrap h2 {
    width: 50%;
}

.homeoquee ul { width: 470px; }
/* ------------------------------------------------ fim home o que é */

/* ---------------------------------------------- home como funciona */
.homecomofunciona {
    padding: 41px 0 0 0;
    height: 560px;
    background: url(../img-site/pic_laptoponcouch.jpg) no-repeat center bottom #F5F5F5;
}
.homecomofunciona .wrap h2 {
        width: 40%;
    }

.homecomofunciona ul {
    width: 307px;
    position: absolute;
    top: 20px;
    right: 10px;
}
/* ------------------------------------------ fim home como funciona */

/* --------------------------------------------------- home exemplos */
.homeexemplos {
    padding: 41px 0 0 0;
    height: 560px;
    text-align: center;
}

#home .homeexemplos ul li {
    display: block;
    width: 302px;
    height: 302px;
    float: left;
    padding: 0;
    background: url(../img-site/pic_exemplo1home.jpg) no-repeat 0 0 transparent;
    border-radius: 150px;
    margin-left: 16px;
    font-size: 1.16em;
    text-transform: uppercase;
    font-weight: 700;
}
#home .homeexemplos ul li:nth-child(2) { background-image: url(../img-site/pic_exemplo2home.jpg) }
#home .homeexemplos ul li:nth-child(3) { background-image: url(../img-site/pic_exemplo3home.jpg) }
.homeexemplos ul li a {
    color: #FAFAFA;
    text-decoration: none;
    background: RGB(28,165,174);
    background: rgba(28,165,174,0.79);
    display: block;
    height: 115px;
    width: 140px;
    margin: 3.8em auto;
    border-radius: 90px;
    padding: 65px 20px 0;
    font-size: 0.86em;
    line-height: 1.2em;

}
/* ----------------------------------------------- fim home exemplos */

/* ---------------------------------------------------- home eventos */
.homeeventos {
    padding: 41px 0 0 0;
    height: 560px;
    background: url(../img-site/pic_laptopopen.jpg) no-repeat center 60px #F5F5F5;
}
.homeeventos h2 {
    width: 46%;
}
.homeeventos ul { width: 440px; margin-top: 30px; }

/* ------------------------------------------------ fim home eventos */

/* ----------------------------------------------------- home planos */
.homeplanos {
    padding: 41px 0 0 0;
    height: 560px;
    background: url(../img-site/pic_peoplemobile.jpg) no-repeat center bottom #FFF;
}
.homeplanos button {
    background: #47A5AE;
    background-image: linear-gradient(to top, #2C8D96, #47A5AE);
    border: 0 none;
    color: #FFF;
    margin-top: 50px;
    display: inline;
}
.homeplanos button:hover { background-image: linear-gradient(to top, #47A5AE, #2C8D96); }

/* ------------------------------------------------- fim home planos */

/* --------------------------------------------------- home imprensa */
.homeimprensa {
    padding: 41px 0 0;
    background: #F5F5F5;
}

.homeimprensa #owl-noticias {
    margin: 30px 0 0;
}

.homeimprensa .item {
    width: 240px;
    text-align: center;
    padding-bottom: 20px;
}

.homeimprensa .item a {
    color: #787878;
    text-decoration: none;
    padding: 0 20px;
    font-size: 0.96em
}
.homeimprensa .item a:hover {
    color: #3C3C3C;
}
.homeimprensa .item a img {
    display: block;
    margin: 10px auto;
    border-radius: 110px;
    background: #FFF;
    padding: 60px 10px;
}

#home .homeimprensa .owl-controls {
    margin: 10px auto -5px;
}

#home .homeimprensa .owl-pagination {
    position: static;
    text-align: center;
}

/* #home .homeimprensa */ .nav-carrossel {
    width: 11px;
    height: 20px;
    background: url(../img-site/sprit_nav_carrosselnot.gif) transparent;
    display: inline-block;
    position: absolute;
    top: 120px;
}
/* #home .homeimprensa */ .nav-carro-esq {
    background-position: 0 -20px;
    left: -15px;
}
/* #home .homeimprensa */ .nav-carro-dir {
    background-position: -11px -20px;
    right: -15px;
}
/* #home .homeimprensa */ .nav-carro-esq:hover {
    background-position: 0 0;
}
/* #home .homeimprensa */ .nav-carro-dir:hover {
    background-position: -11px 0;
}

/* ----------------------------------------------- fim home imprensa */

/* -------------------------------------------------- pluginfacebook */
 .pluginfacebook {
     background: #FFF;
     padding: 40px 0 20px;
     height: 188px;
 }
/* ---------------------------------------------- fim pluginfacebook */

/* --------------------------------------------------- footer rodapé */
footer { background: #323232; color: #FFF; }

footer ul { padding: 85px 0 40px; }
footer ul li { display: inline; }

footer ul li a {
    color: #C8C8C8;
    font-size: 0.68em;
    font-weight: 700;
    padding: 10px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

footer a:hover { color: #F5F5F5; }

.owners {
    margin: 30px 0;
    position: absolute;
    right: 0;
    top: 0;
}
.owners a#moip, .owners div#siteblin {
    display: block;
    float: left;
    text-align: center;
    font-size: .62em;
    color: #C8C8C8;
    text-decoration: none;
    margin-left: 50px;
}
.owners * {
    color: #299590;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

/* ----------------------------------------------- fim footer rodapé */

/* ---------------------------------------------------- pgs internas */
.titulo {
    height: 225px;
    padding: 190px 0 0;
    color: #FFF;
    background-color: #6BB5BC;
}
#planos .titulo { background: url(../img-site/bg_planostitulo.jpg) no-repeat center 65px #6bb5bc; }
#oquee .titulo { background: url(../img-site/bg_oqueetitulo.jpg) no-repeat center 65px #6bb5bc; }
#venderingressos .titulo { background: url(../img-site/bg_venderingressos.jpg) no-repeat center 65px #6bb5bc; }
#comofunciona .titulo  { background: url(../img-site/bg_comofuncionatitulo.jpg) no-repeat center 65px #6bb5bc; height: 245px; padding: 170px 0 0; }
#novalikestore .titulo  { background: url(../img-site/bg_novalikestoretitulo.jpg) no-repeat center 36px #6bb5bc; height: 245px; padding: 170px 0 0; }

#exemplos.eventos .titulo  { background: url(../img-site/bg_exemploseventostitulo.jpg) no-repeat center 66px #6bb5bc; height: 195px; padding: 220px 0 0; }
#exemplos.moda .titulo  { background: url(../img-site/bg_exemplosmodatitulo.jpg) no-repeat center 66px #6bb5bc; height: 195px; padding: 220px 0 0; }
#exemplos.artistas .titulo  { background: url(../img-site/bg_exemplosartistastitulo.jpg) no-repeat center 66px #6bb5bc; height: 195px; padding: 220px 0 0; }

#contato .titulo  { background: url(../img-site/bg_templatetitulo.jpg) no-repeat center 28px #6bb5bc; height: 137px; padding: 182px 0 0; }
#termo .titulo  { background: #6bb5bc; height: 137px; padding: 182px 0 0; }

#imprensa .titulo  { background: url(../img-site/bg_templatetitulo.jpg) no-repeat center 66px #6bb5bc; height: 195px; padding: 220px 0 0; }


.titulo h2 , .titulo h3 { color: #FFF; text-align: center; }
.titulo h2 { font-size: 2.86em; }

.imagem_dispositivos {
    background: url(../img-site/pic_telasdispositivos.gif) no-repeat center 0;
    height: 520px;
    margin-top: -165px;
}

.bot_criesualikestore {
    background: #47A5AE;
    background-image: linear-gradient(to top, #2C8D96, #47A5AE);
    border: 0 none;
    top: 375px;
    color: #FFF;
    display: block;
    margin: 80px auto 40px;
    padding: 20px 50px;
    width: 15.2em;
}
.bot_criesualikestore:hover {
    background: #2C8D96;
    background-image: linear-gradient(to top, #47A5AE, #2C8D96);
}

.itensredondos { list-style-type: none; padding: 0; }
.itensredondos li {
    background: none;
    border: 0 none;
    float: left;
    padding: 0;
    text-align: center;
    width: 240px;
}
.itensredondos img {
    border: 1px solid #DCDCDC;
    border-radius: 110px;
    display: block;
    margin: 20px auto;
}

.itensredondos.grandes li { width: 302px; margin-left: 16px; margin-bottom: 40px; }
.itensredondos.grandes img { border-radius: 150px; }

/* ------------------------------------------------ fim pgs internas */

/* ------------------------------------------------------- pg planos */
.listaplanos { padding: 30px 0 40px; background: #F5F5F5; }
.assinarplano{
    display: none;
}
.testelav {
    display: none;
}
.nomeplano {
    width: 182px;
    height: 630px;
    float: left;
    text-align: center;
    padding: 5px;
    position: relative;
}
.nomeplano p {
    background: #787878;
    width: 174px;
    height: 114px;
    border-radius: 87px;
    color: #f0f0ef;
    font-size: 1.13em;
    text-transform: uppercase;
    padding-top: 60px;
    margin: 20px auto;
}
.nomeplano p strong { color: #FFFFFF; font-size: 1.15em; }
.nomeplano ul { margin: 16px auto 30px;  }
.nomeplano ul li { background: none; padding: 5px 10px; min-height: 1.2em; }
.nomeplano ul li:empty { border-bottom-color: transparent; }
.nomeplano button, .nomeplano .assinar a {
    color: #AAAAAA;
    font-size: 0.95em;
    padding: 16px 34px;
    border: 1px solid #E6E6E6;
    position: absolute;
    bottom: 25px;
    left: 10px;
    background: #F5F5F5;
}
.nomeplano button:hover, .nomeplano .assinar a:hover {
    border: 1px solid #DCDCDC;
    box-shadow: 0 0 6px rgba(153, 153, 153, 0.3);
}
.btn_resp {
    display: none;
}
.nomeplanoextend {
    background: #47A5AE;
    height: 675px;
    position: absolute;
    top: -30px;
    width: 182px;
    visibility: hidden;
    opacity: 0;
    transition: all .14s ease 0s;
    z-index: 1;
    padding: 35px 0 0;
}
.nomeplanoextend.primeiro { left: 0; }
.nomeplanoextend.segundo { left: 0px; }
.nomeplanoextend.terceiro { left: 0px; }
.nomeplanoextend.quarto { left: 0px; }
.nomeplanoextend.quinto { left: 0px; }

/*.nomeplano p:hover~.nomeplanoextend , */
/*.nomeplano button:active~.nomeplanoextend , */
.nomeplanoextend:hover ,  .nomeplanoextend.open  {
    visibility: visible;
    opacity: 0.96;
    width: 576px;
    left: -192px;
}
/*
.nomeplano p:hover~.nomeplanoextend.primeiro , .nomeplano button:hover~.nomeplanoextend.primeiro, .nomeplanoextend.primeiro:hover { left: 0px; }
.nomeplano p:hover~.nomeplanoextend.quinto , .nomeplano button:hover~.nomeplanoextend.quinto, .nomeplanoextend.quinto:hover { left: -384px; }
*/

.nomeplanoextend p {
    background: #FFF;
    color: #47A5AE;
    font-size: 1.13em;
    height: 134px;
    padding-top: 40px;
}
.nomeplanoextend  p strong { color: #47A5AE; }

.nomeplanoextend ul { width: 390px;  }
.nomeplanoextend ul li { border-color: #62B2BA; color: #DCF0F0; padding: 5px 25px; }

.nomeplanoextend button, .nomeplanoextend .assinar a {
    color: #FFF;
    border: 0 none;

    bottom: 20px;
    /* left: 203px; */
    position: absolute;

    /* position: static; */
    background: #787878;
    background-image: linear-gradient(to top, #5A5A5A, #787878);

    /* margin: 0 auto; */
    margin-left: 34%;
    /*width: 11.2em;*/
}
.nomeplanoextend button:hover, .nomeplanoextend .assinar a:hover { background: #5A5A5A; background-image: linear-gradient(to top, #787878, #5A5A5A); border: 0 none; }

/* --------------------------------------------------- fim pg planos */

/* ------------------------------------------------------ pg o que e */
.apresentacao {
    background: #F5F5F5;
    font-size: 1.16em;
    line-height: 1.6em;
    padding: 40px 0 220px;
    text-align: center;
}
.apresentacao p { width: 590px; margin: 0 auto; }


/* -------------------------------------------------- fim pg o que e */

/* --------------------------------------------- pg vender ingressos */
.bot_exemplos {
    width: 17.8em;
    margin: 90px auto -50px;
}
.bot_exemplos:hover {
    border: 1px solid #DCDCDC;
    box-shadow: 0 0 6px rgba(153, 153, 153, 0.3);
}
/* ----------------------------------------- fim pg vender ingressos */



/* ------------------------------------------------ pg como funciona */
.passoapasso {
    margin: 0;
    font-size: 1.4em;
}
.passoapasso li {
    height: 440px;
    background: #F5F5F5;
    border: 0 none;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.passoapasso li:nth-of-type(2n) { background-color: #FFFFFF; }

.passoapasso li:nth-child(1) { background-image: url(../img-site/pic_telapasso1.jpg); }
.passoapasso li:nth-child(2) { background-image: url(../img-site/pic_telapasso2.jpg); }
.passoapasso li:nth-child(3) { background-image: url(../img-site/pic_telapasso3.jpg); }
.passoapasso li:nth-child(4) { background-image: url(../img-site/pic_telapasso4.jpg); }

.passoapasso li span {
    padding: 125px 650px 0 120px;
    margin: auto;
    text-align: center;
    width: 230px;
    display: block
}

.passoapasso a {
    border: 1px solid #DCDCDC;
    border-radius: 41px;
    color: #47A5AE;
    display: block;
    font-size: 1.6em;
    font-weight: 700;
    height: 82px;
    line-height: 2.3em;
    margin: 0 auto 20px;
    text-decoration: none;
    width: 82px;
}
.passoapasso a:hover {
    border: 1px solid #DCDCDC;
    box-shadow: 0 0 6px rgba(153, 153, 153, 0.3);
}


/* -------------------------------------------- fim pg como funciona */



/* ----------------------------------------------- pg Nova Likestore */

.apresentacao dl {
    height: 130px;
}
.apresentacao dl dt , .apresentacao dl dd {
    text-align: center;
    width: 320px;
    position: absolute;
}
.apresentacao dl dt {
    font-size: 1.3em;
    background: url(../img-site/icos_novidadeshome.png) no-repeat left -145px transparent;
    padding-top: 100px;
    top: 65px;
}
.apresentacao dl dt:before { content: "+ "; }
.apresentacao dl dd {
    font-size: 0.8em;
    line-height: 1.2em;
    position: absolute;
    top: 200px;
}
.apresentacao dl dt:nth-of-type(2) { background-position: -320px -145px; left: 340px; }
.apresentacao dl dd:nth-of-type(2) { left: 340px; }
.apresentacao dl dt:nth-of-type(3) { background-position: -640px -145px; left: 660px; }
.apresentacao dl dd:nth-of-type(3) { left: 660px; }

#novalikestore .imagem_dispositivos {
    background: url(../img-site/pic_telasdispositivos2.gif) no-repeat center 0;
    height: 520px;
    margin-top: -80px;
}

.itensredondos h5 { font-size: 1.6em; }
.itensredondos h5:before { content: "+ "; }

/* ------------------------------------------- fim pg Nova Likestore */


/* ----------------------------------------------------- pg Exemplos */
div.exemplos {
    width: 460px;
    float: left;
    margin: 50px 40px 0 0;
    position: relative;
}
div.exemplos:nth-of-type(2n) {
    margin: 50px 0 0 0;
}

.exemplos img {
    border: 1px solid #DCDCDC;
    border-radius: 230px;
}
.exemplos p , .exemplos ol {
    color: #696a65;
    font-size: 1.16em;
}
.exemplos p em {color: #47A5AE; }
.exemplos li { margin-bottom: 1em; }

.exemplos h4 {
    font-size: 1.18em;
    color: #47A5AE;
    font-weight: 700;
    margin-top: 1.16em;
}

p.exemplonomeplano {
    background: #5A5A5A;
    background-image: linear-gradient(to top, #5A5A5A, #787878);
    border-radius: 87px;
    color: #F0F0EF;

    font-size: 1.16em;
    height: 125px;
    margin: 0;
    padding-top: 46px;
    text-transform: uppercase;
    width: 174px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
}
p.exemplonomeplano strong { font-size: 1.1em; }
p.exemplonomeplano a {
    color: #AAA;
    font-size: 0.76em;
    line-height: 2.6em;
    text-decoration: none;
}
/* ------------------------------------------------- fim pg Exemplos */

/* ------------------------------------------------ pg Termos de uso */
#termo h3 span {
    border: 1px solid #DCDCDC;
    border-radius: 41px;
    display: inline-block;
    font-size: 1.74em;
    font-weight: 700;
    height: 82px;
    line-height: 2.3em;
    margin: 80px 12px 20px 0;
    text-align: center;
    width: 82px;
}
#termo .exemplos { margin-top: 20px; }
#termo .exemplos p { margin: 10px 0; }

/* -------------------------------------------- fim pg Termos de uso */




/* --------------------------------------- pg Contatos / Formulários */

.formulario { margin: 50px 0 0; }
.formulario dt {
    float: left;
    width: 130px;
    clear: both;
    margin: 10px 0;
}
.formulario label {
    font-size: 1.14em;
    color: #696a65;
    line-height: 3em;
}
.formulario dd {
    float: left;
    width: 590px;
    margin: 10px 0;
    position: relative;
}
.formulario input[type="text"] , .formulario textarea {
    border: 1px solid #e6e6e6;
    font: 400 18px 'Open Sans';
    width: 100%;
    padding: 16px 18px;
    border-radius: 10px;
}
.formulario label.error {
    color: #FFF;
    background: #900;
    border-radius: 10px;
    font-size: 0.9em;
    padding: 2px 14px;
    position: absolute;
    right: -103px;
    top: -7px;
}
.formulario textarea { height: 6em; }
.formulario input[type="text"]:focus , .formulario textarea:focus { border-color: #dad8d8; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.formulario input[type="text"].error , .formulario textarea.error { border: 1px solid #900; }
.formulario button {
    background: #787878;
    background-image: linear-gradient(to top, #5A5A5A, #787878);
    border: 0 none;
    color: #FFFFFF;
    padding-left: 50px;
    padding-right: 50px;
}
.formulario button:hover { background: #5A5A5A; background-image: linear-gradient(to top, #787878, #5A5A5A); }

.sendsucesso , .senderro {
    font-size: 1.16em;
    text-align: center;
}

.sendsucesso span , .senderro span {
    border: 1px solid #DCDCDC;
    border-radius: 35px;
    color: #47A5AE;
    display: inline-block;
    font-size: 1.8em;
    font-weight: 700;
    height: 70px;
    line-height: 2em;
    text-align: center;
    width: 70px;
    margin-right: 15px;
}
.senderro span { color: #900; background-color: #fdffea; }

/* ----------------------------------- fim pg Contatos / Formulários */

/* ----------------------------------------------------- pg Imprensa */

.assessoria { padding: 50px 0; }
.assessoria p { margin: 20px 0; }

/* ------------------------------------------------- fim pg Imprensa */

/*#####################################################################*/

















/*#####################################################################*/
                        /* RESPONSIVO!!! */
/*#####################################################################*/
@media screen and (max-width: 1024px){
    html, body {
        max-width:100%;
        max-height:100%;
        overflow-x:hidden;
        overflow-y: scroll;
    }
    header {
        position: relative!important;
    }
    .item.vitrine{
        display: none!important;
    }
    #homecarousel .item {
        background: left 0;
        margin-top: -6.5%;
    }
    .nomeplano {
        width: 100%;
    }
    .nomeplano button, .nomeplano .assinar a, .assinarplano {
        position: initial;
        width: auto;
    }
    .btn_resp {
        color: #AAAAAA;
        font-size: 0.95em;
        padding: 16px 34px;
        border: 1px solid #E6E6E6;
        position: absolute;
        bottom: 25px;
        left: 10px;
        background: #F5F5F5;
        display: inherit;
    }
    .btnplan {
        display: none;
    }

    .testelav {
        width: 100%!important;
    }
    .assinarplano a:hover{
        color: #FFFFFF!important;
    }
    .assinarplano, .nomeplano button:hover{
    display: inherit!important;
    box-shadow: 0 0 6px rgba(153, 153, 153, 0.3)!important;
    color: #FFFFFF!important;
    background-image: linear-gradient(to top, #5A5A5A, #787878)!important;
    font: 1.2em 'Open Sans', sans-serif!important;
    text-decoration: none!important;
    padding: 18px 33px!important;
    border-radius: 10px!important;
    cursor: pointer!important;
    border: 1px solid #E6E6E6!important;
    }
}
/*#####################################################################*/
                        /* iPad landscape */
/*#####################################################################*/
@media screen and (width: 1024px) {
    nav ul {
        margin-top: 20px;
    }
    #botao_menu{
        display: block;
        float: right;
        width: 110px;
    }
    #botao_menu span {
        float: left;
        display: block;
        margin-top: 3%;
    }
    .item.instagram h2 {
        top: 25%!important;
    }
    .item.instagram h3 {
        top: 15%!important;
    }
    #homecarousel .item button {
        top: 60%!important;
        margin-top: 0;
    }
    #homecarousel .item {
        margin-top: -9.5%;
    }
    #homecarousel item.vitrine button {
        top: 375px!important;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        margin-top: -12%;
        margin-left: 72%;
        padding: 1.3%;
        position: relative;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        margin-left: 85%;
        top: 0;
        margin-top: 3%;
        opacity: 1;
        padding: 1.3%;
        position: relative;        
    }
    /*.buttonloja.crie.fixo{
        margin-left: 845px;
        padding: 1.3%;
    }*/
    .wrap {
        width: 950px;
    }
    #buttonCriarSocial {
        margin-top: -60%!important;
    }
    #home .homenovidades button {
        background: transparent;
        border: 1px solid #7EBCC3;
        width: auto;
        position: inherit;
        color: #47A5AE!important;
        background: #DCDCDC!important;
        background-image: linear-gradient(to top, #DCDCDC, #FFFFFF)!important;
    }
    #home .homeexemplos ul li {
        width: 300px;
    }
    
    .homeeventos{
        height: 650px;
    }
    .homeimprensa {
        display: none;
    }
    .pluginfacebook {
        display: none;
    }
    footer .wrap ul {
        margin-bottom: -1px;
    }
    .homeplanos {
        margin-bottom: -6.2%;
    }
}
/*#####################################################################*/
                /* Small tablet (Ex.: Galaxy Tab) landscape */
/*#####################################################################*/
@media screen and (max-width: 800px) {
    nav a:hover, #planos nav a.planos, #oquee nav a.oquee, #venderingressos nav a.venderingressos, #comofunciona nav a.comofunciona, #exemplos nav a.exemplos {
        border-bottom: none;
    }

    #planos .titulo {
        background: none;
        width: 100%;
        height: auto;
        background-color: #6bb5bc;
        padding: 15% 0;
    }
    .titulo .wrap {
        width: auto;
    }
    .titulo h3{
        position: initial!important;
        width: auto!important;
        margin: 0!important;
        padding: 10% 0!important;
        text-align: center!important;
    }
    #planos .listaplanos .wrap {
        width: auto;
    }
    .nomeplanoextend {
        display: none;
    }
    /*.nomeplano button {
        margin: 10% auto;
        position: initial;
        background: #5A5A5A;
        background-image: linear-gradient(to top, #787878, #5A5A5A);
        color: #FFFFFF;
    }*/
    .titulo .wrap h2 {
        margin-top: 0;
    }
    .titulo {
        background: none!important;
        width: 100%;
        height: auto!important;
        background-color: #6bb5bc!important ;
        padding: 15% 0!important;
    }
    .passoapasso li {
        background-image: none!important;
        height: auto;
    }
    .passoapasso li span, .itens_oquee .wrap, .apresentacao .wrap, .itensredondos li{
        padding: 10% 0;
        width: 100%;
        height: auto;
    }
    #comofunciona .bot_criesualikestore {
        margin: 0 auto 5%; 
    }
    .apresentacao {
        height: auto;
        width: 100%;
        padding: 10% 0;
    }
    .apresentacao p, .apresentacao strong {
        text-align: center!important; 
        width: 80%!important;
        padding: 3% 0;
    }
    .apresentacao .wrap {
        width: 100%;
        padding: 10% 0;
    }
    .imagem_dispositivos {
        background: none!important;
    }
    .oquee .apresentacao .wrap {
        width: 100%;
    }
    .imagem_dispositivos {
        display: none;
    }
}
@media screen and (width: 768px) {
    .titulo .wrap h3 {
        padding: 0 0 10% 0!important;
    }
}
/*@media screen and (max-width: 600px){
    #planos .nomeplano {
        width: 100%;
    }*/

}
@media screen and (max-width: 400px){
    .titulo h2 {
        font-size: 30px;
        letter-spacing: 0.5px;
    }
}
@media screen and (width: 800px) {
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        margin-left: 48%;
        margin-top: -17%;
        padding: 1.3%;
        position: relative;
    }
    /*.buttonloja.acesse.fixo {
        margin-left: 60%;
    }*/
    .buttonloja.crie, .buttonloja.crie.fixo {
        margin-left: 61%;
        margin-top: -4%;
        top: 68px;
        opacity: 1;
        padding: 1.3%;
        position: relative;
    }
    .pluginConnectButton {
        display: none!important;
    }
    /*.buttonloja.crie.fixo {
        margin-left: 75%;
    }*/
    #homecarousel .item {
        margin-top: 2.5%;
    }
    .socialheader {
        display: none;
    }
    #sub-frame-error {
        display: none;
    }
    #infoDT, #infoDD {
        display: none;
    }
    #canaisDT, #canaisDD {
        margin-left: 5%;
    }
    #dispositivosDT, #dispositivosDD {
        left: 45%;
    }
    #home .homenovidades h3 {
        margin-right: 15%;
    }
    #home .homenovidades button {
        margin-right: 46%;
        background: #DCDCDC!important;
        color: #47A5AE!important;
    }
    .homeoquee ul li {
        color: #47A5AE!important;
    }
    .homecomofunciona ul {
        right: 25%;
    }
    .homecomofunciona ul li {
        color: #47A5AE!important;
    }
    .homeexemplos ul {
        margin-left: 6%;
    }

    .homeexemplos ul li {
        background: none!important;
    }
    .homeexemplos #exemplos_artistas {
        margin-left: -40px!important;
        margin-right: -10%; 
    }
    .homeexemplos #exemplos_moda {
        margin-right: -10%
    }
    section ul li {
        border-bottom: 0px!important;
    }
    .homeexemplos h3, .homeexemplos h2 {
        margin-right: 15%;
    }
    .homeeventos ul li {
        color: #47A5AE!important;
    }
    .homeimprensa {
        display: none;
    }
    .pluginfacebook {
        display: none!important;
    }
    .owners {
        margin-right: 23%;
    }
    #sub-frame-error {
        display: none;
    }
}
/*#####################################################################*/
                        /* iPad portrait */
/*#####################################################################*/
@media screen and (max-width: 883px) and (min-width: 640px) and (orientation: portrait){
    /*html, body {
        max-width:100%;
        max-height:100%;
        overflow-x:hidden;
        overflow-y: scroll;
    }*/
/*
    html {
        width: 100%;
    }
    body {
        overflow-y: scroll;
        overflow-x: hidden;
    }*/
    header {
        padding: 5% 0 5% 3%;
        height: 90px;
    }
	header h1 a {
		height: 70px!important; 		
	}
    nav {
        /*margin: 1%!important;*/
        padding: 1% 0 1% 0!important;
    }
	nav a {
        color: #696969!important;
        font-size: 13px!important;
    }	
	#iframeFB{
		display: none!important;
	}
	nav ul{
		width: 100%!important;
        margin: 0!important;
	}
    nav ul li {
        height: 30px!important;
    }

    nav ul li a {
        margin-right: 14px!important;
        padding: 0 0 19px!important;
        font-size: 13px!important;
    }

	nav li{
		widows: 20%!important;
	}

    nav>ul>li:last-of-type a {
        margin-left: 0px!important;
    }
    #botao_menu {
        float: right;
        width: 90px;
    }
    #btn-menu-principal {
        display: block;
        height: 28px;
        background: #581159;
        border-radius: 3px;
        float: right;
        margin: 1%;
        width: 45px;
        background: url(/img-site/threelines.png) no-repeat;
        position: absolute;
        right: 0;
    }
    h3 {
        font-size: 1.5em;
    }
    .homenovidades .wrap h3 {
        margin-bottom: 10%;
    }
     /*.item.vitrine{
        display: none!important;
    }*/

    .homeimprensa{
        display: none;
    }
    #homecarousel .item {
        background: left 0;
        margin-top: -13%;
    }
    #homecarousel .item button {
        margin-top: 0;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        top: 7%;
        margin-top: -10%;
        margin-left: 61.5%;
        padding: 1.5%;
        position: relative;
    }
    /*.buttonloja.acesse.fixo {
        top: 7%;
        margin-left: 77.5%;
        padding: 1.5%;
    }*/
    .buttonloja.crie, .buttonloja.crie.fixo  {
        margin-left: 60.5%;
        opacity: 1;
        top: 11%;
        padding: 1.5%;
        margin-top: 1%;
        position: relative;
    }
    /*.buttonloja.crie.fixo {
        margin-left: 76.5%;
        opacity: 1;
        top: 11%;
        padding: 1.5%;
        margin-top: 1%;
    }*/
    .socialheader {
        position: absolute;
        margin-left: 53%;
        margin-top: -1%;
        right: auto;
    }
    .socialheader ul {
        width: 100%!important;
        margin-left: 40%!important;
    }
    .exemplos {
        display: none!important;
    }

    #home .homenovidades h3 {
        text-align: center;
        color: #FFFFFF;
        margin-left: -23%;
    }
    .homenovidades {
        background: none;
        width: 100%;
        height: 950px;
        background-color: #6bb5bc;
    }
    .homenovidades dl dt {
        position: inherit;
        margin-bottom: 20px;
        margin-left: 21%;
        margin-top: -5%;
    }
    .homenovidades dl dd {
        position: inherit;
        margin-bottom: 10%;
        margin-left: 21%;
        font-size: 1em;
    }
    section ul li {
        font-size: 1.1em;
    }
    #home .homenovidades button {
        background: transparent;
        border: 1px solid #7EBCC3;
        width: auto;
        position: inherit;
        margin-top: 10%;
        margin-left: 28%;
        color: #47A5AE!important;
        background: #DCDCDC!important;
        background-image: linear-gradient(to top, #DCDCDC, #FFFFFF)!important;
    }
    .homeoquee {
        background: none;
    }

    .homeoquee ul {
        margin-left: 14%;
    }

    .homeoquee .wrap h3 {
        margin-left: 33%!important;
    }

    .homeoquee .wrap h2 {
        text-align: center!important;
        margin-left: 3%!important;
        width: 70%;
    }

    .homecomofunciona {
        padding: 41px 0 0 0;
        height: 560px;
        background: none;
        background-color: #F5F5F5;
    }
    .homecomofunciona .wrap h3 {
        margin-left: 30%!important;
    }
    .homecomofunciona .wrap h2 {
        text-align: center!important;
        margin-right: 20%!important;
        width: 75%
    }
    .homecomofunciona .wrap ul {
        position: relative;
        width: 100%;
        margin-left: 12%;
    }
    .homecomofunciona .wrap li {
        width: 50%;
    }
    .homeexemplos {
        height: 1350px;
    }
    .homeexemplos ul {
        margin-right: 5%;
    }
    .homeexemplos .wrap h3 {
        margin-left: 33.5%;
        text-align: left;
    }
    .homeexemplos .wrap h2 {
        margin-right: 20%;
    }
    #home .homeexemplos ul li {
        float: none;
        height: 300px;
        margin-left: 23%;
        margin-top: 7%;
    }
    #home .homeexemplos ul li:last-child {
        margin-top: 6%;
        height: 300px;
        margin-left: 24%;
    }
    #home .homeexemplos ul li a {
        float: left;
        margin-left: 20%;
    }
    .homeeventos {
        background: none;
        background-color: #6bb5bc;
        height: 580px;
    }
    .homeeventos .wrap h3, .homeeventos .wrap h2, .homeeventos .wrap ul li {
        background: none;
        color: #FFFFFF;
        border-bottom: none;
    }
    .homeeventos ul {
        width: 48%;
    }
    .homeeventos .wrap h3 {
        margin-left: 34%;
    }
    .homeeventos .wrap h2 {
        text-align: center;
        margin-left: 2%;
        width: 72%;
    }
    .homeeventos .wrap ul {
        text-align: center;
        margin-left: 14%;
        font-size: 1.1em;
    }
    .pluginfacebook {
        display: none;
    }
    .wrap h2{
        margin-top: 5%;
    }
    .homeplanos {
        margin-bottom: -6.2%;
    }
    footer .wrap ul {
        margin-bottom: -1px;
    }
    footer .wrap .owners {
        margin: 4.8% 0 0 39%;
        right: inherit!important;
    }
}
/*#####################################################################*/
                /* Small tablet (Ex.: Galaxy Tab) portrait */
/*#####################################################################*/
@media screen and (max-width: 600px){
    .homeexemplos .wrap {
        width: auto;
    }
    .homeexemplos .wrap h2 {
        display: none;
    }
    #home .homeexemplos ul li {
        background: none!important;
        height: auto;
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 1.16em;
        font-weight: 700;
        border-radius: 0px;
    }
    .homeexemplos {
        margin: 0;
        height: auto;
    }

}
@media screen and (max-width: 600px) and (min-width: 321px){
    header{
        height: 100px;
        padding: 25px 0;
    }
    header h1 a {
        height: 60px;
    }
    .exemplos {
        display: none!important;
    }
    nav ul {
        margin: 0px 0 0 0;
    }
    nav>ul>li:last-of-type a {
        margin-left: 0px!important;
    }
    /*#homecarousel .item button {
        margin-top: 0;
    }*/
    .socialheader {
        display: none!important;
    }
    .buttonloja.acesse {
        top: 0;
        margin-left: 75.5%;
        padding: 1.5%;
        position: relative;
        margin-top: -22%;
    }
    .buttonloja.acesse.fixo {
        top: 3%;
        margin-left: 75.5%;
        padding: 1.5%;
    }
    .buttonloja.crie {
        margin-left: 74%;
        opacity: 1;
        top: 7%;
        padding: 1.5%;
        margin-top: 1%;
        position: relative;
    }
    .buttonloja.crie.fixo {
        margin-left: 74%;
        opacity: 1;
        top: 7%;
        padding: 1.5%;
        margin-top: 1%;
    }
    #homecarousel .item {
        background: left 0;
        margin-top: -7%;
    }
    .homenovidades {
        background: none;
        width: 100%;
        height: 950px;
        background-color: #6bb5bc;
    }
    .wrap {
        width: 100%;
    }
    #home .homenovidades h3 {
        text-align: center;
        color: #FFFFFF;
        margin-left: -5%;
    }
    .homenovidades .wrap h3 {
        margin-bottom: 10%;
    }
    .homenovidades dl dt {
        position: inherit;
        margin-bottom: 5%;
        margin-left: 21%;
        /*margin-top: -5%;*/
    }
    .homenovidades dl dd {
        position: inherit;
        margin-bottom: 10%;
        margin-left: 21%;
        font-size: 1em;
    }
    #home .homenovidades button {
        background: transparent;
        border: 1px solid #7EBCC3;
        width: auto;
        position: inherit;
        margin-top: 10%;
        margin-left: 30%;
        color: #47A5AE!important;
        background: #DCDCDC!important;
        background-image: linear-gradient(to top, #DCDCDC, #FFFFFF)!important;
    }
    .homeoquee {
        background: none;
    }
    .homeoquee .wrap h3 {
        margin-left: 40%!important;
        margin-bottom: 5%;
    }
    .homeoquee .wrap h2 {
        text-align: center!important;
        width: 94%;
    }
    .homeoquee ul {
        margin-left: 8%;
    }
    section ul li {
        font-size: 0.9em;
    }
    .homecomofunciona {
        margin-top: -20%;
        padding: 41px 0 0 0;
        height: 560px;
        background: none;
        background-color: #F5F5F5;
    }
    .homecomofunciona .wrap h3 {
        margin-left: 35%!important;
    }
    .homecomofunciona .wrap h2 {
        text-align: center!important;
        margin-right: 20%!important;
        width: 95%;
    }
    .homecomofunciona .wrap ul {
        position: relative;
        width: 120%;
        margin-left: 15%;
    }
    .homecomofunciona .wrap li {
        width: 55%;
    }
    .pluginfacebook{
        display: none;
    }
   /* .homeexemplos .wrap h2 {
        display: none;
    }
    #home .homeexemplos ul li {
        background: none!important;
        height: auto;
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-size: 1.16em;
        font-weight: 700;
    }
    .homeexemplos {
        margin: 0;
        height: auto;
    }*/
    section ul li {
        background: none!important;
        border-bottom: none!important;
    }
    .homeimprensa {
        display: none!important;
    }
    .homeeventos {
        background: none;
        background-color: #6bb5bc;
        height: 580px;
    }
    .homeeventos .wrap h3 {
        margin-left: 0%;
        text-align: center;
    }
    .homeeventos .wrap h2 {
        text-align: center;
        margin-left: 8%;
        width: 76%;
    }
    .homeeventos .wrap ul {
        text-align: center;
        margin-left: 5%;
        font-size: 1.1em;
    }
    .homeeventos .wrap h3, .homeeventos .wrap h2, .homeeventos .wrap ul li {
        background: none;
        color: #FFFFFF;
        border-bottom: none;
    }
    .homeplanos {
        background: none!important;
        height: 400px;
    }
    .homeplanos .wrap h3, .homeplanos .wrap h2{
        text-align: center;
    }
    .homeplanos button {
        margin-left: 35%;
    }
    footer .wrap, footer .wrap ul {
        padding-bottom: 1%;
    }
    footer ul {
        padding: 15% 0 0 10%;
    }
    .owners {
        margin: 1% 25% 0 0;
    }
}
/*#####################################################################*/
                        /* iPhone portrait */
/*#####################################################################*/
@media screen and (max-width: 320px) {
    header{
        height: 140px;
        position: relative;
    }
    header h1 a {
        height: 48px;
    }
    header h1 {
        margin-right: 15%;
    }
    #homecarousel .item {
        margin-top: -35%;
    }
    #homecarousel .item h2 {
        width: 80%;
        font-size: 30px;
        text-align: center;
    }
    #homecarousel .item h3 {
        margin-left: -25%;        
    }
    #homecarousel .item button {
        top: 100%;
    }
    .instagram {
        background-color: #5A5A5A!important;
        background-image: none!important;
        height: 450px!important;
    }
    .instagram h2 {
        letter-spacing: 1px;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        width: 14%;
        height: 40px;
        margin-left: 0%;
        margin-top: -5%;
        top: 0;
        position: relative;
    }

    .buttonloja.crie, .buttonloja.crie.fixo {
        width: 14%;
        height: 40px;
        margin-left: 15%;
        margin-top: -4.2%;
        top: 0;
        opacity: 1;
        position: relative;  
    }
    #nav {
        width: 35%;
    }
    #nav ul {
        font-size: 0.9em;
        margin: 13px 30px 0 0;
        text-align: center;
    }
    #nav ul li {
        height: 30px;
    }
    .liOquee {
        width: 20%;
    }
    .oquee{
        margin-left: -2%;
        margin-right: 10px;
    }
    .comofunciona {
        margin-right: 10px;
    }
    .venderingressos {
        display: none!important;
    }
    .exemplos {
        display: none!important;
    }
    .blog {
        display: none!important;
    }
    nav>ul>li:last-of-type a {
        margin-left: 50%; 
    }
    .homeimprensa {
        display: none;
    }
    .pluginfacebook {
        display: none;
    }
    .homenovidades {
        background-image: none!important;
        background-color: #6bb5bc;
    }
    #home .homenovidades h3 {
        text-align: left;
        margin-left: 9%;
    }
    .homenovidades {
        height: 900px;
    }
    .homenovidades dl dt {
        position: inherit;
        margin-bottom: 20px;
        margin-left: -3%;
        margin-top: 0;
    }
    .homenovidades dl dd {
        position: inherit;
        margin-bottom: 10%;
        margin-left: -2%;
        font-size: 1em;
    }
    #home .homenovidades button {
        background: #E6E6E6!important;
        color: #47A5AE;
        margin: -7% 4%!important;
    }
    .homeoquee {
        background: none!important;
    }
    .homeoquee .wrap h3 {
        margin-left: 10%;
    }
    .homeoquee .wrap h2 {
        font-size: 2em;
        margin-left: -1%;
        width: 30%;
        text-align: center;
    }
    .homeoquee ul {
       width: 25%;
       margin-left: 2%;
    }
    .homecomofunciona {
        background-color: #F5F5F5!important;
        background: none;
    }
    .homecomofunciona .wrap h3 {
        margin-left: 5%;
    }
    .homecomofunciona .wrap h2 {
        width: 30%;
        font-size: 2em;
        text-align: center;
    }
    .homecomofunciona .wrap ul {
        position: relative;
        width: 30%;
        margin-left: 0%;
    }
    .homeeventos {
        background: none!important;
        background-color: #6bb5bc!important;
        height: 630px!important;
    }
    .homeeventos .wrap h3 {
        background: none;
        color: #FFFFFF;
        border-bottom: none;
        font-size: 1.24em;
        width: 28%;
        text-align: center;
    }
    .homeeventos .wrap h2 {
        background: none;
        color: #FFFFFF;
        border-bottom: none;
        width: 28%;
        font-size: 2em;
        text-align: center;
        margin-left: 1%;
    }
    .homeeventos .wrap ul {
        text-align: center;
        margin-left: 1%;
        font-size: 1.1em;
        width: 25%;
    }
    .homeeventos .wrap ul li {
        background: none;
        color: #FFFFFF;
        border-bottom: none;
    }
    #home .homeexemplos ul li:last-child {
        height: 170px;
    }
    .homeplanos {
        background: none!important;
        height: 300px;
    }
    .homeplanos h3 {
        width: 30%;
        text-align: center;
        font-size: 1.24em;
    }
    .homeplanos h2 {
        font-size: 2em;
        width: 28%;
        text-align: center;
    }
    .homeplanos button {
        margin-left: 6%;
    }
   /* footer ul {
        padding: 90px 0 0;
        width: 28%;
        text-align: center;
    }*/
    footer ul {
        padding: 12% 0 0 0;
        width: 30%;
        text-align: center;
    }
    footer .wrap {
        padding-bottom: 5%;
        height: 180px;
    }
    footer .wrap ul {
        padding-bottom: 1%;
    }
    /*.owners {
        right: 1;
    }*/
    .owners {
        margin: 1% 66% 0 0;
    }
    #moip {
        margin-left: -25%;
    }
    #siteBlindado {
        margin-left: 5%;
    }
}
/*#####################################################################*/
            /* Diversos tamanhos (Android, Windows Phone) */
/*#####################################################################*/
@media screen and (max-width: 767px) and (min-width: 601px) {
    #homecarousel .item {
        margin-top: 13%;
    }
    #homecarousel .item h3 {
        margin-left: -25%;
    }
    #homecarousel .item button {
        margin-top: -25px;
    }
    .exemplos {
        display: none;
    }
    .instagram {
        background-color: #5A5A5A!important;
        background-image: none!important;
        height: 450px!important;
    }
    .homenovidades dl dt {
        position: inherit;
        margin-bottom: 5%;
        margin-left: 15%;
    }
    .homenovidades dl dd {
        position: inherit;
        margin-bottom: 10%;
        margin-left: 18%;
        font-size: 1em;
    }
    .homeeventos {
        height: 650px;
    }
    .homenovidades {
        background: none;
        width: 100%;
        height: 1000px;
        background-color: #6bb5bc;
    }
    .homenovidades button {
        margin-left: 23%;
    }
    #home .homenovidades h3 {
        text-align: center;
        color: #FFFFFF;
        margin-left: -35%;
    }
    nav ul {
        margin-top: -5px;
    }
    nav>ul>li:last-of-type a {
        margin-left: 0px!important;
    }
    header {
        height: 100px;
    }
    header h1 a {
        height: 60px;
    }
    .blog {
        display: none;
    }
    .socialheader {
        display: none;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        margin-left: 44%;
        margin-top: -19%;
        height: 4%;
        position: relative;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        margin-left: 43%;
        margin-top: -9%;
        height: 4%;
        opacity: 1;
        position: relative;
    }
}
@media screen and (max-width: 350px) and (min-width: 340px){
    #homecarousel .item {
        margin-top: -20%!important;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        margin-top: -11.5%!important;
    }
    .homeplanos button{
        margin: 10% auto!important;
        display: inherit;
        position: initial;
    }
}
@media screen and (max-width: 599px) and (min-width: 321px) {
    #homecarousel .item {
        margin-top: -12%;
    }
    .instagram {
        background-color: #5A5A5A!important;
        background-image: none!important;
        height: 450px!important;
    }
    .homenovidades dl dt {
        position: inherit;
        margin-bottom: 5%;
        margin-left: 15%;
    }
    .homenovidades dl dd {
        position: inherit;
        margin-bottom: 10%;
        margin-left: 18%;
        font-size: 1em;
    }
    .homeeventos {
        height: 650px;
    }
    .blog {
        display: none;
    }
    #homecarousel .item {
        margin-top: -12%;
    }
    #homecarousel .item button {
        margin: 10% auto;
        position: initial;
    }
    #homecarousel .item h2 {
        width: 80%;
        font-size: 30px;
        margin: 0 auto;
        position: initial;
        text-align: center;
    }
    #homecarousel .item h3 {
        position: initial;
        width: auto;
        margin: 0;
        padding: 10% 0;
        text-align: center;
    }
    .blog {
        display: none;
    }

@media screen and (max-width: 520px) and (min-width: 321px) {
    header {
        height: 130px;
    }
    nav ul {
        margin-top: 12%;
    }
    .blog {
        display: none;
    }
    .homeoquee h2, .homeoquee h2, .homecomofunciona h2, .homeeventos h2, .homeplanos h2 {
        font-size: 30px;
    }
    .instagram h2 {
        letter-spacing: 1px;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        width: 45%;
        height: 40px;
        margin-left: 0%;
        margin-top: -16%;
        top: 0;
        position: relative;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        width: 45%;
        height: 40px;
        margin-left: 48%;
        margin-top: -11%;
        top: 0;
        opacity: 1;
        position: relative;
    }
}
@media screen and (max-width: 500px) and (min-width: 461px){
    header {
        height: 140px;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        margin-top: -20%;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        margin-top: -11%
    }
}
@media screen and (max-width: 499px) and (min-width: 496px) {
    nav ul {
        margin-top: 14%;
    }
}
@media screen and (max-width: 495px) and (min-width: 321px) {
    .venderingressos {
        display: none;
    }
    nav ul {
        margin-top: 12%;
    }

@media screen and (max-width: 460px) and (min-width: 321px) {
    header h1 a {
        height: 55px!important;
    }
    #homecarousel .item {
        margin-top: -15%;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        margin-top: -23%;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        margin-top: -11%
    }
    nav ul {
        margin-top: 10%;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        margin-top: -10%;
    }
    .homenovidades dl dt, .homenovidades dl dd {
        margin-left: 0%;
    }
    .homenovidades button {
        margin-left: 18%!important;
    }
    .homeoquee ul {
        width: 80%;
    }
    .homeoquee .wrap h3 {
        margin-left: 35%!important;
    }
    .homecomofunciona .wrap h3 {
        margin-left: 0%!important;
        text-align: center;
    }
    .homeeventos {
        height: 500px;
    }
    .homeeventos ul {
        width: 80%;
    }
    .homeplanos .wrap h2 {
        margin-left: -5%;
    }
    .homeplanos button {
        margin-left: 30%;
    }
    .homenovidades button {
        margin-left: 27%;
    }
    .owners a {
        margin-left: 10px;
    }
    footer .wrap, footer .wrap ul {
        padding-top: 8%!important;
    }
}

/*#####################################################################*/
                        /* iPhone 5 landscape */
/*#####################################################################*/
@media screen and (width: 568px) {
    header {
        height: 100px;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        height: 13%;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        height: 13%;
        margin-top: 3%;
    }
    .venderingressos, .exemplos {
        display: none;
    }
    #homecarousel .item {
        margin-top: -11%;
    }
}
/*#####################################################################*/
                        /* iPhone 4S, 4, 3GS landscape */
/*#####################################################################*/
@media screen and (width: 480px) {
    header {
        height: 15%;
        position: relative;
    }
    .wrap a {
        margin-top: -10px;
        height: 55px;
    }
    .buttonloja.acesse, .buttonloja.acesse.fixo {
        margin-left: 2%;
        height: 40px;
        width: 45%;
        margin-top: -18%;
        margin-bottom: 50px;
        position: relative;
    }
    .buttonloja.crie, .buttonloja.crie.fixo {
        margin-top: -19.5%;
        margin-left: 50%;
        width: 40%;
        top: 0;
        height: 40px;
        margin-bottom: 50px;
        position: relative;

    }
    nav ul {
        margin-top: 7%;
        margin-bottom: -7%;
    }
    nav>ul>li:last-of-type a {
        display: -webkit-inline-box;
    }
    #homecarousel .item {
        margin-top: -23%;
    }
    .venderingressos {
        display: none!important;
    }
    .oquee, .comofunciona, .planos {
        margin-right: 15px;
    }
    .oquee {
        margin-left: 40px;
    }
    #homecarousel .item button {
        margin-top: 0%;
    }
    .homenovidades dl dt {
        margin-left: 12%;
    }
    .homenovidades dl dd {
        margin-left: 13%;
    }
    #home .homenovidades button {
        margin-left: 26%;
    }
    .homeoquee .wrap h3 {
        margin-left: 38%!important;
    }
    .homeoquee ul {
        margin-left: 0%;
    }
    .homecomofunciona {
        height: 590px;
    }
    .homecomofunciona .wrap h3 {
        margin-left: 30%!important;
    }
    #home .homeexemplos ul li {
        margin-left: -3%;
    }
    .homeeventos {
        height: 640px;
    }
    .homeeventos .wrap h3 {
        margin-left: 38%;
    }
    .homeeventos .wrap ul {
        margin-left: -3%;
    }
    .homeplanos .wrap h3, .homeplanos .wrap h2 {
        margin-left: -3%;
    }
    .homeplanos button {
        margin-left: 32%;
    }
    #exemplos_eventos a {
        margin-left: 12%!important;
    }
    .owners {
        margin: 3% 25% 0 0;
    }
}