/*
    Created on : 17/08/2018, 08:42:35
    Author     : Fernando.Jost
*/

/** padrão */

* { box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; letter-spacing: 0.2px; line-height: 160% }
h1, h2, h3, h4, h5, h6 { margin-bottom: 20px !important; }

.clear { clear: both; }

.cursorPointer { cursor: pointer; }

.uk-modal-dialog { width: 720px; } 

.uk-notification .uk-notification-message { font-size: 16px !important; }

.ytp-large-play-button { display: none; }

.uk-offcanvas-bar { background-color: #3a3a3a; border-right: 2px solid rgb(143,211,0); }

/** Padrao Formulario */
label { font-size: 12px; position: relative; z-index: 1; }
.uk-input { border-top: 0px; border-left: 0px; border-right: 0px; margin-bottom: 10px; margin-top: -5px; }
.uk-select { border-top: 0px; border-left: 0px; border-right: 0px; margin-bottom: 10px; margin-top: -5px; }
.uk-textarea { border-top: 0px; border-left: 0px; border-right: 0px; margin-bottom: 10px; margin-top: -5px; }
.msgForm { margin-top: -10px !important; margin-bottom: 5px !important; }

/** carregando site */
.carregandoSite { width: 100%; height: 100vh; background-color: #fff; position: fixed; top: 0px; left: 0px; text-align: center; z-index: 9999999999999999; display: none; }
.carregandoSite div { position: absolute; top: 50%; margin-top: -45px; left: 50%; margin-left: -45px; }

/** Textos */
.fd-light   { font-family: 'Raleway', sans-serif !important; font-weight: 300; }
.fd-regular { font-family: 'Raleway', sans-serif !important; font-weight: 400; }
.fd-bold    { font-family: 'Raleway', sans-serif !important; font-weight: 700; }

header { width: 100%; background-color: #b8c0cc; padding: 15px 0px; position: fixed; box-shadow: 0 5px 15px rgba(0,0,0,0.08); z-index: 3; top: 0px; left: 0px; }
header nav { height: 65px; }
header nav .logo { width: 140px; }
header nav .boxPerfil { float: right; color: #fff; cursor: pointer; }
header nav .boxPerfil .nome { float: left; display: block; margin-right: 20px; padding-top: 17px; font-size: 18px; }
header nav .boxPerfil .img { width: 55px; height: 55px; float: right; background-color: #ccc; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; }
header nav .botaoMenu { float: right; margin-left: 20px; color: #fff; }
header nav .dropBox  { border-radius: 5px; padding: 20px 30px; }
header nav .dropBox img { margin-right: 5px; }
header nav .dropBox span { color: #4b0b91; }
header nav .dropBox .borda { border-left: 1px solid #4b0b91; padding-left: 20px; }
header nav .btnLogin { padding: 5px 15px; background-color: #32204c; color: #fff !important; border-radius: 4px; font-size: 16px; margin-left: 0px; }
header nav .btnLogin:hover { color: #fff !important; }
header nav .menuPrincipal { padding: 0px; margin: 0px; margin-right: 10px; }
header nav .menuPrincipal li { float: left; list-style: none; padding: 5px 10px; }
header nav .menuPrincipal li a { padding-bottom: 2px; color: #4b0b91; text-decoration: none; font-size: 16px; } 
header nav .menuPrincipal li a:hover { border-bottom: 1px solid #9703a1; color: #9703a1; }

main { background-color: #353535; }

.mobille {  }
.mobille .logo { width: 200px; display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 30px; }
.mobille .menuMobille { width: 180px; padding: 0px; margin: 0 auto; }
.mobille .menuMobille li { width: 100%; text-align: left; list-style: none; padding: 9px; font-size: 14px; } 
.mobille .menuMobille li .btnLogin { padding: 10px 20px; width: 100%; text-align: center; background-color: rgb(143,211,0); color: #fff !important; border-radius: 4px; font-size: 14px; line-height: 14px; margin-left: 0px; display: block; }
.mobille .menuMobille li .btnLogin:hover { color: #fff !important; }
.mobille .menuSocial { padding: 0px; margin: 0px; position: absolute; bottom: 30px; width: 116px; left: 50%; margin-left: -58px; }
.mobille .menuSocial li { list-style: none; float: left; padding: 5px; }


.bannerPrincipal { width: 100%; height: 100vh; /*background-image: url(../img/fundoBanner.jpg);*/ background-position: center; background-size: cover; background-repeat: no-repeat; }
.bannerPrincipal .box { width: 100%; height: 100%; overflow: hidden; display: table; }
.bannerPrincipal .box .conteudo { display: table-cell; text-align: center; vertical-align: middle; padding: 100px 0px; }
.bannerPrincipal .box .conteudo .menor { width: 570px; margin: 0 auto; }
.bannerPrincipal .box .conteudo .menor h1 { color: rgb(143,211,0); font-size: 50px; line-height: 50px; }
.bannerPrincipal .box .conteudo .menor p  { color: #fff; line-height: 20px; margin-bottom: 50px; }
.bannerPrincipal .box .conteudo .menor .botao { padding: 15px 30px; background-color: rgb(143,211,0); color: #fff !important; border-radius: 4px; display: block; max-width: 353px; margin: 0 auto; }

.bannerPrincipalNovo { width: 100%; height: 100vh; }
.bannerPrincipalNovo .img { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; }
.bannerPrincipalNovo .conteudo { display: table-cell; vertical-align: middle; font-size: 40px; line-height: 45px; color: #fff; padding-right: 40px; }
.bannerPrincipalNovo .conteudo p { font-size: 40px; line-height: 45px; color: #fff; }

.comoFunciona { width: 100%; background-color: #477323; }
.comoFunciona .primeira { height: 640px; background-image: url(../img/como1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.comoFunciona .ultima { height: 640px; background-image: url(../img/como2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.comoFunciona .box { overflow: hidden; display: table; width: 100%; height: 100%; color: #fff; padding: 40px; margin-top: 20px; /*background-color: rgba(60, 175, 40, 0.3);*/ }
.comoFunciona .box h2 { font-size: 40px; color: #fff; margin: 0px; padding: 0px; line-height: 45px; }
.comoFunciona .box p  { line-height: 20px; font-size: 14px; }
.comoFunciona .box .conteudoCenter { display: table-cell; text-align: center; vertical-align: middle; padding: 0px; }
.comoFunciona .box .conteudoBottom { display: table-cell; text-align: right; vertical-align: bottom; }
.comoFunciona .box .conteudoTop { display: table-cell; text-align: left; vertical-align: top; }

.profissionais { width: 100%; padding: 100px 0px; }
.profissionais h2 { text-align: center; }
.profissionais .lista { width: 100%; margin-top: 80px; }
.profissionais .lista .item { max-width: 300px; margin: 0 auto; }
.profissionais .lista .item .img { width: 192px; height: 192px; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 0 auto; }
.profissionais .lista .item .nome { text-align: center; color: rgb(143,211,0); margin-top: 15px; margin-bottom: 0px; }
.profissionais .lista .item .cidade { text-align: center; margin-bottom: 20px; font-size: 14px; }
.profissionais .lista .item .depoimento { text-align: center; font-size: 14px; }

.videos { width: 100%; background-color: #f6f6f6; padding: 100px 0px; }
.videos p { margin-bottom: 10px; }
.videos .principal { width: 100%; height: 355px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.videos .maisVideos { font-size: 14px; color: #707173; margin-bottom: 30px; }
.videos .maisVideos .img { width: 100%; height: 98px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.videos .maisVideos .boxData { font-size: 12px; color: #c6c7c8; margin-top: 2px; }
.videos .maisVideos .boxData .espaco { width: 10px; height: 10px; display: inline-block; }

.beneficios { width: 100%; padding: 100px 0px; }
.beneficios h2 { text-align: center; margin-bottom: 10px; }
.beneficios .descricao { text-align: center; width: 400px; margin: 0 auto; font-size: 14px; line-height: 20px; color: #58585a; }
.beneficios .lista { margin-top: 80px; font-size: 14px; }
.beneficios .lista .titulo { color: rgb(143,211,0); margin-bottom: 10px; font-size: 16px; }
.beneficios .lista .descricao { text-align: left; width: 100%; margin-bottom: 20px; }
.beneficios .lista .topicos { background-color: #f6f6f6; border-radius: 8px; padding: 30px; }
.beneficios .lista .topicos ul { padding-left: 15px; margin: 0px; }

.quemSomos { width: 100%; padding: 100px 0px; font-size: 14px; }
.quemSomos h2 { color: rgb(143,211,0); }
.quemSomos .destaque { color: rgb(143,211,0); }

.equipe { width: 100%; }
.equipe .box { overflow: hidden; display: table; width: 100%; height: 100%; }
.equipe .box .conteudo { display: table-cell; text-align: center; vertical-align: middle; }
.equipe .primeiro { height: 880px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.equipe .primeiro .img { width: 130px; height: 130px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; float: right; }
.equipe .primeiro .txt { font-size: 14px; color: #fff; line-height: 18px; text-align: left; }
.equipe .primeiro .nome { margin-bottom: 10px; font-size: 18px; }
.equipe .primeiro .conteudo { padding: 50px; }
.equipe .primeiro .conteudo .menor { max-width: 700px; margin: 0 auto; }
.equipe .segundo { background-color: #39a9dc; height: 330px; }
.equipe .segundo .img { width: 130px; height: 130px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; float: right; }
.equipe .segundo .txt { font-size: 14px; color: #fff; line-height: 18px; text-align: left; }
.equipe .segundo .nome { margin-bottom: 10px; font-size: 18px; }
.equipe .segundo .menor { width: 700px; margin: 0 auto; }
.equipe .terceiro { background-color: #e8511e; height: 550px; } 
.equipe .terceiro .img { width: 130px; height: 130px; margin: 0 auto; margin-bottom: 10px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.equipe .terceiro .txt { font-size: 14px; color: #fff; line-height: 18px; text-align: center; }
.equipe .terceiro .nome { margin-bottom: 10px; font-size: 18px; }
.equipe .terceiro .menor { width: 250px; margin: 0 auto; }
.equipe .quarto { background-color: #622181; height: 550px; } 
.equipe .quarto .img { width: 130px; height: 130px; margin: 0 auto; margin-bottom: 10px; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.equipe .quarto .txt { font-size: 14px; color: #fff; line-height: 18px; text-align: center; }
.equipe .quarto .nome { margin-bottom: 10px; font-size: 18px; }
.equipe .quarto .menor { width: 250px; margin: 0 auto; }
.equipe .combo { width: 100%; }
.equipe .combo .item { float: left; width: 50%; }

.equipe2 { width: 100%; }
.equipe2 .fundo { background-color: rgba(255, 255, 255, 0.3); width: 100%; height: 500px; background-position: center; background-size: cover; background-repeat: no-repeat; }
.equipe2 .box { width: 700px; height: 500px; margin: 0 auto; margin-top: -500px; position: relative; z-index: 2; padding-top: 150px; color: #000; font-size: 14px; }
.equipe2 .box .nome { width: 100%; margin-bottom: 5px; font-size: 20px; }
.equipe2 .box .img { width: 160px; height: 160px; margin: 0 auto; border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; }

.modalidades { width: 100%; padding: 100px; }
.modalidades h2 { text-align: center; }
.modalidades .lista { margin-top: 60px; }
.modalidades .lista .item { font-size: 14px; }
.modalidades .lista .item .primeiro { float: left; width: 35%; padding-right: 30px; }
.modalidades .lista .item .ultimo { float: left; width: 65%; }

footer { background-color: #3a3a3a; width: 100%; padding: 50px; color: #fff; }
footer .redes a { color: #4b0b91; }
footer .redes a:active { color: #9703a1; }
footer .redes a:hover { color: #9703a1; }

.bannerPerfil { width: 100%; height: 425px; background-color: #f5f5f5; background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 120px; }
.bannerPerfil a { background-color: rgba(0,0,0,0.7); color: #fff; padding: 15px 20px; font-size: 14px; line-height: 14px; text-decoration: none; }
.bannerPerfil a span { margin-right: 5px; }
.bannerPerfil a i { font-size: 10px; }
.bannerPerfil .carregando { width: 100%; height: 425px; position: absolute; z-index: 1; margin: 0px; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); color: #fff; display: none; }
.bannerPerfil .carregando .gif { position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px; }

.barraPerfil { width: 100%; margin-top: -100px; }
.barraPerfil .img { width: 200px; height: 200px; position: relative; z-index: 2; background-color: #ccc; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; }
.barraPerfil .img .alterar { width: 200px; height: 200px; border-radius: 50%; background-color: rgba(0,0,0, 0.5); color: #fff; text-align: center; padding-top: 150px; cursor: pointer; }
.barraPerfil .img .carregandoTmp { display: none; position: absolute; left: 50%; color: #fff; margin-left: -30px; top: 50%; margin-top: -30px; }
.barraPerfil .dados { padding-top: 120px; }
.barraPerfil .dados .nome { color: rgb(143,211,0); font-size: 20px; }
.barraPerfil .dados .nome .btnEditar { float: right; color: #999; }
.barraPerfil .dados .botaoVerde { padding: 5px 15px; font-size: 14px; background-color: rgb(143,211,0); color: #fff; display: block; text-align: center; text-decoration: none; border-radius: 4px; margin-bottom: 10px; }
.barraPerfil .dados .botaoAzul  { padding: 5px 15px; font-size: 14px; background-color: #0e366e; color: #fff; display: block; text-align: center; text-decoration: none; border-radius: 4px; }
.barraPerfil .btnEditar  { color: #e41e1e !important; }

.informacoesPerfil { width: 100%; padding: 80px 0px; padding-top: 50px; }
.informacoesPerfil .menus {  }
.informacoesPerfil .menus .social { background-color: #f6f6f6; width: 100%; padding: 10px; border-radius: 5px; text-align: center; }
.informacoesPerfil .menus .social a { margin-right: 10px; }
.informacoesPerfil .menus .menu { width: 100%; margin-top: 15px; }
.informacoesPerfil .menus .menu ul { width: 100%; padding: 0px; margin: 0px; padding-left: 10px; }
.informacoesPerfil .menus .menu ul li { list-style: none; }
.informacoesPerfil .menus .menu ul li a { color: rgb(143,211,0); text-decoration: none; line-height: 30px; }
.informacoesPerfil .menus .menu ul li a img { margin-bottom: 5px; }
.informacoesPerfil .menus .menu ul li .botaoYb { display: block; max-width: 100px; margin-top: 5px; margin-left: 4px; padding: 2px; font-size: 14px; text-align: center; background-color: red; color: #fff; border-radius: 4px; text-decoration: none; }
.informacoesPerfil .menus .contato { margin-right: 10px; font-size: 14px; background-color: #f6f6f6; padding: 20px; border-radius: 4px; margin-top: 20px; }
.informacoesPerfil .menus .contato .titulo { font-size: 18px; color: rgb(143,211,0); margin-bottom: 10px; }
.informacoesPerfil .menus .contato .titulo .btnEditar { color: #999; float: right; }
.informacoesPerfil .sobre { margin-right: 0px; font-size: 14px; background-color: #f6f6f6; padding: 20px; border-radius: 4px; }
.informacoesPerfil .sobre .btnEditar { float: right; color: #999; }
.informacoesPerfil .sobre .titulo { font-size: 18px; color: rgb(143,211,0); margin-bottom: 10px; }
.informacoesPerfil .especializacoes { margin-right: 0px; font-size: 14px; background-color: #f6f6f6; padding: 20px; border-radius: 4px; margin-top: 20px; }
.informacoesPerfil .especializacoes .titulo { font-size: 18px; color: rgb(143,211,0); margin-bottom: 10px; }
.informacoesPerfil .especializacoes .titulo .btnEditar { float: right; color: #999; }
.informacoesPerfil .post { width: 100%; background-color: #f6f6f6; border-radius: 5px; margin-bottom: 20px; }
.informacoesPerfil .post:last-child { margin-bottom: 0px; }
.informacoesPerfil .post .top { padding: 20px; border-bottom: 1px solid #87888a; }
.informacoesPerfil .post .top .img { width: 60px; height: 60px; margin: 0 auto; background-color: #ccc; /*background-image: url(../img/fotoPerfil.jpg);*/ background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; }
.informacoesPerfil .post .top .boxData { font-size: 12px; color: #c6c7c8; }
.informacoesPerfil .post .top .btnEditar { float: right; color: #999; }
.informacoesPerfil .post .conteudo { width: 100%; }
.informacoesPerfil .post .conteudo .descricao { padding: 20px; font-size: 14px; }
.informacoesPerfil .post .conteudo .img { width: 100%; height: 300px; /*background-image: url(../img/exPost.png);*/ background-position: center; background-size: cover; background-repeat: no-repeat; }
.informacoesPerfil .post .compartilhar { width: 100%; padding: 20px; text-align: center; }
.informacoesPerfil .post .compartilhar .botao { display: block; width: 170px; margin: 0 auto; border-radius: 4px; padding: 10px; background-color: rgb(143,211,0); color: #fff; text-decoration: none; }
.informacoesPerfil .addPost { width: 100%; margin-bottom: 10px; background-color: #f6f6f6; padding: 10px; border-radius: 5px; }
.informacoesPerfil .addPost .btnAdd { padding: 5px 10px; font-size: 12px; line-height: 12px; border-radius: 4px; background-color: rgb(143,211,0); text-decoration: none; color: #fff; float: right; }
.informacoesPerfil .listaFotos {  }
.informacoesPerfil .listaFotos .item { width: 100%; height: 200px; overflow: hidden; position: relative; display: inline-block; cursor: pointer; }
.informacoesPerfil .listaFotos .img { width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all 0.7s; }
.informacoesPerfil .listaFotos .item:hover .img, .informacoesPerfil .listaFotos .item:focus .img { transform: scale(1.2); }
.informacoesPerfil .listaFotos .btnRemover { width: 100%; display: block; text-align: center; padding: 10px; font-size: 14px; line-height: 14px; color: #fff; background-color: #fb5144; text-decoration: none; cursor: pointer; }
.informacoesPerfil .addFoto { width: 100%; margin-bottom: 40px; }
.informacoesPerfil .addFoto .btnAdd { padding: 15px 20px; background-color: rgb(143,211,0); font-size: 14px; line-height: 14px; border-radius: 4px; text-decoration: none; color: #fff; }
.informacoesPerfil .listaVideos {  }
.informacoesPerfil .listaVideos .item { }
.informacoesPerfil .listaVideos .item .editar { width: 100%; background-color: #00a1ff; padding: 10px; color: #fff; text-decoration: none; display: block; font-size: 14px; line-height: 14px; text-align: center; }

.informacoesPerfil .formacao { margin-right: 10px; font-size: 14px; background-color: #f6f6f6; padding: 20px; border-radius: 4px; margin-top: 20px; }
.informacoesPerfil .formacao .titulo { font-size: 18px; color: rgb(143,211,0); margin-bottom: 10px; }
.informacoesPerfil .formacao .titulo .btnEditar { float: right; color: #999; }
.informacoesPerfil .btnEditar  { color: #e41e1e !important; }

.cadastro { width: 100%; padding: 100px 0px; padding-top: 150px; }  
/*.cadastro .conteudo { width: 900px; margin: 0 auto; } */
.cadastro h2 { font-size: 25px; } 
.cadastro h2 a { font-size: 14px; display: block; float: right; width: 150px; color: #fff; background-color: red; padding: 5px; border-radius: 3px; text-align: center; text-decoration: none; } 
.cadastro .linha { border-bottom: 1px solid #b1d29d; margin-bottom: 10px; text-align: right; margin-top: 20px; padding-bottom: 5px; color: #b1d29d; } 
.cadastro .cadastro { padding: 0px; } 
.cadastro .valores { font-size: 14px; display: block; text-align: right;}    
.cadastro .termos { font-size: 14px; text-align: left; margin-top: 10px; }    
.cadastro .botaoPg { padding: 15px 30px; line-height: 14px; font-size: 14px; background-color: rgb(143,211,0); color: #fff !important; border-radius: 4px; display: block; width: 100%; margin-top: 15px; }
.cadastro .conteudoMin { width: 900px; margin: 0 auto; }

.pagamento { width: 100%; padding: 100px 0px; padding-top: 150px; }
.pagamento h2 { font-size: 25px; }

.pagamentoFinalizado { width: 100%; padding: 100px 0px; padding-top: 150px; }

.boxLogin { width: 100%; padding: 150px 0px; padding-top: 150px; }
.boxLogin .primeiro { padding-right: 40px; border-right: 1px solid #e5e5e5; }
.boxLogin .btnEntra { padding: 10px 20px; background-color: rgb(143,211,0); color: #fff !important; border-radius: 4px; font-size: 14px; line-height: 14px; }
.boxLogin .esqueceuSenha { margin-left: 10px; font-size: 14px; }
.boxLogin .chamada { width: 100%; max-width: 400px; margin: 0 auto; padding: 60px; background-image: url(../img/bannerAindaNao.png); background-position: center; background-repeat: no-repeat; background-size: cover; }
.boxLogin .chamada p { color: #fff; font-size: 20px; }
.boxLogin .chamada a { color: #fff; background-color: #85b819; border-radius: 4px; }

.formularioSobre { width: 100%; }
.formularioSobre .botao { padding: 15px 20px; line-height: 14px; font-size: 14px; background-color: rgb(143,211,0); color: #fff !important; border-radius: 4px; }
.formularioSobre .botaoRemove { padding: 15px 20px; line-height: 14px; font-size: 14px; background-color: #c30d0d; color: #fff !important; border-radius: 4px; text-decoration: none; }
.formularioSobre .addImg { padding: 10px 20px; line-height: 14px; font-size: 14px; background-color: #0e366e; color: #fff !important; border-radius: 4px; text-decoration: none; }
.formularioSobre .addImg span { margin-left: 5px; } 
.formularioSobre .boxImg { width: 90%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all 0.5s; margin: 0 auto; margin-bottom: 10px; margin-top: 20px; }
.formularioSobre .imgEscura { -webkit-filter: grayscale(100%); }
.formularioSobre .listaCrefs { margin-top: 0px; text-align: center; }
.formularioSobre .listaCrefs img { width: 100px; -webkit-filter: grayscale(100%); cursor: pointer; }
.formularioSobre .listaCrefs img:hover { -webkit-filter: grayscale(0%); }
.processa { display: none; position: absolute; text-align: center; height: 100%; width: 100%; left: 0px; top: 0px; background-color: #fff; z-index: 9; padding-top: 150px; }

.formularioContato { width: 100%; }
.formularioContato h2 { margin: 0px; padding: 0px; }
.formularioContato .descForm { margin: 0px; padding: 0px; margin-bottom: 20px; }
.formularioContato .boxEnvia { width: 100%; }
.formularioContato .boxEnvia .botaoEnvia { padding: 15px 20px; line-height: 14px; font-size: 14px; background-color: rgb(143,211,0); color: #fff !important; border-radius: 4px; }

.listaLoja { width: 100%; padding: 100px 0px; padding-top: 120px; }
.listaLoja .lista { width: 100%; margin-top: 20px; }
.listaLoja .lista .item { width: 100%; max-width: 300px; margin: 0 auto; border-radius: 4px; padding: 30px; cursor: pointer; transition: 0.3s all; background-color: #2a2a2a; }
.listaLoja .lista .item:hover { /*opacity: 0.7;*/ box-shadow: 0 5px 15px rgba(0,0,0,0.1);  }
.listaLoja .lista .item .img { width: 100%; height: 200px; background-position: center; background-size: cover; background-repeat: no-repeat; border-bottom: 1px solid #e6e6e6; margin-bottom: 10px; }
.listaLoja .lista .item .titulo { width: 100%; text-align: center; font-size: 20px; color: #669933; }
.listaLoja .lista .item .desc { width: 100%; text-align: center; font-size: 14px; color: #fff; }
.listaLoja .lista .item .valor { color: #6cb142; text-align: center; }
.listaLoja .lista .item .botaoAdd { background-color: #6cb142; color: #fff; }
.listaLoja .lista .item .selecionado { opacity: 0; float: right; transition: 0.3s all; }
.listaLoja .lista .separador { margin-top: 40px; }
.listaLoja .lista .separador:first-child { margin-top: 0px; }
.listaLoja .lista .ativo { border: 2px solid #6cb142; }
.listaLoja .lista .ativo .selecionado { float: right; color: #6cb142; opacity: 1; } 
.listaLoja .boxCarrinho { margin-top: 20px; color: #868686; }
.listaLoja .ativoBotao { color: #fff; background-color: #6cb142; }
.listaLoja .filtro { width: 100%; margin-bottom: 30px; }
.listaLoja .filtro .item { width: 100%; background-color: #6f9d6a; text-align: center; padding: 20px; cursor: pointer; height: 100%; }
.listaLoja .filtro .item .icone { width: 100%; }
.listaLoja .filtro .item .icone img { width: 100px; }
.listaLoja .filtro .item .txt { color: #fff; font-size: 18px; margin-top: 10px; }
.listaLoja .filtro .selecionada { background-color: #6cb142; }

.planosAcademias { width: 100%; background-color: #f6f6f6; padding: 100px 0px; color: #1a171b; }
.planosAcademias h2 { text-align: center; }
.planosAcademias .lista { margin-top: 60px; }
.planosAcademias .lista .item { max-width: 320px; margin: 0 auto; padding: 30px; background-color: #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
.planosAcademias .lista .item .top { border-bottom: 1px solid #1a171b; font-size: 26px; line-height: 26px; text-align: center; color: #55aa27; padding-bottom: 15px; }
.planosAcademias .lista .item .main { padding: 15px 0px; text-align: center; min-height: 390px; margin-top: 15px; }
.planosAcademias .lista .item .main .valor { width: 100%; margin-top: 20px; }
.planosAcademias .lista .item .main .valor .maior { font-size: 32px; line-height: 32px; }
.planosAcademias .lista .item .main .descricao { width: 100%; text-align: left; margin-top: 20px; }
.planosAcademias .lista .item .main .descricao .item { margin: 0px; padding: 0px; border: 0px; width: 100%; box-shadow: none; border-radius: 0px; font-style: italic; }
.planosAcademias .lista .item .main .descricao .item .sub { width: 100%; margin-bottom: 5px; padding-left: 15px; }
.planosAcademias .lista .item .main .descricao .item .sub .item { margin: 0px; padding: 0px; border: 0px; width: 100%; box-shadow: none; border-radius: 0px; font-style: italic; font-size: 12px; }
.planosAcademias .lista .item .main .descricao .botaoYb { display: block; padding: 5px; font-size: 14px; width: 150px; margin: 0 auto; margin-top: 10px; color: #fff; background-color: red; text-decoration: none; text-align: center; font-family: 'Raleway', sans-serif !important; font-weight: 400; font-style: normal; }
.planosAcademias .lista .item .bottom { width: 100%; text-align: center; margin-top: 20px; }
.planosAcademias .lista .item .bottom .uk-button { background-color: #55aa27; color: #fff; text-align: center; width: 100%; }
.planosAcademias .lista .item .bottom .disabled { background-color: #b4caa9; }

.menuMobile { width: 100%; margin-top: 20px; padding: 0px 20px; }
.menuMobile a { color: rgb(143,211,0); text-align: center; display: block; width: 100%; border-right: 1px solid rgb(143,211,0); }

.pertoDeVoce { width: 100%; padding: 100px 0px; padding-top: 50px; margin-top: 85px; }
.pertoDeVoce .mapa { text-align: center; margin-top: 40px; margin-bottom: 30px; }
.pertoDeVoce .boxLista { width: 100%; margin-top: 20px; }
.pertoDeVoce .boxLista .top { width: 100%; margin-bottom: 20px; margin-top: 40px; }
.pertoDeVoce .boxLista .lista { width: 100%; }
.pertoDeVoce .boxLista .lista .item { width: 100%; height: 100%; padding: 20px; border: 1px solid #fff; cursor: pointer; transition: 0.3s all; }
.pertoDeVoce .boxLista .lista .item .iconeIr { text-align: right; margin-top: -10px; margin-right: -10px; color: #9e9e9e; opacity: 0; transition: 0.3s all; }
.pertoDeVoce .boxLista .lista .item:hover { border: 1px solid #ccc; }
.pertoDeVoce .boxLista .lista .item:hover .iconeIr { opacity: 1; }
.pertoDeVoce .boxLista .lista .item .img { width: 150px; height: 150px; margin: 0 auto; background-color: #ccc; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 50%; }
.pertoDeVoce .boxLista .lista .item .titulo { width: 100%; text-align: center; color: rgb(143,211,0); font-size: 20px; margin-top: 10px; }
.pertoDeVoce .boxLista .lista .item .descricao { width: 100%; text-align: center; color: #666; font-size: 16px; }

.pertoDeVoce .conteudo { background-color: #303030; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6); padding: 30px; color: #fff !important; }
.pertoDeVoce .conteudo h2 { color: #fff; }
.pertoDeVoce .conteudo .lista .item { background-color: #2a2a2a; border: 1px solid #2a2a2a; }
.pertoDeVoce .conteudo .lista .item:hover { border-color: #669933; }
.pertoDeVoce .conteudo .lista .item .iconeIr { color: #669933; }
.pertoDeVoce .conteudo .lista .item .titulo { color: #669933; }
.pertoDeVoce .conteudo .lista .item .descricao { color: #fff; }
.pertoDeVoce .conteudo .top h4 { color: #fff; }
.pertoDeVoce .conteudo .comites { width: 100%; }
.pertoDeVoce .conteudo .comites img { width: 80%; margin-bottom: 10px; }

/** SVG MAPA */
#svg-map path { fill: #b1c569; }
#svg-map text { fill: #fff; font: 12px Arial-BoldMT, sans-serif; cursor: pointer; }
#svg-map a { text-decoration: none; }
#svg-map a:hover { cursor: pointer; text-decoration: none; }
#svg-map a:hover path { fill: #729200 !important; }
#svg-map .circle { fill: #cada92; }
#svg-map a:hover .circle { fill: #729200 !important; cursor: pointer; }
#svg-map .selecionado path { fill: #729200 !important; color: red; }
#svg-map .selecionado .circle { fill: #729200 !important; color: red; }

.boxContato { width: 100%; padding-top: 130px; padding-bottom: 50px; }
.boxContato .apresentacao { width: 100%; padding-bottom: 40px; font-size: 18px; text-align: center; }
.boxContato .apresentacao h2 { border-bottom: 2px solid rgb(143,211,0); width: 250px; margin: 0 auto; padding-bottom: 10px; }
.boxContato .boxFormulario { width: 100%; }
.boxContato .boxFormulario button { padding: 10px 20px; background-color: rgb(143,211,0); color: #fff !important; border-radius: 4px; font-size: 14px; line-height: 14px; }
.boxContato .boxFormulario .retorno { font-size: 14px; }
.boxContato .boxFormulario .retorno .sucesso { color: green; margin-bottom: 10px; }
.boxContato .boxFormulario .retorno .erro { color: red; margin-bottom: 10px; }
.boxContato .boxInfo { width: 100%; }
.boxContato .boxInfo .titulo { width: 100%; font-size: 20px; }
.boxContato .boxInfo .traco { width: 150px; height: 2px; background-color: rgb(143,211,0); margin-top: 10px; margin-bottom: 10px; }
.boxContato .boxInfo .info { font-size: 14px; }
.boxContato .boxInfo .info .representantes { padding: 10px; border: 2px solid #ccc; margin-top: 10px; }
.boxContato .boxInfo .info .representantes .menor { font-size: 12px; }
.boxContato .boxInfo .info a { text-decoration: none; color: #666; }

.areaLogin { width: 100%; margin-top: 95px; padding: 60px 0px; }
.areaLogin .box { background-color: #2a2a2a; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); border-radius: 10px; width: 500px; margin: 0 auto; }
.areaLogin .box .titulo { font-size: 18px; color: #669933; text-align: left; margin-bottom: 20px; }
.areaLogin .box .btnLogin { background-color: #669933; color: #fff; }
.areaLogin .box .btnCadastro { background-color: #669933; color: #fff; }

/** novo padrao formulario*/
label { font-size: 12px; margin-bottom: 5px; }
.uk-input { margin-top: 0px; background-color: transparent; color: #fff !important; }
.uk-input:focus { background-color: transparent !important; border-color: #669933; }
.uk-textarea { margin-top: 0px; background-color: transparent; color: #fff !important; }
.uk-textarea:focus { background-color: transparent !important; border-color: #669933; }
.uk-select { margin-top: 0px; background-color: transparent; color: #fff !important; }
.uk-select:focus { background-color: transparent !important; border-color: #669933; }

.btnEditar { background-color: #484848; color: #fff; }
.btnSalvar { background-color: #669933; color: #fff; width: 100%; }
.btnEnviar { background-color: #669933; color: #fff; width: 100%; }
.btnCarregar { background-color: #669933; color: #fff; }
.btnUpload { background-color: #337399; color: #fff; }
.btnRemover { background-color: #f0506e; color: #fff; }

.uk-alert-success { background-color: #669933; color: #fff; }

label { color: #fff; }

.uk-modal-body { background-color: #353535; }

.campoVazio { border-bottom: 1px solid red !important; }

.paginaPerfil_new { width: 100%; margin-top: 95px; }
.paginaPerfil_new .banner { width: 100%; height: 500px; background-position: center; background-size: cover; }
.paginaPerfil_new .boxInformacoes { width: 100%; padding: 40px; background-color: #303030; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6); margin-top: -200px; }
.paginaPerfil_new .boxInformacoes .rede a {  }
.paginaPerfil_new .boxInformacoes .imgPerfil { width: 100%; height: 300px; background-color: #ccc; background-position: center; background-size: cover; }
.paginaPerfil_new .boxInformacoes .nome { font-size: 22px; color: #669933; font-weight: 700; }
.paginaPerfil_new .boxInformacoes .cidade { margin-top: -5px; color: #fff; }
.paginaPerfil_new .boxInformacoes .sobre { margin-top: 20px; color: #fff; }
.paginaPerfil_new .boxInformacoes .redes a { color: #fff; background-color: #484848; margin-top: 20px; }
.paginaPerfil_new .boxInformacoes .boxInfoGeral { background-color: #2a2a2a; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); padding: 20px; }
.paginaPerfil_new .boxInformacoes .boxInfoGeral .titulo { font-size: 18px; color: #669933; font-weight: 500; }
.paginaPerfil_new .boxInformacoes .boxInfoGeral .imgIcone { width: 50px; margin-bottom: 15px; }
.paginaPerfil_new .postagens { width: 100%; margin-top: 60px; }
.paginaPerfil_new .postagens .boxBotao { width: 100%; text-align: center; }
.paginaPerfil_new .postagens .lista .boxEditar { position: absolute; margin-top: 20px; z-index: 99; text-align: right; top: 0px; width: 90%; }
.paginaPerfil_new .postagens .lista .ampliar { opacity: 0; text-align: center; position: absolute; z-index: 9; width: calc(100% - 30px); height: calc(100% - 30px); background-color: rgb(0 0 0 / 85%); top: 15px; transition: all 0.3s; }
.paginaPerfil_new .postagens .lista .ampliar .circulo { border: 2px solid #669933; border-radius: 50%; padding: 10px; width: 65px; height: 65px; position: relative; left: 50%; margin-left: -32px; top: 50%; margin-top: -32px; }
.paginaPerfil_new .postagens .lista .ampliar .circulo span { color: #fff; }
.paginaPerfil_new .postagens .item { cursor: pointer; }
.paginaPerfil_new .postagens .item:hover .ampliar { opacity: 1; }
.paginaPerfil_new .postagens .lista .btnEditar {  }
.paginaPerfil_new .contato { width: 700px; margin: 0 auto; margin-top: 60px; margin-bottom: 60px; background-color: #2a2a2a; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); padding: 40px; }
.paginaPerfil_new .contato .titulo { font-size: 20px; color: #669933; font-weight: 600; margin-bottom: 20px; }
.paginaPerfil_new .contato .btnEnviar { margin-top: 20px; }
/*.paginaPerfil_new .contato .uk-input { color: #000 !important; }
.paginaPerfil_new .contato .uk-textarea { color: #000 !important; }
.paginaPerfil_new .contato label { color: #666 !important; }*/

.modalPerfil .titulo { font-size: 20px; color: #fff; }
.modalPerfil .boxImgPerfil { width: 100%; height: 250px; text-align: center; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); padding-top: 80px; background-position: center; background-size: cover; cursor: pointer; }
.modalPerfil .tituloSeparacao { border-bottom: 1px solid #32204c; text-align: right; color: #32204c; }
.modalPerfil .item { border: 1px solid #353535; padding: 20px; text-align: center; }
.modalPerfil .item img { width: 80px; margin-bottom: 10px; }
.modalPerfil .ativo-1 { border: 1px solid #669933; }

.modalPerfil .ativo { -webkit-filter: grayscale(0%); }
.modalPerfil .inativo { -webkit-filter: grayscale(100%); }

.modalExibeBlog .imgPerfil { width: 50px; height: 50px; background-position: center; background-size: cover; background-color: #ccc; border-radius: 50%; }
.modalExibeBlog .nomePerfil { color: #669933; font-size: 22px; font-weight: 600; padding-top: 5px; }
.modalExibeBlog .descricao { color: #fff; }
.modalExibeBlog .midias { text-align: center; background-color: rgb(0 0 0 / 85%); }

.boxMeuPerfil { background-color: #303030; padding: 40px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6); }
.boxMeuPerfil .titulo { color: #fff; }
.boxMeuPerfil .uk-input:disabled { background-color: #242424; }

.boxLoja { padding: 40px; background-color: #303030; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.6); }

.notificacaoCabesalho { width: 10px; height: 10px; border-radius: 50%; background-color: #f0506e; margin-left: -20px; margin-top: -20px; margin-right: 10px; z-index: 9; }
.notificacaoCabesalhoPerfil { width: 20px; height: 20px; border-radius: 50%; background-color: #f0506e; margin-top: -47px; margin-left: -47px; }

.modalNotificacao .titulo { font-size: 24px; }
.modalNotificacao .listaItens { height: 600px; overflow:auto; }
.modalNotificacao .semItem { font-size: 16px; color: #fff; }
.modalNotificacao .item { width: 100%; padding: 10px 20px; border-bottom: 1px solid #669933; cursor: pointer; }
.modalNotificacao .item:last-child { border-bottom: 0px; }
.modalNotificacao .item .novo { background-color: #669933; color: #fff; padding: 4px 8px; font-size: 10px; border-radius: 50px; }
.modalNotificacao .item .titulo { font-size: 16px; }
.modalNotificacao .item .resumo { font-size: 14px; color: #8d8c8c; }
.modalNotificacao .notificacao { height: 600px; border-left: 1px solid #669933; padding: 10px 20px; overflow:auto; }
.modalNotificacao .notificacao .titulo { font-size: 20px; margin-bottom: 20px; }
.modalNotificacao .notificacao .data { font-size: 14px; color: #8d8c8c; }
.modalNotificacao .notificacao .img { margin-bottom: 20px; text-align: center; }
.modalNotificacao .notificacao .img img { max-width: 90%; }
.modalNotificacao .notificacao .descricao { color: #fff; }
.modalNotificacao .notificacao .selecione { width: 300px; text-align: center; margin: 0 auto; margin-top: 150px; color: #fff; font-size: 20px; }

@media (min-width: 320px){
    .bannerPrincipal .box .conteudo .menor { width: 100%; margin: 0 auto; padding: 0px 40px; }
    
    .comoFunciona .primeira { height: 300px; }
    .comoFunciona .ultima { height: 300px; }
    
    .equipe .combo .item { float: left; width: 100%; }
    
    .equipe .segundo .menor { width: 300px; margin: 0 auto; }
    
    .planosAcademias .lista .item { padding: 30px; }
    
    .beneficios { padding: 50px 0px; }
    .beneficios .descricao { width: 100%; margin: 0 auto; }
    
    .equipe .primeiro { height: 470px; }
    .equipe .primeiro .img { float: none; margin: 0 auto; }
    .equipe .primeiro .nome { text-align: center; }
    .equipe .primeiro .txt { text-align: center; }
    .equipe .segundo { height: 500px; }
    .equipe .segundo .img { float: none; margin: 0 auto; }
    .equipe .segundo .nome { text-align: center; }
    .equipe .segundo .txt { text-align: center; padding: 0px; }
    
    .bannerPrincipal .box { display: table; }
    .bannerPrincipal .box .conteudo .menor h1 { font-size: 35px; line-height: 35px; }
    .comoFunciona .box { display: block; }
    .comoFunciona .box .conteudoBottom { float: right; margin-top: 138px; }
    
    .videos { padding: 50px 0px; }
    .planosAcademias { padding: 50px 0px; }
    .quemSomos { padding: 50px 0px; }
    .quemSomos h2 { text-align: center; }
    .quemSomos p  { text-align: center; }
    
    .modalidades { padding: 50px 0px; }
    
    .modalidades .lista .item { text-align: center; max-width: 300px; margin: 0 auto; }
    .modalidades .lista .item .primeiro { float: left; width: 100%; padding-right: 0px; }
    .modalidades .lista .item .ultimo { float: left; width: 100%; }
    
    .boxLogin { width: 100%; padding: 50px 0px; padding-top: 100px; }
    .boxLogin .primeiro { padding-right: 0px; border-right: 0px; }
    
    .cadastro { width: 100%; padding: 50px 0px; padding-top: 100px; } 
    .cadastro .cadastro { border-right:0px; padding: 0px; } 
    
    .barraPerfil .dados { padding-top: 20px; text-align: center; }
    
    header nav .boxPerfil .img { margin-left: 0px; width: 40px; height: 40px; }
    
    .bannerPerfil { width: 100%; height: 280px; }
    
    .cadastro .conteudoMin { width: 100%; margin: 0 auto; }
    
    header nav .boxPerfil .nome { font-size: 16px; }
    header nav .logo { width: 140px; }
    
    footer { text-align: center; }
    
    .equipe2 .box { text-align: center; width: 100%; padding-top: 50px; }
    
    .bannerPrincipalNovo .conteudo { padding-right: 0px; }
    .paginaPerfil_new .postagens iframe { height: 350px; }
}
@media (min-width: 640px){
    .bannerPrincipal .box .conteudo .menor { width: 570px; margin: 0 auto; padding: 0px; }
    
    .equipe .combo .item { float: left; width: 50%; }
    
    .equipe .segundo .menor { width: 700px; margin: 0 auto; }
    
    .beneficios { padding: 100px 0px; }
    .beneficios .descricao { width: 400px; margin: 0 auto; }
    
    .bannerPrincipal .box { display: table; }
    .bannerPrincipal .box .conteudo .menor h1 { font-size: 50px; line-height: 50px; }
    .comoFunciona .box { display: table; }
    .comoFunciona .box .conteudoBottom { float: none; margin-top: 0px; }
    
    .videos { padding: 100px 0px; }
    .planosAcademias { padding: 100px 0px; }
    .quemSomos { padding: 100px 0px; }
    .quemSomos h2 { text-align: left; }
    .quemSomos p  { text-align: left; }
    
    .modalidades { padding: 100px 0px; }
    
    .barraPerfil .dados { padding-top: 120px; text-align: left; }
    
    header nav .boxPerfil .img { margin-left: 0px; width: 55px; height: 55px; }
    header nav .logo { width: 140px; }
    
    .bannerPerfil { width: 100%; height: 425px; }
    
    .listaLoja .filtro .item .icone img { width: 50px; }
    
    footer { text-align: left; }
    
    .equipe2 .box { width: 500px; padding-top: 50px; }
    
    .bannerPrincipalNovo .conteudo { padding-right: 40px; }
    
    .paginaPerfil_new .postagens iframe { height: 300px; }
}
@media (min-width: 960px){
    .comoFunciona .primeira { height: auto; }
    .comoFunciona .ultima   { height: auto; }
    
    .comoFunciona .box .conteudoCenter { padding: 0px; }
    
    .equipe .primeiro .img { float: right; }
    .equipe .primeiro .nome { text-align: left; }
    .equipe .primeiro .txt { text-align: left; }
    .equipe .segundo { height: 330px; }
    .equipe .segundo .img { float: right; }
    .equipe .segundo .nome { text-align: left; }
    .equipe .segundo .txt { text-align: left; padding-left: 40px; }
    
    .boxLogin { width: 100%; padding: 150px 0px; padding-top: 150px; }
    .boxLogin .primeiro { padding-right: 40px; border-right: 1px solid #e5e5e5; }
    
    .cadastro { width: 100%; padding: 100px 0px; padding-top: 150px; } 
    .cadastro .cadastro { padding: 0px; } 
    
    .cadastro .conteudoMin { width: 900px; margin: 0 auto; }
    
    header nav .boxPerfil .nome { font-size: 18px; }
    
    .listaLoja .filtro .item .txt { font-size: 16px; }
    .listaLoja .filtro .item .icone img { width: 100px; }
    
    .equipe2 .box { text-align: left; width: 700px; padding-top: 150px; }
    
    /*header nav .logo { width: 200px; }*/
    /*header nav .menuPrincipal { margin-right: 10px; }
    header nav .menuPrincipal li { padding: 5px; }*/ 
    
    .paginaPerfil_new .postagens iframe { height: 200px; }
}
@media (min-width: 1200px){
    .comoFunciona .box .conteudoCenter { padding: 0px 50px; }

    .comoFunciona .primeira { height: auto; }
    .comoFunciona .ultima { height: auto; }
    
    .equipe .primeiro { height: 880px; }
    
    .planosAcademias .lista .item { padding: 20px; }
    
    .modalidades .lista .item { max-width: 100%; text-align: left; }
    .modalidades .lista .item .primeiro { float: left; width: 35%; padding-right: 30px; }
    .modalidades .lista .item .ultimo { float: left; width: 65%; }
    
    .listaLoja .filtro .item .txt { font-size: 18px; }
    
    header nav .logo { width: 140px; }
    header nav .menuPrincipal { margin-right: 10px; }
    
    .paginaPerfil_new .postagens iframe { height: 300px; }
}

@media (min-width: 1300px){
    .planosAcademias .lista .item { padding: 30px; }
}