/* --------------------------------------------- TABLE OF CONTENTS WEBFONT RESET ALL COOKIES HEADER FOOTER ASIDE NAV MODAL CHAT HOME cal to action SOBRE O HUT - CONCEITO SOBRE O HUT - PRIMEIROS PASSOS SOBRE O HUT - NUTRIÇÃO SOBRE O HUT = DICIONARIO SOBRE O HUT = COMPARAR SOBRE O HUT = PAR-Q // HIDDEN LISTA DE CLUBES CLUBE CLUBES - PRE-SALE AULAS TREINAR = GINÁSIO TREINAR = AULAS TREINAR = PTS TREINAR = NUTRIHUT TREINAR = NUTRIHUT V2 MYHUT MYHUT - LOGIN MYHUT - ENTRADA MYHUT - PT ONE SHOT // HIDDEN MYHUT - SIDEBAR MYHUT - ENTRADA PROMO MYHUT - WELCOME-PACK MYHUT - LARGE BANNER MYHUT - MOVE DUO MYHUT - RGPD MYHUT - MENSAGENS MYHUT - AULAS MYHUT - NUTRIÇÃO MYHUT - CURSOS PRIVADOS MYHUT - INSCRIÇÃO EM EVENTOS MYHUT - VANTAGENS MYHUT - REFERRALS MYHUT - CONTA MYHUT - ADESÃO MYHUT - UPGRADES MYHUT - OFERTAS MYHUT - CLUBE FAV MYHUT - NOVA PASSWORD MYHUT - PASSWORD MYHUT - CALENDÁRIO MYHUT - OFERTAS MYHUT - DADOS PESSOAIS MYHUT - FILHOS MYHUT - MODAL RECRUTAMENTO RECRUTAMENTO 2019 // HIDDEN PT FAMOSOS MEDIA INSCRIÇÃO - GERAL INSCRIÇÃO - GERAL / OLD INSCRIÇÃO - CLUBES INSCRIÇÃO - TIPO DE ADESÃO INSCRIÇÃO - ADITIVOS INSCRIÇÃO - DADOS PESSOAIS INSCRIÇÃO - PAGAMENTO INICIAL INSCRIÇÃO - COMPROVATIVO AJUDA EVENTOS EVENTOS - INSCRIÇÃO STORE MODAL ASIDE PARALAX INTRO WELCOME PACK QUESTIONARIO 404 ERRO LEGAL PROMOS WHATSAPP TRANSITIONS ---------------------------------------------*/ /* --------------------------------------------- WEBFONT ---------------------------------------------*/ @import 'https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Work+Sans:wght@700;800&display=swap'; /* --------------------------------------------- RESET ---------------------------------------------*/ * { box-sizing: border-box; margin: 0; padding: 0; } html { height: 100%; } img { display: block; max-width: 100%; } h1, h2, h3, h4, h5, h6, p, ol, ul, li, figure, video { margin: 0; padding: 0; } /* --------------------------------------------- ALL ---------------------------------------------*/ ::selection { background: #06c; color: #fff; } ::-moz-selection { background: #06c; color: #fff; } @-moz-document url-prefix() { fieldset { display: table-cell; } } body { /*background: url(../img/bkg.png) top left fixed #ededed;*/ font-family: 'Lato', Helvetica, sans-serif; font-size: 16px; line-height: 1.7; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto; } h2 b { letter-spacing: .01em; } h5 { line-height: 1.5em; } h1 { font-size: 2em; line-height: 1em; } h2 { font-size: 2em; line-height: 1em; } /* html { scroll-behavior: smooth; } */ html .scroll-to-top { border-radius: 34px 34px 8px 34px; color: #fff; display: block; padding: 15px 20px; background: #06c; height: auto; bottom: 100px; right: 20px; box-shadow: 0 5px 4px 0 rgba(0, 0, 0, .26); } input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select:focus, textarea { font-size: 16px; } html .scroll-to-top.visible { /* opacity: 1; */ display: none; } .col-2 { columns: 2; column-gap: 80px; } .btn-primary[disabled] { background: #000; opacity: 0.1; } .btn-lg, .btn-group-lg > .btn { padding: 10px 30px; } html.dark #header { border-radius: 0; } body.sticky-menu-active #header { border-bottom: none; } mark { background: #9fc !important; color: #06c; } .container.full { width: 100%; padding-left: 0; } .main { margin-bottom: 5em; } .main-fix { margin-bottom: 0; } .main-fix-top { margin-top: 60px; } .slider-container { /* background: #faf7f2 !important; */ background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(250, 247, 242, 1) 25%); } .nav-pills > li > a { border-radius: 0; } .nav > li > a, .nav > li > a:hover { padding: 7px 10px; } .mfp-bg { background: #06c; } .btn-responsive-nav { background: transparent; top: 20px !important; } .navbar-collapse { padding: 5px !important; } .jumbotron { background: transparent; } @media (min-width: 767px) { .main.flex { display: flex; width: 100%; height: calc(100vh - 71px - 50px); align-items: center; justify-content: center; } } /* ALERTAS */ .alert-danger { color: #222; background-color: #fff; border: 7px solid #ff6262; border-radius: 0; } .alert-success { color: #222; background-color: #fff; border: 7px solid #9fc; border-radius: 0; } .alert-info { color: #222; background-color: #fff; border: 7px solid #d9edf7; border-radius: 0; } .alert-warning { color: #222; background-color: #fff; border: 7px solid #faebcc; border-radius: 0; } .alert.alert-header { display: block; padding: 15px 20px; font-weight: bold; color: #fff; text-align: center; background-color: #222; } #myHut .alert-danger, #myHut .alert-success, #myHut .alert-info, #myHut .alert-warning { color: #fff; background-color: transparent; } #myHut.welcome-pack .alert-danger, #myHut.welcome-pack .alert-success, #myHut.welcome-pack .alert-info, #myHut.welcome-pack .alert-warning { color: #222; background-color: #fff; } .uppercase { text-transform: uppercase; } .verde { color: #9fc; } .clear-left { margin-left: -15px; } .clear-right { margin-right: -15px; } .white-box { background: #fff; padding: 2.5em; } .white-box h2 { line-height: 1.25em; } .blue-box { background: #06c; padding: 2.5em; } .blue-box p, .blue-box h1, .blue-box h2, .blue-box h3, .blue-box h4, .blue-box h5, .blue-box h6 { color: #fff; } .grey-box { background: #f5f5f5; padding: 2.5em; } /* DARK GREY BOX */ .dark-grey-box { background: #222 !important; padding: 2.5em; } .dark-grey-box h1, .dark-grey-box h2, .dark-grey-box h3, .dark-grey-box h4, .dark-grey-box h6, .dark-grey-box h6, .dark-grey-box p { color: #fff; } .featured-box-dark { background: #242424 !important; } .featured-box-dark .box-content h1, .featured-box-dark .box-content h2, .featured-box-dark .box-content h3, .featured-box-dark .box-content h4, .featured-box-dark .box-content h5, .featured-box-dark .box-content h6, .featured-box-dark .box-content p { color: #fff !important; font-weight: 400; } a#b-back { color: #06c; } a#b-back:hover { color: #000; } .btn-primary:hover, .pagination > .active > a:hover, body.dark .pagination > .active > a:hover { background-color: #000; border-color: #000 !important; color: #fff; } .btn-success { color: #222 !important; background-color: #9fc; border-color: #9fc; text-shadow: none; } .btn-success:hover, .btn-success:focus, .btn-success.active { color: #9fc !important; background-color: #06c; border-color: #06c; } .btn, .btn-xs, .btn-group-xs > .btn, .btn-lg, .btn-group-lg > .btn { border-radius: 35px; } /* Carousel */ .owl-theme .owl-controls .owl-buttons div { background: #fff; border: 1px solid #ccc; color: #000; border-radius: 0; } /* --------------------------------------------- COOKIES ---------------------------------------------*/ section#cookies { background: #222; padding: 1.5em; } section#cookies p { color: #fff; margin-bottom: 0; font-size: .9em; } section#cookies a { color: #fff; border-bottom: 1px solid #fff; } section#cookies a:hover { text-decoration: none; } section#cookies button.btn-default { color: #fff; background: #222; border-color: #fff; } section#cookies button.btn-default:hover { color: #222; background: #fff; } /* Cookies alert */ #cookies-alert { background: #06c; } #cookies-alert .alert { margin: .75em 0 0; font-size: .8em; line-height: 1.2em; } #cookies-alert .alert-dismissable .close, .alert-dismissible .close { top: 0; } #cookies-alert .alert-dismissable { padding-right: 50px; } #cookies-alert .alert a { border-bottom: 1px solid #06c; } #cookies-alert .alert a:hover { color: #0099e6; border-bottom: 1px solid #0099e6; text-decoration: none; } /* --------------------------------------------- HEADER ---------------------------------------------*/ #header.flat-menu > .container { height: 70px; margin-bottom: -80px; } #header { padding: 0; min-height: 61px; } @media (max-width: 767px) { #header.flat-menu > .container { margin-bottom: 0 !important; } } #header.clean-top .header-top { margin-top: 0; } #header, .dark #header { background: #06c !important; border-top: none; } #header nav ul.nav-main li.dropdown:hover > ul, #header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { background-color: #000 !important; -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.75); } #header nav ul.nav-main li.dropdown:hover > ul li { margin: 0; } .nav > li > a:hover, .nav > li > a:focus { background: #06c; color: #fff; } .dropdown-menu li p { font-size: 1em; line-height: 1.2em; text-align: center; color: #fff !important; padding: 1em; width: 200px; font-weight: 300; border-bottom: 1px solid #06c; margin: 0; } #header nav ul.nav-main li a { color: #fff; } body.sticky-menu-active #header.flat-menu ul.nav-main { margin-top: 0; } #header.flat-menu nav ul.nav-main li a { margin-right: 0; margin-left: 0; } #header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a { color: #fff; text-transform: uppercase; font-size: 1.2rem; letter-spacing: .05em; } #header nav.mega-menu ul.nav-main .mega-menu-signin .dropdown-menu { right: -2px; border-radius: 0; } #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu { border: none; } #header.flat-menu nav ul.nav-main li.active > a { color: #fff !important; background: #06c !important; } #header.flat-menu nav ul.nav-main li.active > a:hover { background: #06c !important; } #header.flat-menu nav ul.nav-main li > a, #header.flat-menu nav ul.nav-main li.active > a { color: #fff; font-weight: 400; padding-top: 30px; transition: all, .5s; } #header.flat-menu nav ul.nav-main li > a:hover, #header.flat-menu nav ul.nav-main li.dropdown:hover a { color: #fff; background-color: #000 !important; } #header .btn-responsive-nav { padding: 0; } #header nav.mega-menu .mega-menu-content { padding: 20px 30px 0; } #header nav.mega-menu ul.nav-main .mega-menu-signin .mega-menu-sub-title { margin-bottom: 0 !important; } #header nav i { font-size: 1.5em; } #header .header-top p { color: #999; line-height: 2em; } #header.flat-menu nav ul.nav-main li > a:focus { background-color: #06c; color: #fff !important; } body.sticky-menu-active #header.clean-top ul.nav-main > li:hover > a { padding-bottom: 15px; } .header-top { min-height: 30px !important; border-bottom: none !important; background: #ededed !important; } .dropdown-menu li a span { font-size: .5em; letter-spacing: .1em; } #header a#headerRecover, #header a#headerRecoverCancel { color: #06c; } #headerAccount .mega-menu-content p { border: none; } #myHUT-mobile { padding-top: 10px; border-top: 1px solid #cce0eb; } #myHUT-mobile div:first-child { float: left; width: 50%; } #myHUT-mobile div:last-child { float: right; width: 50%; } #myHUT-mobile h4 { font-size: 1em; font-weight: 700; color: #06c; line-height: 1.2em; margin: 10px 0 5px 20px; padding-top: 20px; } #myHUT-mobile p { font-size: .9em; margin: 0 20px; padding: 0; color: #06c; text-align: left; border-bottom: none; } #myHUT-mobile p a { background-color: #fff !important; color: #06c !important; } #myHUT-mobile p a:hover { color: #000; } .signin-form p { color: #333 !important; width: 100% !important; } #recuperarForm p { color: #333; } .breadcrumb a { color: #66a3c2; } .breadcrumb > .active { color: #fff; } form label { font-size: 1em; line-height: 1.2em; } /* --------------------------------------------- FOOTER ---------------------------------------------*/ #footer { background: #fff; border-top: none; } #footer h5 { font-weight: 300; } #footer h5 a { color: #646464 !important; } #footer p { font-size: 1em; line-height: 1.2em; color: #777777; } #footer a { font-weight: 300; color: #999 !important; } #footer a:hover { color: #222 !important; text-decoration: none; } #footer ul li ul { list-style-type: none; padding-left: 1em; } #footer ul.list.icons li i { color: #333; } #footer .footer-social { border: 1px solid #e7e7e7; padding: 1.5em; } #footer .footer-social #fb-clubes { width: 100%; } #footer .footer-social .dropdown-menu a:hover { background: #06c; } #footer .footer-social .dropdown-menu { width: 100%; text-align: center; } #footer .footer-social .open > .dropdown-menu { max-height: 240px; overflow: auto; } #footer .footer-social .icons { margin-bottom: 0; } #footer .footer-social .icons a { font-size: 30px; margin-right: 12px; } #footer .footer-social .icons a:hover { color: #0f6; } #footer .footer-social button { color: #222; background-color: #fff; border-color: #646464 !important; } #footer section.highlight.footer { margin: 0; padding: 0; } #footer section.highlight { background: #000 !important; border: none; padding: 20px 0; } #footer .counters strong { font-size: 3em; letter-spacing: .05em; color: #06c; } #footer .counters label { font-size: 1.5em; } #footer.short .footer-copyright { padding-top: .5em; background: transparent; } #footer.short .footer-copyright p a:hover { color: #000 !important; } #footer.short .footer-copyright p img { margin: 1em; } #footer.short.fix { padding-top: 0; } #footer.short.fix2 { padding-top: 0; position: fixed; width: 100%; bottom: 0; left: 0; z-index: 1; } #footer.short.fix p { padding-top: 1em; } @media (max-width: 767px) { #footer.short.fix2 { position: relative; } } .diagonal-img { width: 100%; position: relative; overflow: hidden; } .diagonal-img svg { position: absolute; bottom: 0; left: 0; transform: scale(1.5); } /* --------------------------------------------- ASIDE NAV ---------------------------------------------*/ .sideNav .panel-group .panel-heading a { color: #fff; } .sideNav .panel-group .panel-heading a:hover { background: #fff; color: #06c; } .sideNav #selected { background: #06c; color: #fff; } .sideNav h4 { text-align: center; } .sideNav .panel-group .panel { border-radius: 0; background: #ededed; box-shadow: none; border: 1px solid #fff; } .sideNav ul.nav-list.primary > li { font-weight: 300; } .sideNav ul.nav-list.primary > li a { color: #06c; padding: 5px 20px; } .sideNav ul.nav-list.primary > li a:hover { background: #fff; color: #06c !important; } /* --------------------------------------------- CHAT ---------------------------------------------*/ #chat { display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background: #06c; } .chat { animation-delay: 0; } .chat .body { background-image: none !important; } .chat#fc_frame.fc-widget-normal.h-open-container, .chat#fc_frame.h-open-container { height: 100vh; min-height: unset; max-height: unset; display: flex; align-items: center; justify-content: center; position: relative; } /* --------------------------------------------- MODAL ---------------------------------------------*/ .m-dark .modal-content { background: #222; border: none; border-radius: 20px; } .m-dark .modal-header { border: none; } .m-dark .modal-body { padding: 60px; display: flex; flex-flow: column; justify-content: center; text-align: center; } .m-dark .modal-footer { border: none; text-align: center; } .m-dark .modal-header h4 { color: #fff; } .m-dark .modal-cover { width: 100%; height: 60px; } .m-dark .modal-body .cover img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .m-dark .modal-body h3 { font-size: 38px; line-height: 1.2; color: #fff; text-transform: unset; margin-bottom: 10px; } .m-dark .modal-body p { color: #fff; margin-bottom: 0; } .m-dark .modal-body form input, .m-dark .modal-body form select { -webkit-appearance: none; -moz-appearance: none; color: #fff; background: #222; border: 1px solid #504c4c; border-radius: 4px; } .m-dark .modal-body form input::placeholder { color: #fff; } .m-dark .modal-body form button { border-radius: 35px; } .m-dark button.btn-link { color: #fff; margin-top: 20px; } /* --------------------------------------------- HOME ---------------------------------------------*/ #home .sort-destination.full-width { margin: 0; } #home .sort-destination.full-width { top: 0; } #home .thumb-info .thumb-info-action { background: #06c; border-radius: 100%; width: 80%; height: 80%; margin: 10%; } #home .portfolio-item { background: #ededed; } #home .thumb-info-inner { font-size: 20px; letter-spacing: .05em; } /* cal to action */ #home .home-intro { background: #fff; height: calc(100vh - 536px); } #home .home-intro p { color: #333; font-size: 1.2em; padding: 0; } #home .home-intro a.btn-default { border-color: #000; } #home .home-intro a.btn-default:hover { background-color: #000; color: #fff; } #home #insc { margin-top: 1em; } #home #insc .btn { padding: 1em; font-size: 18px; letter-spacing: .02em; } #home #insc li:first-child .btn { border-top-left-radius: 35px; border-bottom-left-radius: 35px; padding-left: 2em; } #home #insc li:last-child .btn { border-top-right-radius: 35px; border-bottom-right-radius: 35px; padding-right: 2em; } #home #insc li { width: 50%; } #home #insc .btn-default { background: #06c; border: #06c; color: #fff; transition: all .3s; } #home #insc .btn-default:hover { background: #06c; color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); } #home #insc .btn-default.active { background: #000; color: #fff; border-color: #000; box-shadow: none; } #home #insc .btn-default.active:hover { background: #06c; border: #06c; color: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); } #home #main-btns { display: flex; flex-flow: column; justify-content: center; align-items: center; width: 100%; max-width: 600px; margin: auto; padding: 40px 60px; } #home #main-btns h2 { color: #222; font-size: 28px; font-weight: 700; margin-bottom: 10px; letter-spacing: 1px; } #home #main-btns p { font-size: 16px; text-align: center; line-height: 1.5; margin-bottom: 10px; } #home #main-btns .btn { transition: all .3s ease-out; text-transform: uppercase; letter-spacing: 1px; } #home #main-btns .btn:hover { background: #000; transform: scale(1.1); box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 380px) { #home #main-btns { height: 80vh; justify-content: flex-start; padding: 60px; } #home #main-btns h2 { margin-bottom: 20px; } #home #main-btns p { margin-bottom: 40px; } } /* Intro */ #home #intro { box-shadow: 0 0 15px #ededed; } #home #intro h2, #home #intro h4 { color: #42a5f5; text-transform: unset; font-weight: 700 !important; letter-spacing: .5px; margin-top: 30px; } #home #intro a.list-group-item { background: #fff; color: #222; font-weight: 400; } #home #intro a.list-group-item:hover { background: #f5f5f5; } #home #intro #video { background: #fff; padding-bottom: 15px; } #home #intro .featured-box { margin: 0; border: none; } #home #intro .featured-box .box-content { border-top: none; padding: 10px; } #home #intro .featured-box .box-content .list-group { margin-bottom: 0; } #home #aulas { height: 80vh; display: flex; align-items: center; } /* Slider */ #home .tparrows.preview2 { border-radius: 0; } #home .tparrows.preview2:hover { background: #fff; color: #06c; } #home .tparrows.preview2 .tp-arr-titleholder { color: #06c; } #home .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet { padding: 0 1em; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0) !important; width: 50px !important; height: 1px !important; } #home .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { border: 1px solid rgba(0, 0, 0, 0) !important; } #home #nivoSlider .nivoSlider, #home .nivo-slider .theme-default .nivoSlider, #home .nivo-slider .theme-default .nivoSlider img { border-radius: 0; } /* Aulas */ .link-fix { border-bottom: 1px solid #06c; } .link-fix:hover { background-color: #9fc; color: #06c; border-bottom-color: #9fc; text-decoration: none; padding: .5em; } /* Destaque Eventos */ #home section.featured { background: #06c; border: none; padding: 6em 0; } #home section.featured h2, #home section.featured p { color: #fff; } #home section.featured h2, #home section.featured .thumbnail { background: transparent; } #home #eventos.jumbotron .thumbnail { padding: 0; border: none; } #home #eventos.jumbotron ul { margin-top: 3em; } /* Novidades */ #novidades .dia { margin: .5em 0; padding-bottom: .5em; border-bottom: 1px solid #ededed; } #novidades .dia p { font-size: .8em; color: #06c; line-height: 1.2em; margin: 0; padding: 0 10px; } #novidades .dia p span { color: #333; } #novidades .dia p a { border-bottom: 1px solid #06c; } #novidades ul.team-list .team-item { margin: 1em 0; } #novidades .thumbnail { padding: 0; border: none; } #novidades .thumbnail .thumb-info-caption { height: 180px; position: relative; padding: 1em .5em; } #novidades .thumbnail .thumb-info-caption h4 { padding: 0 .5em; margin-bottom: 0; color: #333; } #novidades .thumbnail .thumb-info-caption a:hover { color: #9fc; text-decoration: none; border-bottom: 1px solid #9fc; } /* Social Icons */ .thumb-info-social-icons { color: #06c; position: absolute; bottom: 0; margin: 0 !important; width: 88%; } .thumb-info-social-icons a { background: #ededed; margin-left: .25em; } .thumb-info-social-icons a:hover, #novidades .thumbnail .thumb-info-social-icons a.mais:hover { background: #06c !important; border-bottom: none; } .thumb-info-social-icons a.mais { background: #9fc; } .thumb-info-social-icons a.mais i { color: #06c; } .thumb-info-social-icons a.mais:hover i { color: #9fc; } @media only screen and (max-width: 600px) { #home .home-intro { padding-bottom: 3em; height: unset; } #home #insc li { width: 100%; } #home #insc li:first-child .btn { display: none; } #home #insc.nav-justified > li > a { margin-bottom: 0; } #home #insc.nav-pills > li + li { margin-left: 0; } #home #insc li .btn { width: 80%; margin: 0 auto; } #home #insc li:last-child .btn { border-radius: 35px; } } @media only screen and (min-height: 700px) { #home .home-intro { height: 120px; } } /* --------------------------------------------- SOBRE O HUT - CONCEITO -------------------------------------------------------------------*/ #sobre h5 a { border-bottom: 1px solid #06c; } #sobre h5 a:hover { color: #000; border-bottom-color: #000; text-decoration: none; } #sobre #bottom-links li .product-thumb-info { min-height: 210px; } #sobre #bottom-links .head { text-align: center; padding: 1em; } #sobre #bottom-links .link { text-align: center; display: block; padding: .25em; } #sobre ul.products { padding-left: 0; } /* --------------------------------------------- SOBRE O HUT - PRIMEIROS PASSOS -------------------------------------------------------------------*/ #sobre #passos .owl-controls { margin-top: 0; } #sobre #passos .owl-prev, #sobre #passos .owl-next { border: none; font-size: 14px; color: #06c; border: 1px solid #06c; border-radius: 35px; padding: .2rem 2rem .25rem; transition: .3s; } #sobre #passos .owl-prev:hover, #sobre #passos .owl-next:hover { background: #06c; color: #fff; } #sobre #passos .featured-box { padding: 1em 2em 0 2em; text-align: left; height: auto; } #sobre #passos .featured-box img { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .2)); transform: scale(.95); transition: all, 1s; } #sobre #passos .featured-box img:hover { transform: scale(1); } #sobre #passos .featured-box h3 { color: #06c; margin: .5em 0 .25em; font-size: 22px; line-height: 1.2em; text-transform: inherit; } #sobre #passos .featured-box .col-xs-12.col-sm-4 { min-height: 220px; } #sobre #passos .featured-box p { font-size: 16px; line-height: 1.5em; margin-bottom: .25em; } #sobre #passos .featured-box p.small { font-size: 1.2rem; line-height: 1; } #sobre #passos .featured-box a { color: #06c; text-decoration: underline; transition: all, 1s; } #sobre #passos .featured-box a:hover { color: #000; } /* modal AI */ #modal-ai .modal-header { border-bottom: none; } #modal-ai .modal-body { padding: 3em; } /* --------------------------------------------- SOBRE O HUT - NUTRIÇÃO -------------------------------------------------------------------*/ #noClube #artigos-nutricao .featured-box { position: relative; } #noClube #artigos-nutricao .featured-box a:hover { text-decoration: none !important; } /* #noClube #artigos-nutricao .featured-box .tipo { background: #222; color: #fff; } */ #noClube #artigos-nutricao .featured-box h4 { font-size: 1.25em; margin-bottom: 0; } #noClube #artigos-nutricao .featured-box p { font-size: .8em; line-height: 1.5em; } #noClube #artigos-nutricao .featured-box p.data { margin-bottom: 0; } #noClube #artigos-nutricao iframe[src*="youtube.com"], #noClube #artigos-nutricao iframe[src*="youtu.be"] { width: 100% !important; height: auto !important; } /* --------------------------------------------- SOBRE O HUT = DICIONARIO -------------------------------------------------------------------*/ #sobre .sideNav .panel-group { margin-bottom: 0; } #sobre .embed-responsive { margin-top: 1em; } #sobre .feature-box h4 { font-weight: 300; } #sobre .feature-box p { font-weight: 300; line-height: 1.2em; } #sobre .feature-box .feature-box-icon { background: #06c; } #sobre #termos .icon-featured { font-size: 1em; padding: 0; text-align: center; margin: 0; width: 80px; height: 80px; line-height: 80px; margin-right: .5em; background: #06c; } #sobre section.toggle label { border-left: none; color: #06c; margin-bottom: 0; } #sobre section.toggle label:hover { background: #06c; color: #fff; } #sobre section.toggle.active > label { background: #06c; color: #fff; margin: 0; } #sobre .toggle > label { background: #fff; border-radius: 0; } #sobre .toggle > label i { margin-right: 20px; } #sobre .toggle > label .icon-featured { border: 2px solid #fff; } #sobre .toggle > label i.fa-plus { display: none; } #sobre .toggle > label i.fa-minus { display: none; } #sobre .toggle > .toggle-content { padding: 2em 10em; background: #fff; } #sobre .toggle > .paddingFix { padding: 0; } #sobre .toggle > .toggle-content > p { font-weight: 300; font-size: 1.2em; color: #000; padding: 5px 0; } #sobre #termos .nav-tabs.nav-justified li:first-child a, #sobre #termos .nav-tabs.nav-justified li:first-child a:hover { border-radius: 0; } #sobre #termos .tabs ul.nav-tabs.nav-justified a, #sobre #termos .tabs ul.nav-tabs.nav-justified a:hover, #sobre #termos .tabs ul.nav-tabs.nav-justified a:focus { border-top: none; } #sobre #termos .tabs ul li.active a { color: #06c; } #sobre #termos .tabs ul li a { color: #06c; opacity: .3; } #sobre #termos .tabs ul .active a { opacity: 1; } #sobre #termos .tabs ul li:hover a { opacity: 1; background: #fff; color: #06c !important; } #sobre #termos .tabs ul li a img { margin-bottom: .5em; } #sobre #termos .tab-content { border-radius: 0; padding: 3em 2em; } /* --------------------------------------------- SOBRE O HUT = COMPARAR -------------------------------------------------------------------*/ #sobre .tabelaComparar { text-align: center; font-size: 1em; font-weight: 400; line-height: 1.2em; color: #06c; } #sobre .tabelaComparar td { width: 13%; padding: 1em; } #sobre .tabelaComparar thead { background: #06c; color: #fff; font-size: 1em; text-transform: uppercase; } #sobre .tabelaComparar thead td { background-color: #06c; } #sobre .tabelaComparar tbody td { border-bottom: 1px solid #fff; padding: 1em 0; } #sobre .tabelaComparar tbody td:first-child { width: 35%; background: #fff; text-align: left; padding: 0 1em; border-bottom: 1px solid #ededed; } #sobre .tabelaComparar tbody td:last-child { border-right: 1px solid #fff; } #sobre .tabelaComparar tbody tr:hover { background: #cce0eb !important; } #sobre .featured-box, #sobre .featured-box .box-content { border-radius: 0; } #sobre .featured-box { border: none; background: #fff; margin: 0; height: 500px; } #sobre ul.history > li { background: #fff; display: inline-block; margin: 5px 0; z-index: 2; } #sobre ul.history > li .thumb img { border-radius: 0; width: 100%; height: 100%; margin-top: 1em; } #sobre ul.history > li .featured-box { height: auto; } #sobre ul.history > li .featured-box .box-content { border-top: none; padding: 2em; } #sobre ul.history > li h4 { display: inline-block; } #sobre ul.history > li p { font-weight: 300; margin-left: 0; } #sobre ul.history > li .dropdown-menu { z-index: 1; height: 300px; overflow: auto; } #sobre ul.history > li .dropdown-menu > li { padding: 0 20px; z-index: 1; margin: 0; } /* --------------------------------------------- SOBRE O HUT = PAR-Q #sobre #parq div:first-child a { text-decoration: none; border-bottom: 1px solid #06c; } #sobre #parq .tabela-parq .col-md-8 { padding: 0; } #sobre #parq .tabela-parq table { margin-bottom: 0; } #sobre #parq .tabela-parq table thead td { padding-top: 1em;} #sobre #parq .tabela-parq table thead td:first-child { padding-top: .5em; } #sobre #parq .tabela-parq table td { padding: .5em; text-align: center; } #sobre #parq .tabela-parq table td:first-child { text-align: left; } #sobre #parq .tabela-parq table thead { color: #000; background-color: #fff; } #sobre #parq .tabela-parq table thead td:first-child { font-size: 1.5em; } #sobre #parq .tabela-parq table thead td i { margin-right: .5em; padding-top: 0; font-size: 1.5em; float: left; } #sobre #parq .tabela-parq table tbody td { background:#fff; border-bottom: 1px solid #ededed; } #sobre #parq .tabela-parq table tbody td:first-child { padding-right: 3em; } #sobre #parq .tabela-parq table tbody td p { color: #06c; font-size: 1em; line-height: 1.2em; margin: 0; } #sobre #parq .tabela-parq table tbody td .feature-box-icon i { font-size: 1.5em; } #sobre #parq .tabela-parq table tbody td .feature-box-icon { border-radius: 0; top:0; background-color: #fff; color: #06c; } #sobre #parq .tabela-parq table tbody tr:hover td { background: #CCE0EB !important; } #sobre #parq .tabela-parq table tbody tr:hover:last-child td { background: #fff !important; } #sobre #parq .tabela-parq table tbody #pergunta4 ul { list-style-type: none; padding-left: 1em; } #sobre #parq .tabela-parq table tbody #pergunta4 ul li { color: #06c; padding: .5em 0; line-height: 1.5em; } #sobre #parq .tabela-parq table tbody #pergunta4 ul li input[type="radio"]{ margin-left: 1em; float: right; } #sobre #parq .tabela-parq table tbody #pergunta4 ul li:last-child input[type="radio"] { margin-bottom: 4em; } #sobre #parq .row:last-child p { line-height: 1.2em; } #sobre #parq .b-fix { position: relative; height: 32.5em; } #sobre #parq .b-fix .row.center { position: absolute; bottom: 0; left: 3em; } #sobre #parq .box-content { border: none; padding: 3em; } #sobre #parq .box-content h4 { font-size: 1.1em; line-height: 1.2em; display: block; border-bottom: 1px solid #eee; margin: 0 0 1em; padding-bottom: 1em; letter-spacing: .01em; } #sobre #parq .box-content p { font-size: 1em; font-weight: 300; line-height: 1.2em; text-align: left;} #sobre #parq .box-content ul { text-align: left; padding: 0; font-weight: 300; margin-bottom: 2em; } #sobre #parq .box-content ul li { font-size: 1em; line-height: 1.2em; margin-bottom: 1em; } #sobre #parq .alert h5 { font-size: 1em; line-height:1.2em; margin-bottom: 1em; } #sobre #parq .alert p { color: #8a6d3b; line-height: 1.2em; font-weight: 300; margin-bottom: 1em; } #sobre #par-q .modal-header { background: #06c; color: #fff; text-align: center; border-bottom: none; } #sobre #par-q .modal-footer { border-top: none; padding-top: 0; } #sobre #par-q .featured-box { height: inherit; margin-bottom: 1em; } #sobre #par-q .featured-box .box-content { padding: 1em; border:1px solid #ededed; } #sobre #parqResult section { padding: 3em; background: #06c; text-align: center; margin-bottom: 1em; } #sobre #parqResult section h4 { color:#fff; display: inline-block; width: 100%; letter-spacing: .05em; } #sobre #parqResult section h2 { color:#fff; display: block; border: 1px solid #fff; padding: 1em; letter-spacing: .01em; margin: 0 1em; } #sobre #parqResult section p { color: #fff; } #sobre #parqResult h5 { text-align: center; } #sobre #parqResult p { line-height: 1.2em; } #sobre #parqResult .feature-box { margin: 0 0 .5em; border: 3px solid #fff; padding: 1em; min-height: 10em; } #sobre #parqResult .feature-box .feature-box-icon { background: transparent; } #sobre #parqResult .feature-box .feature-box-info h4 { text-align: left; margin-bottom: .5em; color: #06c; background: #ededed; } #sobre #parqResult .feature-box .feature-box-info p { padding: 0; } #sobre #parqResult .feature-box input[type="email"] { display: inline-block; width: 100%; height: 30px; padding: 0 12px; } #sobre #parqResult .feature-box .row { margin-left:0; margin-right:0; } -------------------------------------------------------------------*/ /* --------------------------------------------- LISTA DE CLUBES -------------------------------------------------*/ #clubList .thumb-info:hover .thumb-info-action { opacity: 0; } #clubList .thumb-info-title .thumb-info-type hr { margin: 0 .25em .25em; background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 1), transparent); } #clubList .thumb-info .thumb-info-title { padding: 1em 0; } #clubList .thumb-info .thumb-info-inner { font-size: .8em; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; } #clubList .thumb-info .thumb-info-inner img { margin-bottom: .5em; width: 30%; display: inline-block; } #clubList ul li h2 { margin-right: 50px; } #clubList ul.portfolio-list { margin-bottom: 5em; } #clubList .portfolio-item.img-thumbnail { padding: 0; } #clubList .thumb-info .thumb-info-type { padding: 1em; padding-top: 0; font-size: .6em; letter-spacing: .02em; text-transform: uppercase; } #clubList .thumb-info .thumb-info-type .row { margin-bottom: .15em; } #clubList .thumb-info .thumb-info-action { background: transparent; } /* --------------------------------------------- CLUBE -------------------------------------------------------------------*/ /* #clube .thumb-info:hover .thumb-info-action { opacity: 0; } #clube #header #club-nav h2 { font-size: 1.5em; color: #fff; line-height: 1em; margin-top: .5em; margin-bottom: 0; text-transform: uppercase; } #clube #header #club-nav p { color: #9fc; font-size: 1em; margin: 0; line-height: 1em; } #clube #header #club-nav ul.nav li a, #clube #header #club-nav ul.nav li a:hover, #clube #header #club-nav ul.nav li a:focus { min-height: 66px; } #clube #header #club-nav ul.nav li { padding:0;} #clube #header #club-nav ul.nav li a h5 { color: #fff; font-size: .8em; line-height: 1em; font-weight: 200; margin-bottom: 0; } #clube #header #club-nav ul.nav li a i.fa { color:#fff; } #clube #header #club-nav ul.nav li a:hover i.fa { background-color: #000; } #clube #header #club-nav .nav-pills > li.active a, #clube #header #club-nav .nav-pills > li.active a i.fa { background: #000; color: #fff; } #clube #header #club-nav .nav-pills > li.active a, #clube #header #club-nav .nav-pills > li.active a i.fa:hover { background: #000; color: #fff; } #clube #header #club-nav .nav-pills > li.active a, #clube #header #club-nav .nav-pills > li.active a h5 { color: #fff; } #clube #header #club-nav .nav-pills > li.active a, #clube #header #club-nav .nav-pills > li.active a h5:hover { color: #06c; } #clube #header #club-nav .nav-pills > li a:hover, #clube #header #club-nav .nav-pills > li a:hover i, #clube #header #club-nav .nav-pills > li a:hover h5 { background: #000; color:#fff !important;} */ /* CLUBE NAV */ #clube #club-nav .nav { width: 100%; display: flex; align-items: flex-start; } #clube #club-nav h1 { font-size: 20px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #fff; margin: 0; } #clube #club-nav h2 { font-size: 20px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; color: #fff; margin: 0; } #clube #club-nav .nav li { width: 20%; } #clube #club-nav .nav a { color: #fff; height: 72px; } #clube #club-nav .nav a i { font-size: 20px; margin-bottom: 10px; } #clube #club-nav .nav a h5 { font-size: 12px; color: #fff; line-height: 1; letter-spacing: .5px; margin: 0; } #clube #club-nav .nav a:hover, #clube #club-nav .nav li.active a { background: #000; color: #fff; } #clube #club-nav .nav li.active a i { color: #fff; } /* responsive */ @media only screen and (max-device-width: 768px) { #clube #club-nav h2 { margin: 20px 0; text-align: center; } #clube #club-nav .nav { flex-wrap: wrap; justify-content: space-around; } #clube #club-nav .nav li { width: 24%; } } #clube .tab-content { border-radius: 0; box-shadow: none; background-color: transparent; border: none; padding: 0; } /* dropdown novo sócio? */ #clube .dropdown button { text-decoration: none; } #clube .dropdown button:hover { text-decoration: none; color: #fff; } #clube #inscricao .dropdown .dropdown-menu li { padding: .5em; } /* slideshow */ #clube .nivo-slider .theme-default .nivoSlider { border-radius: 0; margin-bottom: 0; } #clube .nivo-slider .theme-default .nivoSlider img { border-radius: 0; } /* inscrição */ #clube #inscricao { background: #9fc; padding: 0; width: 100%; } #clube #inscricao h4 { font-size: 1.5em; color: #06c; margin-top: .3em; } /* carrousel */ #clube .portfolio-item.img-thumbnail { padding: 0; border: none; background: #fff; } #clube #PTs-carousel .thumb-info img { padding: 10%; } #clube #PTs-carousel .thumb-info .thumb-info-inner { color: #06c; } #clube #PTs-carousel .thumb-info-title { opacity: 0; background-color: transparent; top: 40%; } #clube #PTs-carousel a:hover { text-decoration: none; } /* cursos */ #clube #cursos ul.products { padding-left: 0; } #clube #cursos .product { margin-bottom: 2em; list-style-type: none; } #clube #cursos .product .product-thumb-info { min-height: 390px; } /* info */ #clube #clube-info { background: #000; padding: 2em 0; } #clube #clube-info h3 { margin-bottom: .5em; color: #9fc; } #clube #clube-info ul { list-style-type: none; padding: 0; } #clube #clube-info li { color: #ccc; } #clube #clube-info li span { color: #9fc; } #clube #clube-info li a { color: #ccc; border-bottom: 1px solid #ccc; } #clube #clube-info li a:hover { color: #fff; text-decoration: none; border-bottom-color: #fff; } #clube #clube-info .panel-group .panel, #clube #clube-info .panel-group .panel-heading { border-radius: 0; } #clube #clube-info .panel-body li { color: #222; margin-bottom: 1em; } #clube #clube-info .panel-body li a { color: #222; } #clube #clube-info .panel-body li a:hover { color: #06c; } #clube #clube-info #accordion #collapse1Four p { line-height: 1.2em; } #clube #clube-info #accordion #collapse1Four p small { line-height: .8em; } #clube #mapa iframe { filter: grayscale(1); height: 360px; } /* modal PT */ #clube .modal#info-pt .modal-header { border-bottom: none; } #clube .modal#info-pt h2 { padding: 0; } #clube .modal#info-pt .pt-card { background-color: #06c; padding: 1em; border-radius: .5em; } #clube .modal#info-pt .pt-card img { padding-left: 1em; padding-top: 1em; } #clube .modal#info-pt .pt-card h3 { color: #fff; } #clube .modal#info-pt .pt-card h4 { color: #9fc; font-weight: 300; } /* --------------------------------------------- CLUBES - PRE-SALE -------------------------------------------------------------------*/ #clube #intro dt { color: #06c; padding-top: .5em; font-size: 1.5em; line-height: 1.2em; font-weight: 200; text-transform: uppercase; } #clube #intro dt:first-child { padding: 0; } #clube #vantagens ul li { font-size: 1.2em; } #clube #vantagens #jan17 .pricing-table .plan .tipo { background-color: #ff3; } #clube #vantagens #jan17 .pricing-table .plan { background-color: #ff3; border: none; padding: 1em; } #clube #vantagens #jan17 .pricing-table .plan h2 { color: #c36; } #clube #vantagens #jan17 .pricing-table .plan h3 { color: #c36; } #clube #vantagens #jan17 .pricing-table .plan p small { color: #c36; } #clube #vantagens #jan17 .pricing-table .plan .valor-inicial { border-bottom-color: #c36; border-top: 1px solid #c36; } #clube #vantagens #jan17 .pricing-table .plan.most-popular { background-color: #c36; } #clube #vantagens #jan17 .pricing-table .plan.most-popular .tipo { background-color: #c36; } #clube #vantagens #jan17 .pricing-table .plan.most-popular h3 { color: #ff3; } #clube #vantagens #jan17 .pricing-table .plan.most-popular .valor-inicial { background-color: #c36; border-top: 1px solid #ff3; border-bottom: 1px solid #ff3; } #clube #vantagens #jan17 .pricing-table .plan.most-popular .valor-semanal { background-color: #c36; } #clube #vantagens #jan17 .pricing-table .plan.most-popular h2 { color: #ff3; font-weight: bold; font-size: 2.5em; } #clube #vantagens #jan17 .pricing-table .plan.most-popular h3 { color: #ff3; font-size: 1.75em; font-weight: bold; } #clube #vantagens #jan17 .pricing-table .plan.most-popular p small { color: #ff3; font-weight: bold; } #clube #vantagens #jan17.abr17 .pricing-table .plan.most-popular { background-color: #d9c832; border: none; } #clube #vantagens #jan17.abr17 .pricing-table .plan.most-popular .tipo { background-color: #d9c832; } #clube #vantagens #jan17.abr17 .pricing-table .plan.most-popular h3 { color: #fff; } #clube #vantagens #jan17.abr17 .pricing-table .plan.most-popular .valor-inicial { background-color: #d9c832; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } #clube #vantagens #jan17.abr17 .pricing-table .plan.most-popular p small { color: #fff; } #clube #vantagens #jan17.abr17 .pricing-table .plan.most-popular h2 { color: #fff; } #clube #vantagens #jan17.abr17 .pricing-table .plan.most-popular .valor-semanal { background-color: #d9c832; } #clube #vantagens #jan17.abr17 .pricing-table .plan { background-color: #fff; border: 1px solid #06c; } #clube #vantagens #jan17.abr17 .pricing-table .plan .tipo { background-color: #fff; } #clube #vantagens #jan17.abr17 .pricing-table .plan h3 { color: #06c; } #clube #vantagens #jan17.abr17 .pricing-table .plan .valor-inicial { border-bottom-color: #06c; border-top: 1px solid #06c; } #clube #vantagens #jan17.abr17 .pricing-table .plan p small { color: #06c; } #clube #vantagens #jan17.abr17 .pricing-table .plan h2 { color: #06c; } #clube .pricing-table .plan { margin: .25em; padding: 0; text-shadow: none; } #clube .pricing-table .plan p small { color: #999; text-transform: uppercase; font-size: .8em; } #clube .pricing-table .plan h3 { font-size: 1em; line-height: 1.2em; padding: 0; margin: 0; background-color: inherit; text-shadow: none; } #clube .pricing-table .plan h2 { margin-bottom: 0; } #clube .pricing-table .plan .tipo { background-color: #fff; padding: 1em 0; } #clube .pricing-table .plan .valor-inicial { padding: 1em 0; } #clube .pricing-table .plan .valor-semanal { padding: 1em 0; } #clube .pricing-table .plan.most-popular .plan-ribbon { font-size: .8em; } #clube .pricing-table .plan.most-popular .tipo { background-color: #06c; } #clube .pricing-table .plan.most-popular .tipo p small { color: #9fc; } #clube .pricing-table .plan.most-popular .valor-inicial { background: #06c; } #clube .pricing-table .plan.most-popular .valor-inicial p small { color: #9fc; } #clube .pricing-table .plan.most-popular .valor-inicial h2 { color: #fff; } #clube .pricing-table .plan.most-popular .valor-inicial p strike { color: #9fc; } #clube .pricing-table .plan.most-popular .valor-semanal { background: #06c; } #clube .pricing-table .plan.most-popular .valor-semanal p small { color: #9fc; } #clube .pricing-table .plan.most-popular .valor-semanal h2 { color: #fff; } #clube .pricing-table .plan.most-popular .valor-semanal p strike { color: #9fc; } #clube #destaques .featured-box { border: 1px solid #ececec; border-radius: 0; } #clube #destaques .featured-box .box-content { border: none; height: 200px; } #clube #destaques .featured-box .box-content h4 { font-size: 1.5em; } #clube #destaques .featured-box:hover { border: 1px solid #06c; background-color: #06c; } #clube #destaques .featured-box:hover .box-content h4, #clube #destaques .featured-box:hover .box-content p { color: #fff; } .pricing-table .plan-ribbon { background-image: none; background-image: none; background-color: #9fc; } /* --------------------------------------------- AULAS -------------------------------------------------------------------*/ /* aula detalhe */ #info-aula .tab-content { padding: 3em; background: transparent; box-shadow: none; } #info-aula .left-col { background: #fff; padding: 1em; } /* aula detalhe v2 */ #aula mark { background-color: #06c; color: #fff; } #aula .aula-intro { position: relative; bottom: -20em; } #aula .highlights-box { margin-top: 20em; margin-bottom: 0; } #aula .highlights-box li.list-group-item { background: #06c; padding: 2em 1em .25em; margin-bottom: .1em; border: none; border-radius: 0; } #aula .highlights-box li.list-group-item h3 { color: #fff; font-size: 1.25em; } #aula .highlights-box li.list-group-item h3 > i { color: #9fc; margin-right: .5em; } #aula .highlights-box li.list-group-item p { color: #fff; line-height: 1.2em; } #aula .highlights-box.second { margin-top: 0; } #aula .highlights-box.second li.list-group-item:first-child { background: #fff; } #aula .highlights-box.second li.list-group-item:first-child h3 { color: #06c; } #aula .aula-video { top: -1.4em; } #aula .img-fix { margin-top: -1.5em; } #aula .aula-footer { min-height: 10em; margin-bottom: 10em; } #aula #mapa-aulas.dropdown-menu { max-height: 20em; overflow: auto; } #aula #aula-graficos { border-color: #06c !important; } #aula #aula-graficos .progress-bars .progress-label p { color: #fff; } #aula #aula-graficos .progress-bars .progress { background-color: #333; } #aula #aula-graficos .progress-bars .progress-bar-primary { background-color: #9fc; } #aula h4.lead { color: #000; } /* Cross Moves */ #aula #destaque #head { background: #9fc; } #aula #destaque #head h3 { color: #06c; } #aula #destaque li { padding: 2em 5em; } #aula #destaque h3 { color: #9fc; font-size: 1.5em; } #aula #destaque p { font-size: 1.2em; line-height: 1.5em; margin-bottom: .5em; text-transform: uppercase; margin-bottom: 1em; } /* HIIT zone */ #aula #video-header { width: 100%; overflow: hidden; } #aula #video-header .grid { display: grid; grid-template-columns: 2fr 1fr; } #aula #video-header video { width: 100%; margin: 20px; } #aula #video-header .grid > div { background-color: #222; } #aula #video-header .grid > div:last-of-type { background: #222; padding: 60px; display: flex; flex-flow: column; align-items: center; justify-content: center; } #aula #video-header .grid > div:last-of-type h3 { color: #fff; } #aula #video-header .grid > div:last-of-type p { color: #ccc; letter-spacing: .5px; } @media only screen and (max-width: 768px) { #aula #video-header .grid { grid-template-columns: 1fr; } #aula #video-header video { margin: 0; height: 40vh; object-fit: cover; } } /* v-class */ #aula .nivo-slider .theme-default .nivoSlider { border-radius: 0; } #aula .nivo-slider .theme-default .nivoSlider img { border-radius: 0; } #aula ul.products { padding-left: 0; } #aula ul.products li.product { margin-bottom: 1.5em; list-style-type: none; } #aula .product-thumb-info { border: none; border-bottom: none; border-radius: 0; } #aula .product-thumb-info img { border-radius: 1em; } #aula .product-thumb-info .product-thumb-info-image:before { border-radius: 1em; background: #06c; } #aula .modal-header { border-bottom: none; } #aula .modal-body { padding: 1em 0; } #aula .modal-body p { margin: 0 3em 3em; } /* Sprint - master classes */ #aula section#aula-destaque { background-color: #222; padding: 1em; } #aula section#aula-destaque h2 { color: #fff; font-size: 1.5em; margin-bottom: .25em; line-height: 1.2em; } #aula section#aula-destaque p { color: #fff; font-weight: 300; font-size: .8em; line-height: 1.2em; margin-bottom: .5em; } #aula section#aula-destaque a { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; } #aula section#aula-destaque a:hover { background-color: #fff; color: #222; } #aula section#aula-destaque .list-group { margin-bottom: .5em; } #aula section#aula-destaque .list-group-item { border-radius: 0; color: #222; font-size: 1.25em; padding: 5px; } #aula #wod .blue-box { background-color: #222; } #aula #wod .blue-box h2 { margin-bottom: 0; font-weight: bold; letter-spacing: .01em; } #aula #wod .blue-box h4 { text-transform: uppercase; color: #9fc; margin-bottom: 0; } #aula #wod .blue-box ul { margin-bottom: 1.5em; } #aula #wod .blue-box ul li { color: #fff; font-weight: 300; } #aula #wod .blue-box p.small { text-transform: uppercase; letter-spacing: .02em; } #aula #wod .panel-group .accordion-body h4 { color: #06c; text-transform: uppercase; font-size: 1em; margin-bottom: 0; } /* classes */ #classes #intro { padding: 2em 0 4em; background: #faf7f2; position: relative; } #classes #intro h1 { font-weight: 700; font-family: 'Work Sans', sans-serif; color: #000; margin-bottom: 2rem; margin-top: 4rem; font-size: 30px; letter-spacing: 1px; } #classes #class-category, #classes #class-list { margin-top: 2em; margin-bottom: 10em; } #classes #class-category { margin-top: 6em; } #classes #class-category .card { background: #fff; border-radius: .5em; overflow: hidden; margin-right: 1em; margin-bottom: 2em; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10); } #classes #class-category .card:last-of-type { margin-right: 0; } #classes #class-category .card .card-body { padding: 2em 1em; } #classes #class-category .card p { font-size: 1.4rem; line-height: 1.3; margin-bottom: .5em; } #classes #class-category .card h3 { font-size: 1em; font-weight: 700; color: #000; } #classes #class-category .card a { color: #06c; font-size: 13px; text-transform: uppercase; } #classes #class-list h2 { color: #000; text-align: center; font-family: 'Work Sans', sans-serif; font-weight: 700; margin-top: 3em; margin-bottom: .2em; font-size: 30px; letter-spacing: .5px; } #classes #class-list h3 { text-align: right; padding-bottom: .5em; display: block; border-bottom: 1px solid #ddd; z-index: 1; margin: 1em 0; } #classes #class-list p { text-align: center; margin-bottom: 1em; } #classes #class-list .class-item { margin-bottom: 1em; } #classes #class-list .class-item a { color: #06c; line-height: 1.2; text-align: center; display: block; transition: all .3s ease-out; } #classes #class-list .class-item a:hover { transform: scale(1.05); text-decoration: none; } #classes #timetable { width: 100%; background: #06c; padding: 1em; color: #fff; position: fixed; bottom: 0; left: 0; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3); z-index: 1; } #classes #timetable p { color: #fff; font-size: 13px; line-height: 1.3; margin-bottom: 1em; } #classes #timetable h2 { color: #fff; font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: .2em; letter-spacing: .5px; } #classes #timetable .form-group { margin: 0; } #classes #timetable select { font-size: 16px; } @media only screen and (min-width: 768px) { #classes #intro { padding: 4em 0; } #classes #intro h1 { font-size: 40px; } #classes #timetable { width: 210px; bottom: unset; top: 50%; transform: translateY(-50%); padding: 30px; } #classes #timetable select { font-size: 13px; } } #classes .dropdown-menu { max-height: 30vh; overflow: scroll; } /* --------------------------------------------- TREINAR = GINÁSIO -------------------------------------------------------------------*/ #noClube h2 { font-size: 1.5em; padding: 0; letter-spacing: 0.01em; } #noClube .tabs ul.nav-tabs li.active a { border-top-color: #fff; } #noClube #clubeAside div { border: 3px solid #fff; padding: 1em 2em; margin-bottom: 1em; text-align: center; } #noClube #clubeAside div:first-child { border-right: none; } #noClube #clubeAside h4 { margin-bottom: 0; } #noClube #clubeAside p { font-size: 1em; line-height: 1.2em; font-weight: 300; } #noClube #clubeAside a { display: inline-block; background: #fff; width: 100%; padding: .5em 0; text-align: center; position: relative; } #noClube #clubeAside a:hover { text-decoration: none; background: #06c; color: #fff; } #noClube #clubeAside a i { position: absolute; top: 22%; right: .5em; font-size: 1.5em; color: #ededed; } #noClube #clubeAside a:hover i { color: #fff; } #noClube #clube-acordiao .portfolio-item { border: none; } #noClube .featured-box .nav-pills li { line-height: 1em; } #noClube .featured-box .nav-pills > li > a, #noClube .featured-box .nav-pills > li > a:hover { padding: 5px; } #noClube .featured-box p.lead { margin-bottom: 0; } #noClube .featured-box hr.short { margin: 1em; } #noClube section.blue-box { background-color: #06c; } #noClube #modal-dinamicas .modal-body .thumbnail { border: none; } #noClube #modal-dinamicas .modal-body .thumb-info-caption p { font-size: 1em; margin: 0; } #noClube #modal-dinamicas .modal-body .thumb-info-caption hr { margin: 0; } #noClube #modal-dinamicas .modal-body .thumb-info-caption p.hora { color: #06c; } /* --------------------------------------------- TREINAR = AULAS -------------------------------------------------------------------*/ #noClube #clube-acordiao .panel-secundary { background-color: #06c; } #noClube #clube-acordiao .panel-secundary a { color: #9fc; } #noClube #clube-acordiao .panel-secundary .accordion-body { padding: 5em; } #noClube #clube-acordiao .panel-default #v-class { padding: 5em; } #noClube ul#bottom-links { margin: 0; padding: 0; } #noClube #mapa-aulas h4, #noClube #mapa-aulas p { color: #fff; } /* --------------------------------------------- TREINAR = PTS -------------------------------------------------------------------*/ #noClube #lista-pts .img-thumbnail { background-color: transparent; border: none; } #noClube #lista-pts .img-thumbnail img { padding: 1em; } #noClube #lista-pts h4.lead { font-size: 1em; font-weight: 400; margin-bottom: 0; text-transform: uppercase; } #noClube #lista-pts p { font-size: .8em; color: #666; font-weight: 300; line-height: 1.2em; text-transform: uppercase; text-align: center; margin-top: 0; } #noClube .featured-box { margin-top: 0; border-radius: 0; border: none; } #noClube .featured-box .box-content { border: none; border-radius: 0; padding: 1em 3em; } #noClube #info-pt .modal-body { padding: 3em; } .white-popup { position: relative; background: #fff; padding: 3em; width: auto; max-width: 700px; margin: 20px auto; } .white-popup h4 { margin-bottom: .25em; } .white-popup p { font-size: 1em; line-height: 1.2em; } .white-popup ul { padding-left: 1em; } .white-popup ul li { font-size: 1em; line-height: 1.2em; margin: 0; } /* progress bar */ #noClube #aulas .tab-content .tab-pane .progress-bars { border: 2px solid #ededed; padding: 1.5em; border-radius: .5em; } #noClube #aulas .tab-content .tab-pane .progress-bar-primary { background: #cce0eb; } #noClube #aulas .tab-content .tab-pane .progress { margin-bottom: 10px; height: 15px; } #noClube #aulas .tab-content .tab-pane .progress-label { font-size: .8em; text-transform: uppercase; color: #06c; } /* PT's detalhe */ #noClube #info-pt .tab-content { padding: 1.5em; } #noClube #info-pt .tab-content .tab-pane h2 { padding: 0; } #noClube #info-pt .tab-content .tab-pane .table-responsive h5 { margin-bottom: 0; } #noClube #info-pt .tab-content .tab-pane .table-responsive tr > td { padding: .25em; } #noClube #info-pt .tab-content .tab-pane .table-responsive tr > td:first-child { color: #06c; } /* modal */ #noClube .modal#info-pt .modal-header { border-bottom: none; } #noClube .modal#info-pt h2 { padding: 0; } #noClube .modal#info-pt .pt-card { padding: 1em; border-radius: 0; } #noClube .modal#info-pt .pt-card img { padding-left: 1em; padding-top: 1em; margin-bottom: 1em; } #noClube .modal#info-pt .pt-card h3 { color: #000; margin-bottom: .5em; } #noClube .modal#info-pt .pt-card h4 { font-size: 1em; color: #999; font-weight: 300; text-transform: uppercase; line-height: 1.2em; } #noClube .modal#info-pt .pt-card h4.lead.short { margin-top: 5em; } #noClube .modal#info-pt .pt-card .list-group-item { background: #9fc; border: 1px solid #fff; } #noClube .modal#info-pt ul.products { padding: 0; } #noClube .modal#info-pt .icon-featured { font-size: 30px; background-color: #06c; border: 1px solid #fff; line-height: 60px; margin: 15px 0; width: 60px; height: 60px; margin: .2em; } /* --------------------------------------------- TREINAR = NUTRIHUT -------------------------------------------------------------------*/ #noClube #nutri-faqs .panel { box-shadow: none; text-align: center; } #noClube #nutri-faqs .panel-default { border: none; } #noClube #nutri-faqs .panel-default > .panel-heading { background-color: #ededed; } #noClube #nutri-faqs .panel-group .panel-heading a { text-transform: uppercase; font-size: 2em; } #noClube #nutri-faqs .accordion-body { background-color: #ededed; } #noClube #nutri-faqs .accordion-body p { line-height: 2em; } #noClube #nutri-faqs p { margin-bottom: .5em; } #noClube #artigos-nutricao article.post-large { margin-left: 0; } #noClube #artigos-nutricao .post-content h3 { line-height: 1.5em; margin-bottom: 0; } #noClube #artigos-nutricao .intro p, #noClube #artigos-nutricao .intro ul li, #noClube #artigos-nutricao .preparar ol li, #noClube #artigos-nutricao .preparar p { font-size: 1.5em; line-height: 1.5em; } #noClube #artigos-nutricao .info-nutricional { background: #fff; padding: 1em; } #noClube #artigos-nutricao .info-nutricional p { margin-bottom: 0; } /* --------------------------------------------- TREINAR = NUTRIHUT V2 -------------------------------------------------------------------*/ #noClube.nutri { background: #fff !important; } #noClube #nutrihut aside.sidebar .nav-list.primary > li a { padding: 3px 20px; } #noClube #nutrihut header#header { background-color: #fff !important; box-shadow: none; } #noClube #nutrihut section#hut-logo { z-index: 1000; position: fixed; top: 0; left: 0; } #noClube #nutrihut section#nutri-logo { z-index: 1000; position: fixed; top: 0; right: 0; } #noClube #nutrihut .main { margin-top: 1em; } #noClube #nutrihut aside .box { border: 1px solid #e8ffc8; padding: 1em; background-color: #e8ffc8; } #noClube #nutrihut aside .box h4 { color: #222; font-weight: 600 !important; line-height: 1.2em; margin-bottom: 0; } #noClube #nutrihut aside .box p { color: #222; line-height: 1.2em; margin-bottom: .5em; } #noClube #nutrihut i.fa { color: #222; } #noClube #nutrihut .sidebar { width: 165px; position: fixed; z-index: 1; top: 130px; left: 150px; overflow-x: hidden; padding: 8px 0; } #noClube #nutrihut .btn-responsive-nav { background-color: #fff; color: #222; top: 40px !important; left: 15px; z-index: 3000; } #noClube #nutrihut .nav > li > a:hover, #noClube #nutrihut .nav > li > a:focus { background: #99cc33; } #noClube #nutrihut h1 { font-size: 2em; color: #222; line-height: 1.25em; font-weight: 400; margin-bottom: 0; } #noClube #nutrihut h2 { font-size: 1.5em; color: #222; line-height: 1.2em; font-weight: 400; } #noClube #nutrihut h3 { font-size: 1.2em; color: #222; line-height: 1.2em; font-weight: 400; margin-bottom: 0; text-transform: none; } #noClube #nutrihut h4 { color: #222; font-weight: bold !important; } #noClube #nutrihut h6 { line-height: 1.5em; } #noClube #nutrihut p.lead { font-weight: 300; color: #222; } #noClube #nutrihut p { font-weight: 300; color: #777; letter-spacing: .01em; } #noClube #nutrihut .btn-primary, #noClube .modal.nutrihut .btn-primary { background-color: #f63; border-color: #f63 !important; } #noClube #nutrihut .btn-primary:hover, #noClube #nutrihut .btn-primary:focus, #noClube .modal.nutrihut .btn-primary:hover, #noClube .modal.nutrihut .btn-primary:focus { background-color: #222; border-color: #fff !important; color: #fff; } #noClube #nutrihut a.btn-link { letter-spacing: .05em; text-transform: uppercase; padding-left: 0; } #noClube #nutrihut a.btn-link i { color: #06c; } #noClube #nutrihut .two-column { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; text-align: justify; } #noClube #nutrihut .theme-default .nivoSlider { border-radius: 0; } #noClube #nutrihut .theme-default .nivoSlider img { border-radius: 0; } #noClube #nutrihut form { border: 1px solid #ededed; padding: 2em; } #noClube #nutrihut form.filtros { border: 0; padding: 0; margin-bottom: 1em; } #noClube #nutrihut form .checkbox label { font-weight: 300; } #noClube #nutrihut form p { line-height: 1.2em; } #noClube #nutrihut .dark { background-color: #222; } #noClube #nutrihut .dark h1, #noClube #nutrihut .dark p.lead { color: #fff; } #noClube #nutrihut .dark p { color: #999; } #noClube #nutrihut .card { border: 1px solid #ededed; padding: 1em; } #noClube #nutrihut .isotope-item .featured-box { border: 1px solid #ededed; height: 420px; position: relative; -webkit-box-shadow: 0px 10px 25px 0px rgba(204, 204, 204, 0.5); -moz-box-shadow: 0px 10px 25px 0px rgba(204, 204, 204, 0.5); box-shadow: 0px 10px 25px 0px rgba(204, 204, 204, 0.5); } #noClube #nutrihut .isotope-item .featured-box:hover { -webkit-box-shadow: 0px 10px 25px 0px rgba(204, 204, 204, 1); -moz-box-shadow: 0px 10px 25px 0px rgba(204, 204, 204, 1); box-shadow: 0px 10px 25px 0px rgba(204, 204, 204, 1); } #noClube #nutrihut #parceiros-nutruicao .isotope-item.parceiro .featured-box { height: inherit; } #noClube #nutrihut #parceiros-nutruicao .isotope-item.parceiro .box-content { padding: 1em; } #noClube #nutrihut #parceiros-nutruicao .isotope-item.parceiro .box-content a:hover { text-decoration: none; } #noClube #nutrihut #parceiros-nutruicao #parceiros-nutrihut .isotope-item .featured-box { min-height: 235px; } #noClube #nutrihut .isotope-item .box-content { padding: 1em 2em; } #noClube #nutrihut .isotope-item h4 { color: #222; text-transform: none; font-weight: 400 !important; line-height: 1.2em; letter-spacing: 0; margin-bottom: 0; } #noClube #nutrihut .isotope-item p { font-size: 1em; margin-bottom: 0; } #noClube #nutrihut .isotope-item p.data { margin-bottom: 1em; padding: 0; } #noClube #nutrihut .isotope-item p.data .label-info { color: #5bc0de; background: #fff; } #noClube #nutrihut .isotope-item a.thumb-info { border: 1px solid #ededed; background-color: #fff; } #noClube #nutrihut .isotope-item a:hover { text-decoration: none; } #noClube #nutrihut .thumbnail img { height: 180px; } #noClube #nutrihut .thumbnail a.thumb-info { border: none; } #noClube #nutrihut #planos .nav-tabs li a { color: #999; padding-bottom: 1em; border-top-color: #f4f4f4; } #noClube #nutrihut #planos .nav-tabs li a:hover { border-top-color: #222; } #noClube #nutrihut #planos .nav-tabs li.active a { border-top-color: #222; color: #222; } #noClube #nutrihut #planos .nav-tabs li a:hover, #noClube #nutrihut #planos .nav-tabs li a:focus { color: #fff; background: #222; } #noClube #nutrihut #planos.list-group .list-group-item.active { border-color: #fff; background-color: #222; } #noClube #nutrihut #planos.list-group .list-group-item h3 { color: #999; font-size: 1.2em; text-transform: uppercase; } #noClube #nutrihut #planos.list-group .list-group-item.active h3 { color: #fff; } #noClube #nutrihut #planos.list-group .list-group-item p { font-size: 1.2em; line-height: 1em; } #noClube #nutrihut #planos.list-group .list-group-item.active p { color: #fff; } #noClube #nutrihut #planos.list-group .list-group-item i { color: #999; } #noClube #nutrihut #planos.list-group .list-group-item.active i { color: #fff; } #noClube #nutrihut #planos.list-group .list-group-item.join { background-color: #f63; } #noClube #nutrihut #planos.list-group .list-group-item.join h3 { color: #fff; } #noClube #nutrihut #planos.list-group .list-group-item.join h3 small { font-size: 85%; color: #fff; } #noClube #nutrihut #planos.list-group .list-group-item.join p { color: #fff; } #noClube #nutrihut #planos.list-group .list-group-item.join i { color: #fff; } #noClube #nutrihut #planos .well { background-color: #fff; color: #222; } #noClube #nutrihut #planos .well a { color: #222; text-decoration: none; border-bottom: 1px solid #222; padding-bottom: .1em; } #noClube #nutrihut #planos .well a:hover { color: #06c; border-color: #06c; } #noClube #nutrihut #planos .well ul li { margin-bottom: .5em; } #noClube #nutrihut #planos .panel-group .panel-default > .panel-heading { background-color: #222; color: #fff; } #noClube #nutrihut #planos .panel-group .panel-heading a { color: #fff; } #noClube #nutrihut .alert.alert-info { background-color: #222; border-color: #222; } #noClube #nutrihut .alert.alert-info h4, #noClube #nutrihut .alert.alert-info p { color: #fff; } #noClube .modal.nutrihut .modal-header { background-color: #222; } #noClube .modal.nutrihut .modal-header h4 { color: #fff; } #noClube .modal.nutrihut h2 { color: #222; font-weight: bold; line-height: 1.5em; margin-bottom: 1em; } #noClube .modal.nutrihut h3 { color: #333; margin-bottom: .3em; text-transform: inherit; line-height: 1.2em; } #noClube .modal.nutrihut h3.inverted { background-color: #222; color: #fff; line-height: 1.5em; padding: 1em; } #noClube .modal.nutrihut .well { background-color: #fff; } #noClube #nutrihut .btn.btn-primary i.fa { color: #fff; margin-right: 1em; } #noClube #m-notificacoes .modal-header { border-bottom: none; } #noClube #m-notificacoes .modal-content { background-color: transparent; box-shadow: none; border: none; } #noClube #m-notificacoes .checkbox { font-size: .8em; letter-spacing: .01em; line-height: 2.5em; color: #777; text-align: justify; } #noClube #m-notificacoes .tabs { margin-bottom: 0; box-shadow: 0 5px 15px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2); } /* --------------------------------------------- MYHUT ---------------------------------------------*/ body#myHut { letter-spacing: .02em; background-color: #000; } p { color: #646464; } #myHut p { color: #777; font-size: 1.4em; line-height: 1.7; } a { cursor: pointer; } #myHut a { color: #fff; } #myHut .dropdown-menu.dark a { color: #222; font-size: 14px; line-height: 1; } #myHut #footer { background: transparent; } #myHut #footer p a { border-bottom: 1px solid #999; } #myHut #footer p a:hover { color: #fff !important; border-bottom-color: #fff; } #myHut ::placeholder { color: #fff; opacity: 1; /* Firefox */ } #myHut :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } #myHut ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } #myHut li p { font-size: 1.6rem; } /* --------------------------------------------- MYHUT - LOGIN ---------------------------------------------*/ #myHut-login { background: url(../img/myhut/login-bg-full.gif) repeat bottom right; } /* #myHut-login #home { background: #06c; position: absolute; top: 0; left: 0; width: 100%; height: 3em; padding-top: .5em; padding-left: 1em; z-index: 2; } #myHut-login #home { background: #06c; width: 100%; height: 3em; padding-top: .5em; padding-left: 1em; z-index: 2; } */ #myHut-login #home { background: #06c; width: 100%; height: 3.5em; z-index: 2; padding: .75em; } #myHut-login #home i { font-size: 2em; color: #fff; } #myHut-login #footer { background: transparent; } #myHut-login #footer.short .footer-copyright { background: transparent; } #myHut-login #footer.short .footer-copyright p, #myHut-login #footer.short .footer-copyright p a { color: #fff !important; line-height: 1.2em; } #myHut-login #footer.short .footer-copyright p a { border-bottom: 1px solid #fff; } #myHut-login .alert { margin-bottom: 0; } #myHut-login p { line-height: 1em; } #myHut-login .white-box { padding: 1em; margin-top: 1em; } #myHut-login .featured-box { border-radius: 0; border: none; } #myHut-login .featured-box-secundary .box-content { border-top: none; padding: 2em; } #myHut-login .featured-box-secundary .box-content h4 { text-align: center; } #myHut-login .featured-box-secundary .box-content p { font-size: .9em; font-weight: 300; line-height: 1.2em; margin: 0 1em; } #myHut-login .featured-box-secundary .box-content label { font-weight: 300; } #myHut-login .featured-box-secundary .box-content input { text-align: center; } #myHut-login .featured-box-secundary .box-content input[type="submit"] { padding: .5em 2em; } /* Btn obter password (novos sócios) */ #myHut-login #first { background-color: #333; padding: 2em 1em; margin-top: 45px; margin-bottom: 1em; } #myHut-login #first h2 { color: #fff; font-size: 2em; text-transform: uppercase; margin-bottom: .5em; } #myHut-login #first a { color: #fff; padding: .5em 1em; background-color: #333; border-color: #000; } #myHut-login #first a:hover { background-color: #000; border-color: #000; } /* Promo App Mobile */ #myHut-login #promo-ios { padding: 1em; } #myHut-login #promo-ios img { margin-bottom: 1em; } #myHut-login #promo-ios h4 { margin: 1em 0 0 0; } #myHut-login #promo-ios p { font-weight: 300; font-size: 1em; line-height: 1.2em; } /* header v1 */ #myHut #header nav.mega-menu .mega-menu-content { padding: 1em; } #myHut #header nav.mega-menu ul.nav-main .mega-menu-signin.logged ul.list-account-options { list-style-type: none; padding: 0; } #myHut #headerAccount .mega-menu-content p { color: #fff; font-weight: 300; font-size: 1.2em; } #myHut #headerAccount .mega-menu-content strong { font-size: 1.2em; text-transform: uppercase; margin-bottom: .5em; } #myHut #headerAccount .mega-menu-content span { color: #06c; } #myHut .list-account-options span { color: #fff !important; background-color: #06c; padding: .2em .7em .3em .6em; margin-left: 1em; font-size: .7em; } #myHut #headerAccount .mega-menu-content .user-avatar p { padding: 0; margin-left: .5em; line-height: 1em; width: auto; text-transform: uppercase; } #myHut #headerAccount .mega-menu-content .user-avatar p span { margin-top: 1em; } /* LINKS FOOTER */ #myHut .foot-box .featured-box { background: transparent; border: none; } #myHut .foot-box .featured-box p { font-size: .8em; color: #fff; letter-spacing: .05em; margin-bottom: 1em; } #myHut .foot-box .featured-box h5 { font-size: .8em; font-weight: bold; letter-spacing: .05em; margin: 0; line-height: 1.25em; margin-bottom: .25em; } #myHut .foot-box .featured-box .box-content { min-height: auto; text-align: left; } #myHut .foot-box .featured-box .box-content a { font-size: .8em; letter-spacing: .05em; width: 75%; background-color: transparent !important; } #myHut .foot-box .featured-box .box-content a:hover { background: #2d2d2d !important; } /* --------------------------------------------- MYHUT - ENTRADA ---------------------------------------------*/ /* html.dark body { background: url(../img/myhut/bkg-pattern.png) top left fixed #1d2127;} body.dark { background: url(../img/myhut/bkg-pattern.png) top left fixed #1d2127;} #myHut #header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover { color: #fff !important; } #myHut #header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu { background: #000 !important; -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.5); } #myHut .featured-box { margin-top: 0; font-weight: 300; background: #2d2d2d; border-radius: 0; } #myHut .home .featured-box { min-height: 190px; } #myHut .featured-box .box-content { border:none; } #myHut .featured-box .box-content i { text-align: center; } #myHut .featured-box .box-content i.icon-featured { margin: 0 auto; display: block; width: 80px; height: 80px; font-size: 3em; line-height: 2em; } #myHut .featured-box .box-content h4 { color: #fff; margin-bottom: 0; margin-top: .5em; font-size: 1em; font-weight: bold !important; letter-spacing: 1px; line-height: 1.2em; } #myHut .featured-box .box-content span { font-weight: 700; color: #9fc !important; padding: .1em; margin-left: 1em; font-size: 3em; position: absolute; top: 0; right: 0; } #myHut .featured-box .box-content p { color: #999; font-size: .9em; letter-spacing: .05em; line-height: 1.2em; margin-bottom: 0; } #myHut .featured-box a { font-size: .8em; text-transform: uppercase; color: #fff; background: #2d2d2d !important; letter-spacing:.1em; } #myHut .home .col-xs-6 { padding-right: 10px; padding-left: 10px; } #myHut .home .featured-box .box-content { text-align: center; padding: .75em; min-height: 161px; } #myHut .diag-1 { background-image: url(../img/myhut/diag-1.svg); background-repeat: no-repeat; background-position:bottom; background-size: cover;} #myHut .diag-1 img { border: 4px solid #fff; } #myHut .home .featured-box a { display: block; width: 100%; padding: .5em; background: #ededed; text-align: center; font-weight: 300; } #myHut .home .featured-box a:hover { text-decoration: none; background: #06c; color: #fff;} */ #myHut #menu-container { display: flex; flex-wrap: wrap; justify-content: flex-start; } #myHut a.btn-myhut { text-align: center; width: calc((100% /3) - 3px); background: #2d2d2d; display: inline-block; padding: 2rem; border-radius: 10px; margin: 0 2px 2px 0; transition: background 800ms ease-in-out; } #myHut a.btn-myhut svg { fill: #faf7f2; width: 10em; margin: 0 auto; height: 10em; } #myHut a.btn-myhut .content { display: flex; flex-flow: column; justify-content: center; } #myHut a.btn-myhut .content .title { color: #fff; font-size: 2rem; font-weight: 700; line-height: 1.2; margin-bottom: .5rem; } #myHut a.btn-myhut .content .desc { font-size: 1.3rem; opacity: .6; line-height: 1.2; } #myHut a.btn-myhut:hover { background: #06c; text-decoration: none; color: #fff; /*box-shadow: 0px 0 0px 5px #06c;*/ } #myHut a.btn-myhut:hover svg { fill: #faf7f2; } #myHut a.btn-myhut:hover .content .title, #myHut a.btn-myhut:hover .content .desc { color: #faf7f2; } @media (max-width: 767px) { #myHut #menu-container { padding: 20px; } #myHut a.btn-myhut { width: 100%; display: flex; } #myHut a.btn-myhut svg { width: 40%; height: 100px; } #myHut .content { width: 60%; text-align: left; } } /* #myHut .main#welcome-pack #wp { background: #2e353d;} */ #myHut .main#welcome-pack #wp { padding: 4rem; border: 7px solid #06c; margin-top: 2em; } #myHut .main#welcome-pack #wp h2 { font-size: 4em; font-weight: 900; letter-spacing: 0.02em; color: #06c; } #myHut .main#welcome-pack #wp p.lead { font-size: 1.4em; color: #fff; line-height: 1.5em; margin-bottom: 20px; } #myHut .main#welcome-pack #wp h6 { color: #777; } #myHut #m-iberian-passport .modal-content { background-color: #fff; } #myHut #m-iberian-passport .modal-body { background-color: #fff; border-radius: 20px; } #myHut #m-iberian-passport .modal-body h2, #myHut #m-iberian-passport .modal-body h3, #myHut #m-iberian-passport .modal-body p { color: #222; text-align: left; } #myHut #m-iberian-passport .modal-body h3 { font-size: 1.2em; } #myHut #m-iberian-passport .modal-body a { color: #06c; } #myHut #m-iberian-passport .modal-body .push-top { margin-top: 20px; } /* slider */ #myHut .sidebar #nivoSlider { margin-bottom: 2px; } #myHut .sidebar #nivoSlider a { display: inherit; background: transparent; } #myHut .sidebar .nivo-slider .theme-default .nivoSlider { border-radius: 0; } #myHut .sidebar .nivo-slider .theme-default .nivoSlider img { border-radius: 0; } /* alerta falta aulas */ #myHut .home .featured-box i.icon-featured { background-color: #2d2d2d; } #myHut .home .featured-box a { background: #4d5867 !important; } #myHut .home .featured-box a:hover { background: #004d99 !important; } #myHut #modal-sprint .modal-content { background-color: #000; } #myHut #modal-sprint .modal-content .modal-body { padding-top: 0; } /* --------------------------------------------- MYHUT - PT ONE SHOT #myHut #pt-one-shot h2, #myHut #lista-pts h2 { margin-bottom: .15em; } #myHut #pt-one-shot p, #myHut #lista-pts p { color: #fff; text-transform: uppercase; font-size: .8em; text-align: center; margin-bottom: 1em; line-height: 1.5em; letter-spacing: .05em; } #myHut #pt-one-shot .portfolio-item { height: 390px; border-radius: 0; } #myHut #pt-one-shot .portfolio-item h4.lead, #myHut #modal-agenda .portfolio-item h4.lead, #myHut #lista-pts h4.lead { text-transform: uppercase; font-size:1.25em; margin-bottom: 0; margin-top: 1em;} #myHut #pt-one-shot .portfolio-item p, #myHut #modal-agenda .portfolio-item p, #myHut #lista-pts .portfolio-item p { text-transform: uppercase; color: #fff; font-size: .7em; letter-spacing: .05em;} #myHut #pt-one-shot .portfolio-item a.btn, #myHut #lista-pts .portfolio-item a.btn { border:1px solid #505050; } #myHut #pt-one-shot .portfolio-item a.btn:hover, #myHut #lista-pts .portfolio-item a.btn:hover { background-color: #fff; color: #2d2d2d; } #myHut #pt-one-shot .carousel-indicators { bottom: -5px; } #myHut #pt-one-shot a.b-ver { background:#171717; padding:6px 12px; border:#171717 1px solid; margin-top: 1em; letter-spacing: .02em; font-weight: 300;} #myHut #pt-one-shot form select { padding:6px 12px; border:#222 1px solid; height:2.8em; font-size:.9em; color: #fff; margin-bottom:.5em; border-radius: 0px; -webkit-appearance: none; -moz-appearance:none; background: url(../../img/myhut/DropdownArrow.png) no-repeat right #000; } #myHut #modal-agenda .list-group a.list-group-item { text-align: center; background-color: #2d2d2d; border-color: #1d2127; color: #fff; letter-spacing: .1em; } #myHut #modal-agenda .list-group a.list-group-item:hover { background-color: #3f4654; } #myHut #modal-agenda form { margin-bottom: .5em; } #myHut #modal-agenda p { text-transform: uppercase; font-size: .7em; letter-spacing: .05em;} #myHut #modal-agenda p a { color: #fff; padding-bottom: .1em; border-bottom: 1px solid #777;} #myHut #modal-agenda p a:hover { text-decoration: none; border-bottom-color: #fff;} #myHut #modal-agenda p a.btn { border:none;} #myHut #modal-agenda #dados-mb { border-color: #222;} #myHut #modal-agenda #dados-mb h3 { background-color: #fff; color:#222; padding: .5em; letter-spacing: .02em;} #myHut #modal-agenda h4 { text-align: left; font-size: 1em; margin-bottom: 0; letter-spacing: .05em; } #myHut #modal-agenda .portfolio-item h4 { text-align: center; letter-spacing: .02em; } #myHut #modal-agenda ul { list-style-type: none; padding: 0; padding-left: 1em; } #myHut #modal-agenda ul li { text-align: left; color: #fff; font-size: .8em; text-transform: uppercase; letter-spacing: .05em; line-height: 1.25em; font-weight: 300; } #myHut #modal-agenda span.label { line-height: 2.5em; font-size: 1em; font-weight: 300;} #myHut #modal-agenda span.label-info { background-color: #06c;} #myHut #modal-agenda .modal-body { padding: 2em; } #myHut #modal-agenda #dados-mb { padding: 0; } */ /* --------------------------------------------- MYHUT - SIDEBAR ---------------------------------------------*/ #myHut aside.sidebar .featured-box { text-align: left; border: none; margin: 0 0 2px 0; min-height: unset; } #myHut aside.sidebar .featured-box p { margin: 0; line-height: 1.3em; font-size: 1.6rem; text-transform: uppercase; font-weight: 800; } #myHut aside.sidebar .featured-box .box-content { border: none; box-shadow: none; background: #2d2d2d; } #myHut aside.sidebar .featured-box p a:hover { text-decoration: none; border-bottom: 1px solid #fff; } #myHut aside.sidebar .featured-box h4 { margin: 0; margin-bottom: .5em; color: #fff; font-weight: 400; line-height: 1em; letter-spacing: .025em; } #myHut aside.sidebar .featured-box h5 { font-size: 1.6em; line-height: 1em; margin: 0 0 1em 0; } #myHut aside.sidebar .featured-box svg { fill: #faf7f2; width: 80%; } #myHut aside.sidebar .featured-box h5:last-child { margin-top: 0; } #myHut aside.sidebar .featured-box h6 { margin-bottom: .5em; } #myHut aside.sidebar .featured-box .white-box#iberian-passport { padding: 2em; border-radius: 1em; margin-top: 1em; } #myHut aside.sidebar .featured-box .white-box#iberian-passport p { color: #222; font-weight: 400; } #myHut aside.sidebar .featured-box .white-box#iberian-passport a { background-color: #fff !important; } #myHut .tab-pane form p { font-size: .8em; line-height: 1.2em; } #myHut aside.sidebar .featured-box form label { display: block; color: #fff; margin-bottom: 1em; text-transform: unset; } #myHut aside.sidebar .featured-box form select { width: 100%; padding: 6px 12px; border: #000 1px solid; height: 2.8em; font-size: 1.6rem; color: #fff; margin-bottom: 1em; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background: #2d2d2d; } #myHut aside.sidebar .featured-box form select:last-child { margin-bottom: 0; } #myHut aside.sidebar .featured-box.light { background: #ccc; } #myHut aside.sidebar .featured-box.light { text-align: center; } #myHut aside.sidebar .featured-box.light .row.aula { border: 2px solid #fff; padding: 1em; margin: 1em 0 0; } #myHut aside.sidebar .featured-box.light .row.aula img { margin-bottom: 1em; } #myHut aside.sidebar .featured-box.light h4 { color: #06c; text-align: center; } #myHut aside.sidebar .featured-box.light h5 { display: block; text-align: center; color: #000; font-weight: 700; background: #fff; padding: 1em; } #myHut aside.sidebar .featured-box.light p { color: #333; text-align: center; font-weight: 400; } #myHut aside.sidebar .featured-box.light p a { font-size: .8em; font-weight: 400; text-transform: uppercase; display: block; padding: .25em; } #myHut aside.sidebar .featured-box.light p a:hover { text-decoration: none; background: #fff; color: #1d2127; } #myHut .white-box h2, #myHut .white-box h3 { color: #06c; } #myHut .white-box a { color: #06c; } #myHut .white-box a.btn-primary { color: #fff; font-size: 1.6rem; } #myHut .white-box .btn-default { background: #fff; color: #222; border: 1px solid #e7e7e7; } #myHut .white-box .btn-default:hover { background: #e7e7e7; } #myHut .white-box address { margin-top: 1em; margin-left: 2em; padding-left: 1em; border-left: 1px solid #06c; } #myHut #modal-mapa-aulas a, #myHut #modal-ai a { color: #222; font-size: 16px; margin-bottom: 0; padding-bottom: 0; text-decoration: none; } /* hidden side menu */ #myHut aside.sidebar #accordion { margin-bottom: .1em; } #myHut aside.sidebar #accordion .accordion-toggle { text-align: center; } #myHut aside.sidebar #accordion .panel, #myHut aside.sidebar #accordion .panel-heading { border-radius: 0; } #myHut aside.sidebar #accordion .panel, #myHut aside.sidebar #accordion .panel-heading h4 a { color: #fff; } #myHut aside.sidebar #accordion #side-menu i { color: #fff; } #myHut aside.sidebar #accordion #side-menu .accordion-body { background: #2d2d2d; } #myHut aside.sidebar #accordion #side-menu .accordion-body .panel-body { padding: 0; text-align: center; } #myHut aside.sidebar #accordion #side-menu .accordion-body .panel-body ul.nav.nav-list { padding-left: 0; } #myHut aside.sidebar #accordion #side-menu .accordion-body .panel-body ul.nav.nav-list li { margin: 0; } #myHut aside.sidebar #accordion #side-menu .accordion-body .panel-body ul.nav.nav-list li a { font-size: .8em; color: #fff; text-transform: uppercase; } #myHut aside.sidebar #accordion #side-menu .accordion-body .panel-body ul.nav.nav-list li a span { color: #000 !important; background: #9fc; font-weight: 700; padding: .6em 1em; font-size: .7em; position: absolute; top: 0; right: 0; height: 100%; } /* MYHUT - ENTRADA PROMO ---------------------------------------------*/ #myHut .modal.promo .modal-content { background-color: #fff; } #myHut .modal.promo .modal-body { padding: 0; } #myHut .modal.promo .modal-body .frame { padding: 5em; padding-top: 0; } #myHut .modal.promo .modal-body p { color: #222; } #myHut .modal.promo .modal-body a.btn-nutri { background-color: #f63; } /* --------------------------------------------- MYHUT - WELCOME-PACK ---------------------------------------------*/ #myHut.welcome-pack { background-image: linear-gradient(to left bottom, #0066cc, #005db9, #0054a6, #004c93, #044381); } #myHut.welcome-pack .main { margin-bottom: 2em; } #myHut.welcome-pack h1 { font-weight: 900; letter-spacing: .01em; } #myHut.welcome-pack h5 { letter-spacing: .15em; } #myHut.welcome-pack p.lead { color: #fff; line-height: 1.5em; } #myHut.welcome-pack .white-box { position: relative; padding: 0; margin-bottom: 75px; border-radius: 30px; min-height: 420px; /* https://www.cssmatic.com/box-shadow*/ -webkit-box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); } #myHut.welcome-pack .white-box .content { padding: 2.5em; } #myHut.welcome-pack .white-box .content h3 { font-size: 1.5em; color: #222; margin-bottom: .5em; } #myHut.welcome-pack .white-box .content p { color: #222; line-height: 1.5em; } #myHut.welcome-pack .white-box .content li { font-weight: 300; } #myHut.welcome-pack .white-box .tag { font-size: .8em; letter-spacing: .1em; line-height: 1em; background-color: #fff; color: #222; padding: 1em; border-top-right-radius: 30px; border-top-left-radius: 30px; } #myHut.welcome-pack .white-box.resgatado { background: #06c; } #myHut.welcome-pack .white-box.resgatado h3, #myHut.welcome-pack .white-box.resgatado p { color: rgba(34, 34, 34, .5); } #myHut.welcome-pack .white-box.resgatado .link a { border-color: #06c; } #myHut.welcome-pack .white-box.resgatado a.btn-default { background: #06c; color: #fff !important; opacity: 1; } #myHut.welcome-pack .white-box.resgatado a.btn[disabled] { border-color: #06c !important; } #myHut.welcome-pack .white-box.resgatado .tag { background-color: #06c; color: rgba(34, 34, 34, .5); } #myHut.welcome-pack .white-box.resgatado img { opacity: .5; filter: grayscale(1); -webkit-filter: grayscale(1); } #myHut.welcome-pack .white-box .link { position: absolute; bottom: 0; width: 100%; } #myHut.welcome-pack .white-box .link a { border: none; border-top: 1px solid #ededed; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; padding: 16px; color: #06c !important; } #myHut.welcome-pack .white-box .link a:hover { color: #fff !important; background-color: #06c; border-color: #06c; } #myHut.welcome-pack .white-box .link.active a { color: #06c !important; background-color: #9fc; } #myHut.welcome-pack .white-box .link.active a:hover { border-color: #06c; background-color: #06c; color: #9fc !important; } #myHut.welcome-pack .white-box .img-detail { border-top-right-radius: 30px; border-top-left-radius: 30px; } #myHut.welcome-pack a.btn-default.btn-footer { background: transparent !important; color: #fff; border-color: #fff; } #myHut.welcome-pack a.btn-default.btn-footer:hover { background-color: #fff !important; color: #06c; } #myHut.welcome-pack form select { background-color: #fff; color: #222; border-color: #ccc; } #myHut.welcome-pack #accordion-pt .panel { box-shadow: none; } #myHut.welcome-pack #accordion-pt .panel-default { border: none; } #myHut.welcome-pack #accordion-pt .panel-heading { background-color: #fff; border-radius: 0; } #myHut.welcome-pack #accordion-pt .panel-heading .panel-title { text-transform: uppercase; font-size: 1em; font-weight: 400 !important; } #myHut.welcome-pack #accordion-pt .panel-body { background-color: #fff; } #myHut.welcome-pack .modal .modal-body { padding: 3em; } #myHut.welcome-pack .modal h1, #myHut.welcome-pack .modal h5, #myHut.welcome-pack .modal li { color: #fff; } #myHut.welcome-pack .modal h3 { color: #fff; font-weight: 400; letter-spacing: .05em; } #myHut.welcome-pack #footer p, #myHut.welcome-pack #footer a { color: #fff !important; } #myHut.welcome-pack #footer a.btn-default { color: #fff; border-bottom: 1px solid #fff; } /* --------------------------------------------- MYHUT - MOVE DUO ---------------------------------------------*/ #myHut #one-plus h3 { font-size: 1.5em; line-height: 1.2em; } #myHut #one-plus .panel.panel-primary { background-color: #2d2d2d; border-color: #222; } #myHut #one-plus .panel.panel-primary .btn-default { background-color: #2d2d2d; } #myHut #one-plus .panel.panel-primary .btn-default:hover { background-color: #597498; } #myHut #one-plus .historico { margin: 0; } #myHut #one-plus .historico p { color: #fff; } #myHut #one-plus p.legenda { color: #fff; } #myHut #one-plus .condicoes { margin-top: 1em; } #myHut #one-plus .condicoes ul li { font-size: 1em; color: #fff; font-weight: 300; line-height: 1.5em; letter-spacing: .05em; text-align: justify; margin-bottom: .5em; } #myHut #one-plus .label { width: 100%; height: 25px; display: flex; align-items: center; padding: 0.5rem; background: unset; margin-left: 15px; } #myHut #one-plus .label:before { content: ""; left: 15px; width: 15px; height: 15px; display: block; border-radius: 50%; position: absolute; } #myHut #one-plus .label-warning:before { background: #ffc107; } #myHut #one-plus .label-primary:before { background: #06c; } #myHut #one-plus .label-success:before { background: #5cb85c; } #myHut #one-plus .label-default:before { background: #607d8b; } #myHut #one-plus .label-danger:before { background: #d9534f; } #myHut #one-plus .condicoes .toggle > label:before { display: none; } #myHut #one-plus .condicoes section.toggle label { border-left: none; } #myHut #one-plus #m-condicoes h4 { color: #fff; font-weight: 400 !important; } #myHut #one-plus #m-condicoes ul li { color: #fff; line-height: 1.5em; margin-bottom: 1em; } #myHut #one-plus #m-condicoes a { text-decoration: underline; } #myHut #one-plus #m-condicoes a.btn { text-decoration: none; } #myHut #one-plus #m-condicoes .modal-body { padding: 2em 6em; } #myHut #one-plus #m-condicoes .modal-footer { text-align: left; } #myHut #one-plus #m-condicoes .modal-footer { color: #fff; } /* Voucher */ #voucher-move-duo { background: #fff; } #voucher-move-duo #header { width: 100%; height: 60px; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 1; } #voucher-move-duo .main { margin-top: 10rem; } #voucher-move-duo h1 { font-size: 2rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; line-height: 1.2; text-align: center; margin-bottom: 2rem; } #voucher-move-duo ul { margin-top: 1rem; } #voucher-move-duo p, #voucher-move-duo li { font-size: 1.3rem; line-height: 1; margin-bottom: .2rem; color: #7e7e7e; } #voucher-move-duo a { color: #7e7e7e; text-decoration: underline; } #voucher-move-duo img#qr-code { padding: 0 1em 1em; } #voucher-move-duo .panel.qr-code { border: 20px solid #faf7f2; padding: 2rem; text-align: center; background: #faf7f2; border-radius: 20px; margin-bottom: 4rem; box-shadow: 0 0 10px 2px rgba(96, 125, 139, 0.3); } #voucher-move-duo .panel.qr-code img { border-radius: 10px; background: #fff; margin: 0 auto 2rem; width: 90%; } #voucher-move-duo .panel.qr-code p { font-size: 1.3rem; line-height: 1.3; color: #333; line-height: 1.5; } #voucher-move-duo ul { padding-left: 1.2em; } #voucher-move-duo ul li { line-height: 1.5em; } @media (max-width: 767px) { #myHut #one-plus #m-condicoes .modal-body { padding: 2em; } } /* --------------------------------------------- MYHUT - RGPD ---------------------------------------------*/ #myHut #rgpd aside.sidebar .box-content, #myHut #rgpd aside.sidebar .box-content .panel-body, #myHut aside.sidebar #aulas-links .box-content, #myHut aside.sidebar #aulas-links .box-content .panel-body { padding: 0; overflow: hidden; } #myHut #rgpd h2 { font-size: 2em; margin: 20px 0 0 0; } #myHut #rgpd p { color: #fff; } #myHut #rgpd .box { padding: 2em; margin-top: 2em; background: #faf7f2; } #myHut #rgpd .box p { color: #111; font-size: 14px; line-height: 1.5em; text-align: left; margin-bottom: 1em; } #myHut #rgpd .box address { font-size: 14px; color: #111; border-top: 4px solid #06c; border-bottom: 4px solid #06c; padding: 20px; margin: 40px; } #myHut #rgpd .box address a { color: #06c; } #myHut #rgpd .box .btn-group { margin-bottom: 1em; } #myHut #rgpd .box .btn { padding: .5em 1em; background: #ddd; } #myHut #rgpd .box .btn.disabled, #myHut #rgpd .box .btn[disabled] { border-color: #fff !important; } #myHut #rgpd .box .btn.disabled.active, #myHut #rgpd .box .btn.active[disabled] { background: #06c; color: #fff; } #myHut #rgpd .box .btn.active { background: #06c; color: #fff; } #myHut #rgpd .footnote { background: #f5f4f4; padding: 2.5em; } #myHut #rgpd .footnote a { color: #777; border-bottom: 1px solid #777; } #myHut #rgpd .footnote a:hover { text-decoration: none; color: #222; border-bottom-color: #222; } #myHut #rgpd .alert { font-size: 1.4em; padding: 1em; } #rgpd h2 { color: #06c; } #rgpd a.btn-default { border: 1px solid #ededed; background: #fff; color: #222; } #rgpd a.btn-default:hover { border: 1px solid #222; background: #222; color: #fff; } #rgpd .featured-box a { color: #fff; } #rgpd .featured-box a:hover { background: #2d2d2d; border-color: #2d2d2d; } html.dark ul.nav-list.primary > li a { border-bottom-color: #282d36; } #myHut #rgpd #faqs .panel-heading { background: #fff; border: #fff; border-radius: 0; } #myHut #rgpd #faqs .panel-default { border: #fff; } #myHut #rgpd #faqs .panel { box-shadow: none; border-radius: 0; } #myHut #rgpd #faqs .panel-body { background: #f5f5f5; } #myHut #rgpd #faqs li { font-weight: 300; line-height: 1.2em; } #myHut.prompt #rgpd { margin: 0 0 6em; } @media only screen and (min-width: 768px) { #myHut #rgpd aside.sidebar { position: fixed; } #myHut #rgpd h2 { margin-top: 0; } } /* --------------------------------------------- MYHUT - MENSAGENS ---------------------------------------------*/ /*#myHut form label { color: #fff; font-weight: 200; }*/ #myHut #accordion-msg .accordion-toggle i { font-family: 'Lato', Helvetica, sans-serif; } #myHut .nav-tabs .nova-msg { border-right: 2px solid #9fc; } #myHut .nav-tabs .nova-msg:hover { border-right: 2px solid #9fc; background: #2d2d2d; } #myHut .tabs ul.nav-tabs li a { min-height: 3.5em; color: #999; } #myHut .tabs ul.nav-tabs li a small { color: #999; } #myHut .tabs ul.nav-tabs li.active a small, #myHut .tabs ul.nav-tabs li a:hover small { color: #fff; } #myHut .tabs ul.nav-tabs li a i { display: none; } #myHut .tabs ul.nav-tabs li.active a { color: #fff; } #myHut ul.comments .comment-block { padding: 1.5em; background: #fff; border-radius: 15px; -webkit-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.75); box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.75); } #myHut ul.comments .comment-block p { color: #1d2127; text-align: left; line-height: 1.5em; font-size: 1em; } #myHut #lista-msg ul.nav li a { color: #fff; font-size: 1.2em; line-height: 1.2em; border-bottom: 1px solid #2d2d2d; } #myHut #lista-msg ul.nav li a small { color: #999; } #myHut #lista-msg ul.nav li a.nova-msg i { color: #9fc; } #myHut #lista-msg ul.nav > li > a:focus { background: #2d2d2d; } #myHut #lista-msg ul.nav > li > a:hover { background: #1d2127; } #myHut ul.comments li { padding: 0; } #myHut ul.comments li .comment { margin: 0 0 3em 5em; } #myHut ul.comments li .comment.reply { margin: 0 5em 3em 0; } #myHut ul.comments li .comment .comment-arrow { top: 15px; border-right: 15px solid #fff; } #myHut ul.comments li .comment.reply .comment-arrow { border-left: 15px solid #fff; left: 100%; border-right: 0; } #myHut ul.comments .comment-block .comment-by { color: #06c; border-bottom: 1px solid #ddd; margin-bottom: 1em; text-transform: uppercase; } #myHut ul.comments .comment-block .date { font-size: .7em; } #myHut .tabs.tabs-vertical.tabs-right ul.nav-tabs li.active a, .tabs.tabs-vertical.tabs-right ul.nav-tabs li a:hover { border-right: 0; } /* configurar avatar */ #myHut ul.comments li img.avatar { width: 50px; height: 50px; border-radius: 100%; -webkit-box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.75); box-shadow: 0px 15px 15px -5px rgba(0, 0, 0, 0.75); } #myHut ul.comments li .img-thumbnail { margin-left: -75px; padding: 0; border-radius: 100%; } #myHut ul.comments li .comment.reply .img-thumbnail { position: absolute; right: 6%; } #myHut .tab-pane .alert { text-align: center; } /* identificador de novo comentário */ #myHut ul.comments .novo .comment-block { border-left: 15px solid #9fc; } /* formulários */ #myHut ul.comments .comment-block textarea { color: #000; font-weight: 300; border: 1px solid #666; background: #ccc; } #myHut ul.comments .comment-block label { color: #777777; } #myHut .tab-pane form select { width: 100%; border: #000 1px solid; font-size: 1.2em; border-radius: 2em; -webkit-appearance: none; -moz-appearance: none; background: #2d2d2d; } #myHut .tab-pane form p { font-size: .8em; line-height: 1.2em; } #myHut #mensagens h6 { line-height: 1.5em; } #myHut #mensagens p { color: #fff; } #myHut #mensagens p a { border-bottom: 1px solid #fff; } #myHut #mensagens p a:hover { text-decoration: none; background-color: #fff; color: #222; } #myHut #mensagens p.lead { font-size: 1.25em; } #myHut #mensagens .comment-block p { color: #222; font-weight: 400; } #myHut #mensagens label { color: #fff; } #myHut #mensagens .form-control { color: #fff; } #myHut #mensagens .alert { margin-bottom: 0; } #myHut #mensagens .comment textarea { background-color: #fff; border-color: #ddd; color: #222; font-size: 1.2em; } #myHut #mensagens .alert span { font-size: 1.2em; } #myHut #mensagens .alert a { border-bottom: 1px solid #fff; } /* --------------------------------------------- MYHUT - AULAS ---------------------------------------------*/ #myHut #separador-instrutor h2 { padding-top: .25em; } #myHut #separador-instrutor img { margin: 0 auto; } #myHut .dia p { color: #06c; font-weight: bold; text-align: right; margin-bottom: 0; } #myHut .dia hr { background-color: #06c; background-image: none; margin-top: 0; } #myHut #blank p.lead { color: #fff; } /* Recaptcha aulas */ #myHut #reserva-form .recaptcha-aulas { display: inline-block; margin-left: 0; margin-right: 0; } /* Caixa de Reservas */ /* #myHut aside.sidebar #reservas .featured-box .box-content { padding: 0; } #myHut #accordion #reservas .accordion-body { background: #2d2d2d; padding: 0 1em; } #myHut #accordion #reservas .accordion-body .featured-box { margin-bottom: 0; } #myHut #accordion #reservas .accordion-body .row.aula { margin-bottom: 1em; background: #2d2d2d; padding: 1em; } #myHut #accordion #reservas .accordion-body .row.aula:last-child { margin-bottom: 0; border-bottom: none; } #myHut #accordion #reservas .accordion-body .row.aula h5 { font-size: 1.2em; color: #fff; margin: .5em 0; line-height: 1.2em; } #myHut #accordion #reservas .accordion-body .featured-box { border: none; } */ /* #myHut #accordion #reservas p { font-size: 1.3em; color: #fff; margin: 1em 0; font-weight: 400; text-transform: unset; } */ #myHut .aulas .link { margin: 1em 0; display: block; } #myHut #accordion #reservas .alert { margin-bottom: 0; margin: 0 -15px; border-radius: 0; } #myHut aside.sidebar { min-height: 0; margin-top: 0; } #myHut aside.sidebar a { color: #fff; font-size: .8em; text-transform: uppercase; text-align: center; letter-spacing: .05em; } #myHut aside.sidebar a:hover { background: #23282f !important; } #myHut aside.sidebar a:focus { background-color: #2d2d2d; } #myHut aside.sidebar a.selected { background: #06c !important; } #myHut aside.sidebar a:last-child { border-bottom: 0; } #myHut aside.sidebar .panel-body .nav { margin: 0; } #myHut aside.sidebar.second .featured-box { min-height: 50px; } #myHut aside.sidebar.second a.selected { background: #06c !important; border-radius: 8px; margin: 0; } /* --------------------------------------------- MYHUT - NUTRIÇÃO ---------------------------------------------*/ #myHut .featured-box .box-content form input[type="date"] { width: 100%; padding: 6px 12px; border: #2d2d2d 1px solid; height: 2.8em; font-size: .9em; font-weight: 300; color: #fff; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background: #2d2d2d; margin-bottom: 0; box-shadow: none; } #myHut #nutricao p.lead { color: #fff; } #myHut #consultas .header h1 { margin: 0; } #myHut #consultas .header p { color: #fff; font-size: 1.6em; margin-bottom: 1em; } #myHut #consultas .header .btn { font-size: 1.2em; } #myHut #consultas .header .dropdown-menu li { margin: 0; padding: .5em; } #myHut #consultas #accordion .panel a.btn { position: relative; padding: .7em 1.5em; } #myHut #consultas .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #2d2d2d; font-size: 12px; color: #fff; } #myHut #consultas #accordion .panel p { color: #fff; font-size: 1.6em; } /* bio clinica*/ #myHut .clinica { z-index: auto; margin-bottom: 2em; background: #fff; border-radius: 2em; } #myHut .aulas .featured-box.clinica .box-content { background-color: #fff; border-radius: 0; padding: 1em; } #myHut .aulas .featured-box.clinica p { color: #666; text-transform: unset; font-weight: 400; } #myHut .aulas .featured-box.clinica h4 { color: #2d2d2d; font-weight: 700; font-size: 2em; } #myHut .aulas .featured-box.clinica .btn-default { background-color: #fff; border: none; color: #06c; font-weight: 400; text-transform: none; border-radius: 0; } #myHut .aulas .featured-box.clinica .dropdown-menu { background-color: #2d2d2d; width: 100%; max-width: 300px; overflow-y: scroll; height: 20em; } #myHut .aulas .featured-box.clinica .dropdown-menu > li { font-size: 1em; width: 100%; overflow: hidden; } #myHut .aulas .featured-box.clinica .dropdown-menu > li > a:hover { background-color: #06c; } /* tab */ #myHut #nutricao ul.nav-pills > li.active > a, #myHut #nutricao ul.nav-pills > li > a:hover { background-color: #2d2d2d; } #myHut #nutricao ul.nav-pills > li > a { color: #9fc; } /* lista consultas */ #myHut #accordion { margin-bottom: auto; } #myHut #accordion .panel { display: block; background-color: #2d2d2d; margin: 0; } #myHut #accordion .panel .row { padding: .5em; border-bottom: 1px solid #000; } #myHut #accordion .panel .row div > * { margin: 0; padding: 0; } #myHut #accordion .panel .row h4 { color: #fff; margin-bottom: 0; font-size: 1.6em; } /* modal regras */ #myHut #modal-regras .modal-body { padding-top: 2em; } #myHut #consulta-reservada h3 { font-size: 2em; color: #fff; } /* condições de adesão */ #myHut #nutricao .tab-content { padding: 4em 6em; } #myHut #nutricao #nutricao-3 p { color: #fff; line-height: 1.5em; } #myHut #nutricao-1 .btn-success { background-color: #06c; border-color: #06c; color: #fff !important; } #myHut #nutricao-1 .btn-success:hover { background-color: #222; border-color: #222; } #myHut #nutricao-1 .btn-success[disabled="disabled"] { background-color: #2d2d2d; color: #2d2d2d !important; } /* --------------------------------------------- MYHUT - CURSOS PRIVADOS ---------------------------------------------*/ /* #myHut form select { width: 100%; font-size: 1.6rem; padding: 6px 12px; border: #2d2d2d 1px solid; height: 2.8em; color: #fff; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background: url(../../img/myhut/DropdownArrow.png) no-repeat right #2d2d2d; } */ #myHut .product-thumb-info { min-height: 400px; list-style-type: none; } #myHut .product-thumb-info .product-thumb-info-act { font-size: 2em; } #myHut .product-thumb-info:hover { background: #06c; } #myHut .product-thumb-info .product-thumb-info-image { padding: 1em 1em 0 1em; } #myHut .product-thumb-info:hover .product-thumb-info-image:before { background-color: #06c; opacity: 1; } #myHut .product-thumb-info h4 { font-size: 1.2em; font-weight: 700 !important; margin-bottom: .25em; letter-spacing: .02em; } #myHut .product-thumb-info p { color: #fff; line-height: 1.5em; margin: 0; font-weight: 300; } #myHut .product-thumb-info:hover p { color: #fff; } #myHut .product-thumb-info .origem h6 { display: block; width: 100%; position: absolute; bottom: 0; padding: .5em; margin: 0; border-radius: 6px; text-transform: uppercase; font-weight: 300; font-size: .8em; } #myHut .product-thumb-info .origem.parceiro h6 { background: #06c; color: #fff; letter-spacing: 1px; } #myHut .product-thumb-info .origem.hut h6 { background: #06c; color: #fff; } /* --------------------------------------------- MYHUT - INSCRIÇÃO EM EVENTOS ---------------------------------------------*/ #myHut .tabs .tab-content { padding: 3em; min-height: 420px; } #myHut .tabs .tab-content input, #myHut .tabs .tab-content textarea { color: #fff; } #myHut .product-thumb-info-list { padding-left: 0; margin-bottom: 5em; list-style-type: none; } #myHut .product-thumb-info-list li { margin-bottom: 2em; } #myHut .product-thumb-info-list .product-thumb-info-content i { margin-right: .75em; } #myHut #reservas #aulas-inscritas { padding: 0; margin-bottom: 2em; } #myHut #reservas .panel-heading { border: none; } #myHut #reservas #aulas-inscritas p { text-align: center; } #myHut #reservas #aulas-inscritas a { font-size: .8em; display: block; width: 100%; height: auto; padding-top: .2em; color: #06c; } /* --------------------------------------------- MYHUT - VANTAGENS ---------------------------------------------*/ #myHut .post-image { margin-bottom: 1.5em; } #myHut .post-image .owl-controls { line-height: 0; padding-bottom: 1em; margin-top: .5em; } #myHut .post-content { margin-top: 1em; } #myHut .post-content p { color: #ccc; font-weight: 300; line-height: 1.5em; } #myHut .post-content a { color: #fff; } #myHut .post-content a img { margin-bottom: 1em; border-radius: 5px; } #myHut #b-vantagens { background: #06c; color: #fff; font-size: 1.2em; font-weight: 300; line-height: 1.5em; display: block; text-align: center; padding: 1em; border-radius: 5px; margin-bottom: 1em; } #myHut #b-vantagens i { font-size: 2em; } #myHut #b-vantagens:hover { text-decoration: none; background: #3385ad; } #myHut .second-links a { display: block; padding: .5em 1em; border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; color: #fff; font-weight: 300; } #myHut .second-links a:hover { background: #2d2d2d; text-decoration: none; } #myHut .second-links a i { margin-right: 1em; } /* --------------------------------------------- MYHUT - REFERRALS ---------------------------------------------*/ #myHut.refs p { color: #fff; } #myHut.refs form .checkbox label p { color: #e7e7e7; font-size: .8em; line-height: 1.2em; letter-spacing: .01em; } #myHut.refs .form-box { padding: 2em 4em 0; } /* --------------------------------------------- MYHUT - CONTA ---------------------------------------------*/ /* Alterar password */ #myHut p { margin-bottom: .5em; font-weight: 400; line-height: 1.7em; } #myHut h5 { margin: .5em 0; font-size: 14px; } #myHut .form-box { padding: 3em; background: #2d2d2d; } #myHut .form-box h2 { font-size: 18px; font-weight: 400; letter-spacing: 1px; line-height: 1; /* margin-top: 80px; */ } #myHut .form-box h4 { text-align: center; margin-bottom: 1em; font-size: 1.6em; } #myHut .form-box label { font-size: 14px; color: #fff; line-height: 1.5; letter-spacing: 1px; } #myHut .form-box label.btn.btn-default { width: calc(100% * .1); padding: .5em; } #myHut .form-box input, #myHut .form-box textarea { margin-bottom: .5em; padding: .5em 1em; color: #fff; transition: border 300ms ease-in-out; } #myHut .form-box input:focus, #myHut .form-box textarea:focus { border-color: #06c; } #myHut .form-box input[type="checkbox"] { height: unset; } #myHut .form-box .radio label, #myHut .form-box .checkbox label { padding-left: 30px; font-size: 14px; } #myHut .form-box p, #myHut .form-box label, #myHut .form-box address { color: #fff; } #myHut .form-box address { padding-left: 1em; margin-left: 2em; border-left: 1px solid #fff; } #myHut .form-box a { text-decoration: underline; } #myHut .form-box a.btn { text-decoration: none; font-size: 1.4em; } #myHut .form-box.link-fix { border: none; } #myHut .form-group.other { margin-left: 70px; margin-right: 30px; } #myHut .btn-group.btn-group-toggle { display: flex; width: 100%; } #myHut .btn-group.btn-group-toggle .btn-default { display: flex; align-items: center; justify-content: center; } #myHut .btn-group.btn-group-toggle .btn-default.active { background: #fff; color: #000; } /* Faturas */ #myHut #lista .list-group-item { background: #2d2d2d; border: 1px solid #1d2127; padding: 0; } #myHut #lista .list-group-item:hover { background: #059; color: #fff; } #myHut #lista .list-group-item:hover p { color: #fff; } #myHut #lista .list-group-item .table { margin-bottom: 0; } #myHut .pagination { margin: 0; } #myHut #pesquisar .input-group-addon { background: #2d2d2d; border: 1px solid #2d2d2d; color: #fff; } #myHut #pesquisar h3 { margin-bottom: .5em; } /* Condições */ #myHut #lista.documentos a { padding: 1em; } #myHut #lista.documentos .link-fix a { padding: 0; } #myHut #lista.documentos table td { border: none; } #myHut #lista.documentos p { color: #fff; } /* Adicionar Foto */ #myHut #foto-perfil { position: relative; height: 200px; } #myHut #foto-perfil img { clip-path: circle(100px at 50% 50%); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #myHut #foto-perfil button { position: absolute; top: 40%; right: 60px; background: #06c; border-radius: 50%; width: 45px; height: 45px; z-index: 2; } #myHut .uploadifive-button { font-size: 1.6rem; margin-bottom: 1em; border-radius: 1em; } /* Cancelamento */ #myHut .form-box.cancelamento { padding: 20px; } #myHut .form-box.cancelamento .alert { padding: 2em; } #myHut .form-box.cancelamento .alert .btn { border: none; } #myHut .form-box.cancelamento h1 { font-size: 1.75em; font-weight: 400; letter-spacing: .01em; margin-bottom: 0; } #myHut .form-box.cancelamento p { color: #fff; font-size: 1.4rem; } #myHut .form-box.cancelamento p.lead { font-size: 1.6em; font-weight: 400; } #myHut .form-box.cancelamento h6 { color: #fff; font-size: 2rem; margin-bottom: 1rem; } /* #myHut .form-box.cancelamento form .form-group { border: 1px solid #1d2127; padding: 1.5em; } #myHut .form-box.cancelamento form { margin-top: 40px; } */ #myHut .form-box.cancelamento .form-group:last-child { margin-bottom: 60px; } #myHut .form-box.cancelamento .box-content input, #myHut .form-box.cancelamento .box-content textarea { color: #fff; font-size: 16px; margin-bottom: 1em; } #myHut .form-box.cancelamento .form-group select { margin-bottom: .5em; padding: .5em 1em; border-radius: 0; line-height: 1; height: unset; } #myHut .form-box.cancelamento input[type=radio] { display: none; } #myHut .form-box.cancelamento input[type=radio] + label::before { content: ""; width: 16px; height: 16px; border: 1px solid #a3a3a3; background: #2d2d2d; border-radius: 50%; position: absolute; top: 5px; left: 35px; transition: all, .5s; } #myHut .form-box.cancelamento .radio label, #myHut .form-box.cancelamento .checkbox label { padding-left: 60px; } #myHut .form-box.cancelamento input[type=radio]:checked + label::before { background: #fff; } #myHut .box-content.alert { border: 7px solid #ff6262; padding: 30px; } #myHut .box-content.alert svg { fill: #fff; width: 80px; height: 80px; margin-left: 50%; transform: translateX(-50%); } #myHut .box-content.alert h1 { font-size: 30px; line-height: 1.2; font-weight: 700; color: #fff; text-align: center; } #myHut .box-content.alert h2 { font-size: 13px; letter-spacing: 2px; line-height: 1.2; font-weight: 700; color: #fff; margin: 0; margin-bottom: 10px; text-align: center; } #myHut .box-content.alert p { font-size: 16px; margin: 1em 0; text-align: center; } #myHut .box-content.alert > div { display: flex; flex-flow: column; justify-content: center; align-items: center; margin-top: 2em; } #myHut .box-content.alert > div a.btn { font-weight: 700; letter-spacing: 1px; font-size: 1.6rem; } #myHut .box-content.alert > div a.link { margin-top: 1em; text-decoration: none; transition: all .3s ease-in; border-bottom: 1px solid #2d343e; } #myHut .box-content.alert > div a.link:hover { border-color: #fff; } #myHut #banner-cancelar { width: 100%; margin-bottom: 4em; } #myHut #banner-cancelar .card { border-radius: 1em; overflow: hidden; } #myHut #banner-cancelar .desc { background: #2d2d2d; padding: 2em; display: flex; flex-flow: column; align-items: center; justify-content: center; text-align: center; } #myHut #banner-cancelar .desc h2 { text-transform: unset; line-height: 1.4; margin-bottom: 0; font-size: 2.2em; } #myHut #banner-cancelar .desc p { font-size: 1.6em; line-height: 1.4; color: #fff; margin-bottom: 1em; } #myHut #banner-cancelar .card a { /* text-decoration: underline; */ border-bottom: 1px solid #fff; transition: background .3s ease-out, color .3s ease-out; } #myHut #banner-cancelar .card a:hover { text-decoration: none; background: #fff; border: none; color: #111111; } #myHut #banner-cancelar .link { text-transform: uppercase; font-size: 1.4em; margin: 0 0 0 auto; display: block; } #myHut #banner-cancelar .link:hover { text-decoration: underline; } @media only screen and (max-width: 380px) { #myHut .box-content.alert { padding: 1em; } #myHut .box-content.alert > div a.btn { width: 100%; } #myHut .box-content.alert h1 { font-size: 2em; } #myHut .box-content.alert h2 { text-align: left; } } /* --------------------------------------------- MYHUT - ADESÃO ---------------------------------------------*/ #myHut #adesao p { color: #fff; } #myHut #adesao .panel.panel-off { opacity: .2; } #myHut #adesao .panel .panel-title a i.fa { color: #06c; } #myHut #adesao .panel .panel-title a .off i.fa { color: #1d2127; } #myHut #adesao .panel .panel-body { padding: 2em; } #myHut #adesao .panel .panel-body p, #myHut #adesao .panel .panel-body li { color: #fff; line-height: 1.5em; font-weight: 300; } #myHut #adesao .panel .panel-body li { margin-bottom: .5em; } #myHut #adesao .panel .panel-body li li { margin-bottom: 0; } #myHut #adesao .panel .panel-body a { text-decoration: none; border-bottom: 1px solid #fff; } #myHut #adesao .panel .panel-body a.btn-default { border: 1px solid #fff; } #myHut #adesao .panel .panel-body a.btn-success.disabled { background-color: #9fc; border: none; opacity: 1; } #myHut #adesao .panel .panel-body a.btn-default:hover, #myHut #adesao .panel .panel-body a.btn-default.hover { color: #2d2d2d; background-color: #fff; } #myHut #adesao .panel .panel-body a:hover { text-decoration: none; } #myHut #adesao .panel .panel-body .alert-info { border-color: #06c; background: #2d2d2d; margin-bottom: 0; } /* --------------------------------------------- MYHUT - UPGRADES ---------------------------------------------*/ #myHut #upgrades .featured-box.price { min-height: inherit; } #myHut #upgrades .btn-activate { padding: 1em 0; } #myHut #upgrades .main { margin-bottom: 0; } #myHut #upgrades .product-thumb-info { min-height: 420px; } #myHut #upgrades ul li { color: #fff; margin-bottom: .25em; } #myHut #upgrades ul li.product { margin-bottom: 2em; } #myHut #upgrades ul li.product.off { opacity: .3; } #myHut #upgrades ul li.product.off p { color: #fff; } #myHut #upgrades ul li.product.off .product-thumb-info { background-color: #282d35; } #myHut #upgrades ul li.product.off .product-thumb-info .product-thumb-info-act { opacity: 0; } #myHut #upgrades ul li.product.off .product-thumb-info .origem.hut h6 { background-color: #9f6; color: #222; } /* --------------------------------------------- MYHUT - OFERTAS ---------------------------------------------*/ #myHut #ofertas .card { display: grid; grid-template-columns: 1fr; width: 100%; border: 1px solid #1d2127; margin-top: 20px; padding: 5px; } #myHut #ofertas .card h2 { font-size: 20px; font-weight: 600; margin: 0; } #myHut #ofertas .card ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 85px; grid-gap: 3px; list-style-type: none; text-align: center; height: 100%; padding: 0; margin: 3px; } #myHut #ofertas .card.pt ul { grid-template-columns: repeat(3, 1fr); grid-template-rows: 85px 85px; } #myHut #ofertas .card > div:first-of-type { padding: 20px; } #myHut #ofertas .card ul li { padding: 10px; background-color: #232931; border: 2px solid #2d343e; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } #myHut #ofertas .card ul li p { font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; } #myHut #ofertas .card ul li p span { font-weight: 300; } #myHut #ofertas .card ul li a { text-decoration: none; background: #06c; color: #fff; padding: 3px 20px; border-radius: 35px; transition: all, .3s; } #myHut #ofertas .card ul li a:hover { background: #fff; color: #000; } @media (max-width: 767px) { #myHut .form-box { padding: 1em; } #myHut .form-box.cancelamento { padding: 20px; } #myHut #ofertas .card ul { display: grid; grid-template-columns: repeat(2, 1fr); padding-left: 0; } #myHut #ofertas .card.pt ul { grid-template-columns: 1fr 1fr; } } /* --------------------------------------------- MYHUT - CLUBE FAV ---------------------------------------------*/ #myHut .club-fav .form-box .box-content h4 { text-align: left; margin-bottom: .25em; } #myHut .club-fav .form-box .box-content h4.center { text-align: center; } #myHut .club-fav .form-box .box-content p { color: #fff; line-height: 1.5em; } /* --------------------------------------------- MYHUT - NOVA PASSWORD ---------------------------------------------*/ #myHut #password-nova .form-box { padding: 3em 5em; text-align: left; } #myHut #password-nova h4 { text-align: left; margin-bottom: 0; } #myHut #password-nova p.lead { font-size: 1.25em; line-height: 1.5em; } #myHut #password-nova p, #myHut #password-nova label { color: #fff; font-weight: 300; } #myHut #password-nova h3, #myHut #password-nova h3 i { margin-bottom: .5em; } /* --------------------------------------------- MYHUT - PASSWORD ---------------------------------------------*/ #myHut #password .main { margin-bottom: 0; } #myHut #password p { color: #ccc; font-size: .8em; line-height: 1.3em; } #myHut #password li { font-size: .8em; } #myHut #password .featured-box { text-align: left; } #myHut #password .featured-box .box-content { border: none; } #myHut #password .featured-box.vantagens { background: transparent; border: none; } #myHut #password .featured-box.msg { background: #06c; } #myHut #password .featured-box .box-content { padding: 50px; } #myHut #password .featured-box .box-content h4 { margin-top: 0; margin-bottom: 0; } #myHut #password .featured-box .box-content p { color: #fff; font-size: 1em; line-height: 1.5em; } #myHut #password .featured-box .box-content p.lead { font-size: 1em; font-weight: bold; } #myHut #password .featured-box .box-content ul { color: #fff; margin-top: 1em; } #myHut #password .featured-box .box-content i { color: #fff; } /* --------------------------------------------- MYHUT - CALENDÁRIO ---------------------------------------------*/ #myHut th.prev, #myHut th.next { color: #fff; font-size: 1.5em; } #myHut .datepicker-days th.dow { color: #06c; text-transform: uppercase; font-weight: 300; } #myHut th.datepicker-switch { color: #fff; text-transform: uppercase; font-size: 1.25em; } #myHut th.datepicker-switch:hover, #myHut th.prev:hover, #myHut .next:hover, #myHut td.day:hover, #myHut td span.month:hover, #myHut .datepicker-years .year:hover { color: #222; background-color: #fff; } #myHut td.day { color: #2d2d2d; font-size: 1.2em; padding: 1em; } #myHut td.old.day, #myHut td.new.day { color: #000; } #myHut td.join { background-color: #9fc; color: #222; } #myHut td.pay { background-color: #06c; color: #fff; } /* #myHut td.pay.one { opacity: .8; } #myHut td.pay.two { opacity: .5; } */ #myHut td span.month { text-transform: uppercase; } #myHut .datepicker-years .year { color: #fff; } #myHut td .month { color: #fff; } #myHut td .month.focused { background-color: #fff; color: #222; } #myHut i.join { color: #9fc; } #myHut i.pay { color: #06c; } /* --------------------------------------------- MYHUT - OFERTAS ---------------------------------------------*/ /* --------------------------------------------- MYHUT - DADOS PESSOAIS ---------------------------------------------*/ #myHut .featured-box.one { background: #2d2d2d; } #myHut .featured-box.one h4 { font-size: 1.2em; margin-bottom: .5em; } #myHut .featured-box.one a { text-transform: inherit; } #myHut #m-dados h4 { color: #fff; } #myHut #m-dados .form-control { color: #fff; } /* --------------------------------------------- MYHUT - FILHOS ---------------------------------------------*/ #myHut #filhos p { line-height: 1.5em; } #myHut #filhos p.lead { font-size: 1.2em; color: #fff; line-height: 1.5em; } #myHut #filhos h3 { font-size: 3em; line-height: 1em; } #myHut #filhos h4 { font-weight: 600 !important; letter-spacing: .05em; } #myHut #filhos h3 small { color: #fff; } #myHut #filhos #filhos-card { padding: 0 8em; } #myHut #filhos #filhos-card .featured-box { margin-bottom: 35px; min-height: 400px; border-radius: 20px; } #myHut #filhos #filhos-card .featured-box a.btn-primary { background: #06c !important; } #myHut #filhos #filhos-card .featured-box a.btn-primary:hover { background: #000 !important; } #myHut #filhos #filhos-card .featured-box i { color: #fff; } #myHut #filhos #filhos-card .featured-box .box-content { padding: 30px; text-align: left; } #myHut #filhos #filhos-card .featured-box .box-content h4 { margin-top: .5em; } #myHut #filhos #filhos-card .featured-box .box-content .btn { border: none; } #myHut #filhos #filhos-card .featured-box.btn-adicionar .box-content .btn { margin-top: 12em; } #myHut #filhos #filhos-card .featured-box .box-content .col-xs-9.col-xs-offset-1 { padding-left: 2em; } #myHut #filhos #filhos-card .featured-box .box-content .qr-placeholder { background: #fff; padding: 1em; margin: 1em 0; border-radius: 15px; } #myHut #filhos #filhos-card .featured-box .box-content form .form-control { color: #fff; } #myHut #filhos #filhos-card .featured-box .box-content form input[type="date"] { background: #2d2d2d; } /* --------------------------------------------- MYHUT - MODAL ---------------------------------------------*/ #myHut.modal-open .modal { background: rgba(0, 0, 0, 0.80); padding-bottom: 8em; } #myHut .modal-content { background-color: #222; border-radius: 20px; } #myHut .modal-header { border-bottom: none; } #myHut .modal-header h4 { color: #06c; font-size: 2rem; text-transform: uppercase; line-height: 1.2; letter-spacing: 1px; width: 90%; } #myHut .modal-header button { opacity: 1; } #myHut .modal-header svg { width: 40px; height: 40px; fill: #06c; position: absolute; top: 2px; right: 2px; transition: all .5s; } #myHut .modal-header svg:hover { top: 4px; fill: #fff; } #myHut .modal-body { padding: 2rem 4rem 4rem 4rem; } #myHut .modal-body h2 { font-size: 3rem; letter-spacing: .5px; } #myHut .modal-body h3 { line-height: 1.2; letter-spacing: 1px; } #myHut .modal-body p, #myHut .modal-body ol li { color: #fff; line-height: 1.5em; font-weight: 400; } #myHut .modal-body a { text-decoration: underline; } #myHut .modal-body .btn { text-decoration: none; font-size: 1.4em; } #myHut .modal-body .checkbox label { font-size: 1.4em; } /* Promo Modal */ #myHut #m-promo .modal-body { padding: 2em; /* min-height: 300px; */ display: flex; flex-flow: column; align-items: center; justify-content: center; } #myHut #m-promo .modal-content { overflow: hidden; } #myHut #m-promo .modal-header { background: #faf7f2; position: relative; padding: 0; } #myHut #m-promo .modal-header .close { color: #222; font-size: 3em; position: absolute; top: .5em; right: .5em; margin-top: .1em; transition: all .3s ease-out; } #myHut #m-promo .modal-header .close:hover { margin-top: 0; } #myHut #m-promo .modal-header div { width: 100%; height: 18em; display: flex; align-items: center; justify-content: center; overflow: hidden; } #myHut #m-promo .modal-footer p { margin: 0 auto !important; } #myHut #m-promo .note { font-size: 1.2em; letter-spacing: .5px; } #myHut #m-promo #promo-covid19 svg { fill: #06c; width: 100px; height: 100px; position: relative; } #myHut #m-promo #promo-covid19 h2 { font-size: 2.6em; text-align: center; margin-bottom: .2em; text-transform: none; } #myHut #m-promo #promo-covid19 h3 { text-transform: none; text-align: center; margin: 0; } #myHut #m-promo #promo-covid19 p { text-align: center; max-width: 30em; margin: 0 auto 2em; } #myHut #m-promo #promo-covid19 a { max-width: 10em; margin: auto; } #myHut #m-promo #promo-covid19 input { font-size: 1.6em; margin: 0 auto 1em; width: 100%; } #myHut #m-promo #promo-covid19 .custom-file-input::-webkit-file-upload-button { visibility: hidden !important; display: none; } #myHut #m-promo #promo-covid19 .custom-file-input::before { content: 'Adicionar Comprovativo'; display: inline-block; /* background: #000; border: 1px solid #000; */ padding: 5px 10px; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: 400; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; height: 100%; margin: auto; } #myHut #m-promo #promo-covid19 .custom-file-input:hover::before { border-color: black; } #myHut #m-promo #promo-covid19 .custom-file-input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } #myHut #m-promo #promo-covid19 .modal-body button { margin: auto; display: block; } @media (max-width: 767px) { #myHut #modal-marcacao-aulas .panel-body { padding: 3rem; } #myHut #modal-marcacao-aulas .card { width: 100%; } #myHut #modal-marcacao-aulas li { width: 100%; } } html.dark .product-thumb-info, html.dark .panel-group .panel-heading, html.dark .tabs .tab-content, html.dark .featured-box, html.dark .form-control, html.dark .btn-default { background: #2d2d2d; border: 1px solid #000; } /* --------------------------------------------- RECRUTAMENTO ---------------------------------------------*/ #recrutamento { background: #fff; } #recrutamento a.btn-success, #recrutamento input.btn-success { background-color: #fff387; color: #000; border: none; } #recrutamento a.btn-success:hover, #recrutamento input.btn-success:hover { background-color: #000; color: #fff387; } #recrutamento ul { padding: 0; } #recrutamento h2 { text-transform: uppercase; font-size: 2em; color: #222; letter-spacing: .01em; font-weight: bold; margin-top: 0; } #recrutamento h3 { line-height: 1.1em; margin-bottom: .5em; } #recrutamento ul.products li.product { margin-bottom: 2em; } #recrutamento ul.products li.product .product-thumb-info { min-height: 625px; } #recrutamento ul.products li.product .product-thumb-info .product-thumb-info-image:before { background: transparent; } #recrutamento ul.products li.product .product-thumb-info-content { padding: 1em; } #recrutamento ul.products li.product .product-thumb-info-content h4 { color: #06c; letter-spacing: .01em; } #recrutamento ul.products li.product .product-thumb-info-content h6 { color: #06c; font-weight: 300; } #recrutamento ul.products li.product .product-thumb-info-content p { line-height: 1.2em; margin-bottom: .25em; } #recrutamento ul.products li.product .product-thumb-info-content hr { margin: 15px 0; } #recrutamento ul.products li.product .product-thumb-info-content ul.dropdown-menu li { position: relative !important; left: inherit !important; top: inherit !important; } #recrutamento .white-box { padding: 1.5em; } #recrutamento .dropdown-menu.fix { max-height: 120px; overflow-y: auto; } #recrutamento .label-fitness, #recrutamento .label-apoio, #recrutamento .label-comercial { margin: 0; padding: .5em; } #recrutamento .label-fitness p, #recrutamento .label-apoio p, #recrutamento .label-comercial p { color: #fff; font-size: .8em; line-height: 1em; margin: 0; } #recrutamento .label-fitness { background-color: #06c; } #recrutamento .label-apoio { background-color: #9fc; } #recrutamento .label-comercial { background-color: magenta; } #recrutamento .featured-box { margin-top: 0; margin-bottom: 120px; } #recrutamento .featured-box.featured-box-main { margin-top: 35px; margin-bottom: 35px; } #recrutamento .featured-box.featured-box-main .box-content { background-color: #06c; border: none; border-radius: 0; padding: 30px; } #recrutamento .featured-box.featured-box-main .box-content h3, #recrutamento .featured-box.featured-box-main .box-content p { color: #fff; } #recrutamento .featured-box.featured-box-main .box-content h3 { font-size: 1.2em; } #recrutamento .featured-box .box-content { border: none; padding: 10px 25px; text-align: left; } #recrutamento .featured-box .box-content i { text-align: center; font-family: 'Lato', Helvetica, sans-serif; } /* --------------------------------------------- PT ---------------------------------------------*/ #recrutamento .container .call-to-action { border-radius: 8px; } #recrutamento .call-to-action.with-borders { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; } #recrutamento .call-to-action.call-to-action-primary { background: #000; } #recrutamento .call-to-action.call-to-action-primary h3, #recrutamento .call-to-action.call-to-action-primary p { color: #fff; } /* Call to Action */ #recrutamento .call-to-action { position: relative; clear: both; min-height: 125px; padding-left: 25px; padding-right: 25px; } #recrutamento .call-to-action:before, .call-to-action:after { content: " "; display: table; } #recrutamento .call-to-action:after { clear: both; } #recrutamento .call-to-action h3 { text-transform: none; color: #1d2127; padding: 0; margin: 0 0 9px; } #recrutamento .call-to-action p { font-size: 1.2em; } #recrutamento .call-to-action .call-to-action-content { text-align: center; width: 70%; margin-left: 3%; padding-top: 35px; } #recrutamento .call-to-action .call-to-action-btn { width: 22%; text-align: center; position: absolute; top: 50%; margin: -18px 0 0; left: auto; right: 25px; } #recrutamento .call-to-action.call-to-action-default { background: #f2f2f2; } #recrutamento .call-to-action.call-to-action-dark { background: #2d2d2d; } #recrutamento .call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p { color: #fff; } #recrutamento .call-to-action.with-borders { border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; } #recrutamento .call-to-action.with-full-borders { border: 2px solid #ccc; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } #recrutamento .call-to-action.featured { background-color: transparent; background: -webkit-linear-gradient(top, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom, white 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; padding: 0; margin: 0; border-top: 3px solid #ccc; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } #recrutamento .call-to-action.featured.featured-primary { border-top-color: #cccccc; } #recrutamento .call-to-action.featured.featured-secondary { border-top-color: #e36159; } #recrutamento .call-to-action.featured.featured-tertiary { border-top-color: #2baab1; } #recrutamento .call-to-action.featured.featured-quaternary { border-top-color: #2d2d2d; } #recrutamento .call-to-action.with-button-arrow .call-to-action-btn { top: 30%; } #recrutamento .call-to-action.button-centered .call-to-action-content { text-align: center; width: 100%; padding: 35px 0 0; margin: 0; } #recrutamento .call-to-action.button-centered .call-to-action-btn { text-align: center; position: static; margin: 20px auto 25px; width: auto; } #recrutamento .call-to-action.call-to-action-in-footer { padding-top: 50px; padding-bottom: 50px; margin-top: 30px; margin-bottom: -50px !important; } #recrutamento .call-to-action.call-to-action-in-footer:before { content: ""; display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; height: 20px; width: 20px; top: -5px; left: 50%; margin-left: -20px; } #recrutamento .call-to-action.no-top-arrow:before { display: none; } #recrutamento .call-to-action.call-to-action-in-footer-margin-top { margin-top: 60px; } #recrutamento .container .call-to-action { border-radius: 8px; } #recrutamento section.call-to-action:before { display: none; } /* Responsive */ @media (max-width: 767px) { .call-to-action .call-to-action-content, .call-to-action .call-to-action-btn { margin: 0; padding: 0; position: static; width: auto; } } #recrutamento section#pt-vantagens { background: #000; position: relative; } #recrutamento section#pt-vantagens .vant { padding: 5em; } #recrutamento section#pt-vantagens .vant p { color: #fff; line-height: 1em; } #recrutamento section#pt-vantagens .vant h4 { color: #fff387; font-size: 1em; margin-bottom: 0; } #recrutamento section#pt-vantagens .vant a { margin-bottom: .5em; } #recrutamento section#pt-vantagens .vant ul { list-style-type: none; } #recrutamento section#pt-vantagens .vant ul li h2 { font-size: 5em; color: #fff; line-height: 1em; margin-bottom: 0; } #recrutamento section#pt-vantagens .vant ul li h3 { font-size: 2em; color: #fff; margin-bottom: 0; } #recrutamento section#pt-vantagens .vant ul li p { font-size: 1em; line-height: 1em; } #recrutamento section#pt-vantagens .vant .btn-default { background: #000; color: #fff; border-color: #fff; } #recrutamento section#pt-vantagens #vant2 h5 { color: #fff; font-size: 1.5em; font-weight: bold; margin-bottom: 0; } #recrutamento section#pt-vantagens #vant2 p { font-weight: 300; margin-bottom: 1em; } #recrutamento section#pt-vantagens #vision h4 { font-size: 2em; font-weight: bold !important; } #recrutamento section#pt-testemunhos { background: #fff; padding: 2em; } #recrutamento section#pt-testemunhos ul.team-list li .team-item { border: none; } #recrutamento section#pt-testemunhos ul.team-list li .thumb-info-caption { padding: 1em .5em; } #recrutamento section#pt-testemunhos ul.team-list li .thumb-info-caption h4 { margin-bottom: 0; text-transform: uppercase; } #recrutamento section#pt-testemunhos ul.team-list li .thumb-info-caption h6 { color: #06c; font-size: .8em; margin: 0; padding: 0; text-transform: uppercase; font-weight: 300; } #recrutamento section#pt-testemunhos ul.team-list li .thumb-info-caption p { padding: 0; } #recrutamento #question { background: #fff; } #recrutamento #b-candidatura { position: fixed; bottom: 40%; right: 0px; z-index: 5; } /* SIMULADOR PT - V2 */ #recrutamento #sym p { text-align: center; color: #222; } #recrutamento #sym input[type="number"] { font-size: 2em; height: 80px; text-align: center; font-weight: 300; color: #000; text-transform: uppercase; } #recrutamento #sym h1 { color: #222; font-size: 12em; font-weight: bold; line-height: .4em; letter-spacing: .01em; margin-top: 0.25em; } #recrutamento #sym h1 span { font-size: .3em; } #recrutamento #sym h4 { color: #222; } #recrutamento #sym h3 { color: #222; font-size: 3em; font-weight: bold; line-height: .5em; } #recrutamento #sym h3 span { font-size: .3em; } #recrutamento #sym h4.panel-title a.accordion-toggle { text-align: center; color: #000; } #recrutamento #sym .panel { box-shadow: none; border-radius: 0; border: none; border-top: 1px solid #ccc; } #recrutamento #sym .panel-default > .panel-heading { background: #fff; } #recrutamento #question.jumbotron, #recrutamento #sym.jumbotron { margin-bottom: 0; } #recrutamento #sym .nota { font-size: .8em; line-height: 1em; } #recrutamento #sym .sim-eur { font-size: 2em; color: #222; font-weight: 300; } #recrutamento #sym .eur-top { position: absolute; top: 90px; right: 125px; display: none; } #recrutamento #sym .eur-bottom { position: absolute; top: 185px; right: 125px; display: none; } /* SIMULADOR PT */ #recrutamento #modal-simulador p.short { line-height: 1em; } #recrutamento #modal-simulador .modal-header { text-align: center; padding: 2em; background: #000; border-bottom-color: #000; } #recrutamento #modal-simulador .modal-header h4 { color: #fff; } #recrutamento #modal-simulador .modal-header p.short { color: #9fc; text-transform: uppercase; line-height: 1.5em; } #recrutamento #modal-simulador .modal-header p.short.inverted { background: #9fc; color: #000; font-size: 1.2em; } #recrutamento #modal-simulador .modal-body { padding: 1em 4em; background: #1d2127; } #recrutamento #modal-simulador .modal-footer { text-align: left; background: #000; border-top-color: #000; } #recrutamento #modal-simulador .modal-footer p { font-size: .8em; color: #676666; letter-spacing: .01em; line-height: 1em; margin-bottom: 0; } #recrutamento #simulador table { margin-bottom: 0; } #recrutamento #simulador thead { background: #fff; color: #fff; vertical-align: middle !important; text-align: center; } #recrutamento #simulador thead td p { font-size: 1em; line-height: 1em; margin-bottom: 0; font-weight: bold; } #recrutamento #simulador td { padding: 1em; text-transform: uppercase; } #recrutamento #simulador tbody td:first-child { font-size: 1em; font-weight: 200; } #recrutamento #simulador tbody td { border-top-color: #e7e7e7; } #recrutamento #simulador tbody td span { font-size: .8em; color: #999; } #recrutamento #simulador tfoot td { border-top-color: #e7e7e7; color: #06c; } #recrutamento #simulador input { text-align: center; } #recrutamento #simulador .table > tfoot > tr.info > td { background: #fff; color: #1d2127; } #recrutamento #simulador .simulador-destaque { font-size: 130%; padding-top: 10px; font-weight: bold; background: #f4f4f4 !important; } #recrutamento #simulador .simulador-destaque p { padding-top: 10px; } /* SIMULADOR OLD */ #recrutamento #simulador.sym-old thead { background: #222 !important; } /* FORM CANDIDATURA */ #recrutamento #modal-candidatura .modal-header { text-align: center; padding: 1em; background: #000; border-bottom-color: #000; } #recrutamento #modal-candidatura .modal-header h4 { color: #fff; line-height: 1em; } #recrutamento #modal-candidatura p { color: #fff387; } #recrutamento #modal-candidatura .modal-body { background: #1d2127; } #recrutamento #modal-candidatura .modal-body .form-group { margin-bottom: 10px; } #recrutamento #modal-candidatura .modal-body form label { color: #fff; font-size: .8em; } #recrutamento #modal-candidatura .modal-body form select { width: 100%; padding: 6px 12px; border: #ccc 1px solid; height: 2.8em; font-size: .9em; color: #fff; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background: url(../../img/myhut/DropdownArrow.png) no-repeat right #fff; color: #000; text-transform: uppercase; } #recrutamento #modal-candidatura .modal-body label a { color: #fff; border-bottom: 1px solid #fff; padding-bottom: .02em; } #recrutamento #modal-candidatura .modal-body.obrigado { text-align: center; } #recrutamento #modal-candidatura .modal-body.obrigado i, #recrutamento #modal-candidatura .modal-body.obrigado h2 { color: #fff; } /* VISÃO */ #recrutamento #modal-visao .modal-header { text-align: center; padding: 2em; background: #000; border-bottom-color: #000; } #recrutamento #modal-visao .modal-header h4 { color: #fff; } #recrutamento #modal-visao .modal-body { background: #1d2127; } #recrutamento #modal-visao .modal-body p { color: #fff; } /* CÓDIGO PT */ #recrutamento #modal-codigo .modal-header { text-align: center; padding: 2em; background: #000; border-bottom-color: #000; } #recrutamento #modal-codigo .modal-header h4 { color: #fff; } #recrutamento #modal-codigo .modal-header p { color: #fff387; } #recrutamento #modal-codigo .modal-body { background: #1d2127; } #recrutamento #modal-codigo .modal-body p { color: #fff; } #recrutamento #modal-codigo .modal-body h3 { color: #fff387; margin-bottom: 0; margin-top: 1em; } #recrutamento #modal-codigo .modal-body .featured-boxes { margin-bottom: 0; } #recrutamento #modal-codigo .modal-body .featured-box { background: #1d2127; border: none; margin-bottom: 0; } #recrutamento #modal-codigo .modal-body .featured-box .box-content h4 { color: #fff; margin-bottom: 0; } /* --------------------------------------------- FAMOSOS ---------------------------------------------*/ #famosos ul.team-list .team-item { position: relative; } #famosos ul.team-list li .thumb-info-caption { height: 175px; } #famosos ul.team-list li .thumb-info-caption blockquote.testimonial { background: #fff; margin-bottom: 4em; padding: 10px 30px; } #famosos ul.team-list li .thumb-info-caption blockquote.testimonial:before { color: #ededed; } #famosos ul.team-list li .thumb-info-caption blockquote.testimonial:after { color: #ededed; } #famosos-detalhe h2 { margin: 0; } #famosos-detalhe blockquote.testimonial { background: transparent; } #famosos-detalhe blockquote.testimonial:before { color: #0099e6; } #famosos-detalhe blockquote.testimonial:after { color: #0099e6; } #famosos-detalhe blockquote.testimonial p { color: #000; } #famosos-detalhe section.featured { margin: 0; } #famosos-detalhe .main { margin-bottom: 0; } /* MEDIA ---------------------------------------------*/ #media #fonte span { color: #06c; } #media .white-box { padding: 1em; margin-top: -2.5em; } #media .white-box h4 { color: #06c; } #media .white-box p { line-height: 1em; font-weight: 300; } /* #media .thumbnail { border-top: 5px solid #06c; border-radius: 0; } */ #media .dia { background: #06c; margin-bottom: 1em; padding: 1em .5em; height: 75px; } #media .dia p, #media .dia p span, #media .dia p a { color: #fff; line-height: 1.2em; margin: 0; padding: 0; } #media .dia p span { font-weight: 300; } #media #media-list li .thumb-info-caption { padding: 0; } #media #media-list li .thumb-info-caption h4 { font-size: 1.2em; height: 6em; } #media #media-list .thumb-info-social-icons { margin-top: 1em !important; padding: 5px 0; position: inherit; width: inherit; } /* --------------------------------------------- INSCRIÇÃO - GERAL ---------------------------------------------*/ body#inscricao { background: #fff; } #inscricao .apoio.alert-info { background-color: #222; border-color: #222; border-radius: 15px; } #inscricao .apoio.alert-info h3 { color: #9fc; letter-spacing: .05em; font-weight: 800; margin-top: .5em; } #inscricao .featured-box.inverted { background: #fff; border-radius: 0; margin-top: 0; padding: .2em; border: 1px solid #ddd; box-shadow: none; display: block; min-height: auto; margin-bottom: 10px; } #inscricao .featured-box.inverted h3, #inscricao .featured-box.inverted h2 { color: #222; } #inscricao .featured-box.inverted h3 { font-size: 1em; line-height: 1.2em; } #inscricao .featured-box.inverted h2 { font-size: 2em !important; } #inscricao .featured-box.inverted p { color: #222; min-height: auto !important; margin-bottom: 0 !important; } #inscricao #resumo .panel-default { border: 1px solid #ddd; } #inscricao #resumo .panel-group .panel-heading { background: #fff; border-radius: 0; } #inscricao #resumo .panel-group .panel-heading h4 a { color: #222; line-height: 1em; } #inscricao #resumo .panel-group .panel-body { background: #fff; } #inscricao #resumo .panel-group h5, #inscricao #resumo .panel-group h4, #inscricao #resumo .panel-group p a { color: #222; } #inscricao #resumo .panel-group h5 { font-size: .7em; letter-spacing: .02em; line-height: 1.2em; margin-bottom: .25em; } #inscricao #resumo .panel-group h4 { font-size: 1em; line-height: 1.2em; } #inscricao #resumo .panel-group h4:last-child { margin-bottom: .75em; } #inscricao #resumo .panel-group .total { background-color: #222; padding: 15px; } #inscricao #resumo .panel-group .total h4, #inscricao #resumo .panel-group .total p, #inscricao #resumo .panel-group .total h5 { color: #fff; } #inscricao #resumo .panel-group .total h4 { font-size: 1.75em; } #inscricao #resumo .panel-group .total p { font-weight: 300; letter-spacing: .05em; font-size: .8em; } #inscricao #resumo .panel-group .ofertas { background-color: #9fc; padding: 15px; } #inscricao #resumo .panel-group .ofertas ul { padding: 0; } #inscricao #resumo .panel-group .ofertas ul li { list-style-type: none; color: #222; line-height: 1.25em; margin-bottom: .25em; } #inscricao #insc-inicial h2 { font-size: 5em; } #inscricao #insc-inicial h3 { font-weight: 300; } #inscricao #move-duo .push-top { margin-top: 15px; } /* PACK BOX */ #inscricao #quota .featured-box { padding: 1em; } #inscricao #quota .featured-box h2 { font-weight: 400; font-size: 1.25em; letter-spacing: .01em; margin-bottom: .75em; } #inscricao #quota .featured-box p { text-transform: none; font-size: 1em; line-height: 1.5em; margin-bottom: 2em; min-height: 110px; } #inscricao #quota .featured-box a.btn-primary { background-color: #222; border-color: #222 !important; } #inscricao #quota .featured-box a.btn-primary:hover, #inscricao #quota .featured-box a.btn-primary:focus { background-color: #000; border-color: #000 !important; color: #fff; } #inscricao #quota .featured-box.style-one { background: #fff; border: 1px solid #ededed; min-height: auto; } #inscricao #quota .featured-box.style-one h2 { color: #222; } #inscricao #quota .featured-box.style-two { background-color: #06c; min-height: auto; } #inscricao #quota .featured-box.style-two h2, #inscricao #quota .featured-box.style-two p { color: #fff; } #inscricao #quota .featured-box.style-three { background-color: #ff0000; } #inscricao #quota .featured-box.style-three h2, #inscricao #quota .featured-box.style-three p { color: #fff; } #inscricao #quota .featured-box.header { text-align: left; margin-top: 2.5em; } #inscricao #quota .featured-box.header .push-top { margin-top: 15px; } #inscricao #quota .featured-box.header a i { color: #fff; } #inscricao #quota .featured-box.disabled { opacity: .5; } #inscricao #quota ul.portfolio-list { border: 1px solid #ddd; padding: 1em; } #inscricao #quota .table-responsive.packs { padding: 1em; border: 1px solid #333; margin-top: .75em; } #inscricao #quota .table-responsive.packs:first-child { margin-top: 0; } #inscricao #quota .table-responsive.packs table.table { margin-bottom: 0; } #inscricao #quota .table-responsive.packs tr { background-color: #fff; } #inscricao #quota .table-responsive.packs thead th, #inscricao #quota .table-responsive.packs tbody td { width: 17%; } #inscricao #quota .table-responsive.packs thead th:first-child, #inscricao #quota .table-responsive.packs tbody td:first-child { width: 22%; } #inscricao #quota .table-responsive.packs tr td { padding: .5em; } #inscricao #quota .table-responsive.packs th.promo, #inscricao #quota .table-responsive.packs td.promo { background-color: #222; } #inscricao #quota .table-responsive.packs td.promo p, #inscricao #quota .table-responsive.packs th.promo p, #inscricao #quota .table-responsive.packs th.promo h4, #inscricao #quota .table-responsive.packs th.promo h6, #inscricao #quota .table-responsive.packs td.promo h6, #inscricao #quota .table-responsive.packs td.promo .btn-link { color: #fff !important; } #inscricao #quota .table-responsive.packs td.promo { border-top-color: #000; } #inscricao #quota .table-responsive.packs th.promo { border-bottom-color: #000; } #inscricao #quota .table-responsive.packs p { margin-bottom: 0; } #inscricao #quota .table-responsive.packs p span { font-size: 1.3em; text-decoration: line-through #06c; } #inscricao #quota .table-responsive.packs h4 { font-size: 1.2em; color: #222; line-height: 1em; } #inscricao #quota .table-responsive.packs h6 { font-size: 1.5em; margin: 0; } #inscricao #quota .table-responsive.packs .btn-link { color: #222; text-transform: uppercase; } #inscricao #quota .table-responsive.packs .btn-link small { text-transform: none; } #inscricao #quota .table-responsive.packs .checkbox { margin: 0; } #inscricao #quota .table-responsive.packs .checkbox label { font-size: 20px; display: block; margin-bottom: .5em; } #inscricao #quota .table-responsive.packs tr.nutri td { border: none; padding-top: 1em; } #inscricao #quota .table-responsive.packs tr.nutri p { font-weight: bold; font-size: 1em; } #inscricao #quota .push-top { margin-top: 10px; } #inscricao #quota.design-fitness .push-top { margin-top: 40px; } #inscricao #quota.design-fitness .btn-group { width: 100%; } #inscricao #quota.design-fitness .push-top .header.featured-box { min-height: auto; } #inscricao #quota.design-fitness .btn.disabled, #inscricao #quota.design-fitness .btn[disabled], #inscricao #quota.design-fitness fieldset[disabled] .btn { opacity: .2 !important; } #inscricao .fit-box { color: #222; font-size: .9em; text-transform: uppercase; letter-spacing: .03em; border: 1px solid #ededed; border-radius: 20px !important; padding-bottom: 1.5em; margin-bottom: 0; min-height: auto; width: 20%; margin-right: 20px; margin-bottom: 20px; } #inscricao .fit-box i { margin: .5em; margin-bottom: .25em; color: #9e9e9e; } #inscricao .fit-box.selected, #inscricao .fit-box:hover, #inscricao .fit-box.active { background-color: #222 !important; color: #fff; border-color: #222; -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.28); -moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.28); box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.28); } #inscricao .fit-box.selected i, #inscricao .fit-box:hover i, #inscricao .fit-box.active i { color: #fff; } #inscricao .fit-box.free i { color: #222; } #inscricao .fit-box.free, #inscricao .fit-box.free:hover, #inscricao .fit-box.free[disabled] { background-color: #9fc !important; border-color: #9fc !important; color: #222; -webkit-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.28); -moz-box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.28); box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.28); opacity: 1; } #inscricao .fit-box.disabled { opacity: .3; } #inscricao .fit-box .novo { font-size: .8em; line-height: 1em; font-weight: 800; letter-spacing: .1em; background-color: #9fc; color: #222; padding: .5em; margin-top: 1em; border-radius: 8px; } #inscricao #pagamento .btn-group { width: 100%; } #inscricao #pagamento .fit-box { width: 40%; } #inscricao #pagamento .nav-tabs li.active a, #inscricao #pagamento .nav-tabs li.active a:hover, #inscricao #pagamento .nav-tabs li.active a:focus { border: 1px solid #222; border-radius: 0; color: #222; } #inscricao #pagamento .nav-tabs li a, #inscricao #pagamento .nav-tabs li a:hover { border: 1px solid #f4f4f4; border-radius: 0; } #inscricao #pagamento ul.nav.nav-tabs > li > a:hover, #inscricao #pagamento ul.nav.nav-tabs > li > a:focus { background-color: #fff; color: #222; border-color: #222; } #inscricao #pagamento .tab-content { border-radius: 0; box-shadow: none; border: none; padding: 0; padding-top: 2em; } #inscricao #pagamento .nav-tabs { border-bottom-color: #fff; } #inscricao .modal .modal-header { background-color: #222; } #inscricao .modal .modal-header h4 { color: #fff; letter-spacing: .02em; } #inscricao .modal p { font-size: 1em; text-transform: none; line-height: 1.5em; letter-spacing: 0 !important; text-align: left; margin-bottom: .5em; } #inscricao .modal .center p { text-align: center; } #inscricao .modal h4 { color: #fff; } #inscricao .modal h5 { color: #222; text-transform: inherit; } #inscricao .modal#m-nutrihut .modal-body { padding: 0 5em; } #inscricao .modal#m-nutrihut .modal-content { background-color: #222; } #inscricao .modal#m-nutrihut .modal-content h3 { color: #fff; line-height: 1.5em; } #inscricao .modal#m-nutrihut .modal-content ul { margin-bottom: 0; } #inscricao .modal#m-nutrihut .modal-content li { font-size: 1.2em; color: #fff; border: none; line-height: 1.5em; margin-bottom: 0; } #inscricao .modal .table-responsive table { font-size: 1.2em; } #inscricao .modal .table-responsive table tr { background-color: #fff; } #inscricao .modal .table-responsive table td, #inscricao .modal .table-responsive table th { color: #222; padding: 1em; vertical-align: middle; text-align: center; letter-spacing: .03em; } #inscricao .modal .modal-header /* RESUMO */ #inscricao #resumo .white-box { padding: 1em; padding-top: 0; background: #eee; } #inscricao #resumo .white-box h4 { padding-top: .5em; margin-bottom: 0; } #inscricao #resumo .white-box h5 { margin-bottom: 0; font-weight: 300; color: #222; font-size: .8em; } #inscricao #resumo .white-box h6 { font-size: .6em; line-height: .8em; font-weight: 300; margin-bottom: 0; } #inscricao #resumo .white-box p { color: #222; font-size: 1.2em; margin-bottom: 0; line-height: 1em; } #inscricao #resumo .white-box p a { font-size: .6em; font-weight: 300; } #inscricao #final { margin-top: 0; } #inscricao #final table.table tr { background: #fff; } #inscricao #final .featured-box { background: #fff; border: 1px solid #ededed; border-radius: 0; margin-top: 0; } #inscricao #final .featured-box .box-content h5 { color: #646464; font-size: 1.5em; } #inscricao #final .featured-box .box-content p { color: #646464; text-transform: none; font-size: 1em; line-height: 1.5em; font-weight: 200; } #inscricao #final .featured-box .box-content p.lead { font-size: 1.2em; } #inscricao .blue-box { background-color: #222; padding: 1em; margin-bottom: .5em; } #inscricao .blue-box h3 { margin-bottom: 0; } #inscricao .blue-box h2 { color: #fff; margin-bottom: .5em; line-height: 1.5em; } #inscricao .blue-box p { color: #fff; font-size: 1.2em; line-height: 1.5em; text-transform: none; font-weight: 200; } #inscricao #m-faqs .panel-default > .panel-heading { background: #fff; border-color: #fff; text-align: left; } #inscricao #m-faqs .panel-default { border-color: #fff; } #inscricao #m-faqs .panel { box-shadow: none; } #inscricao #m-faqs .panel-body { background: #f5f5f5; } #inscricao #m-faqs p { font-size: 1em; line-height: 1.5em; font-weight: 300; } #inscricao #m-faqs .panel-body h5, #inscricao #m-faqs .panel-body li { text-align: left; } /* INSCRIÇÃO - GERAL / OLD ---------------------------------------------*/ /* Header */ #inscricao #header-insc { min-height: 60px; background: #06c; padding: .5em; } #inscricao #header-insc #home i { color: #fff; } #inscricao #header-insc h2 { font-size: 1.5em; color: #fff; letter-spacing: .01em; font-weight: 400; text-transform: uppercase; display: block; margin: 0; } /* Passos */ #inscricao ol.breadcrumb { font-size: .9em; text-transform: uppercase; padding: 0; margin: 0; line-height: 1em; background: #06c; border-radius: 0; } .breadcrumb > li + li:before { color: #66a3c2; } #inscricao ol.breadcrumb li { font-size: .8em; color: #222; letter-spacing: .01em; line-height: 1em; } #inscricao ol.breadcrumb li.active { color: #fff; } #inscricao .breadcrumb > li + li:before { color: #222; } #inscricao h3 { font-size: 1.5em; color: #222; padding: 0; margin-bottom: .5em; } #inscricao h4 { color: #222; } /* Info Servidor Seguros */ #inscricao #top-links { padding: .5em; } #inscricao #top-links a { color: #222; font-size: .8em; line-height: 1.5em; font-weight: 300; text-transform: uppercase; display: block; } #inscricao #top-links a:hover { color: #fff; text-decoration: none; } /* --------------------------------------------- INSCRIÇÃO - CLUBES ---------------------------------------------*/ #inscricao .google-map { margin: 10px 0; } #inscricao #mapa { display: none; } .modal-open .modal { background: rgba(255, 255, 255, 0.9); } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2); } #inscricao .modal-header { background: #06c; text-align: center; border: none; } #inscricao .modal-header h4 { color: #9fc; font-weight: 300; text-transform: uppercase; font-size: 1em; } #inscricao .modal-body { text-align: center; padding: 3em 3em 0; } #inscricao .modal-body h2 { text-align: center; font-weight: 200; line-height: .9em; display: block; background: #06c; padding: 1em; color: #fff; font-size: 1.25em; letter-spacing: .01em; margin: -2.4em -2.4em .5em; text-transform: uppercase; } #inscricao .modal-body h2 span { font-size: 2em; font-weight: 700; line-height: 1em; } #inscricao .modal-body h2 span i { font-size: .7em; } #inscricao .modal-body ul { list-style-type: none; padding: 0; margin: 0; } #inscricao .modal-body ul li { display: block; padding: .5em; border-bottom: 1px solid #eee; } #inscricao .modal-body ul li:first-child { border-top: 1px solid #eee; } #inscricao .modal-body ul li h3 { margin-bottom: 0; font-size: 1.3em; } #inscricao .modal-body ul li p { color: #999; margin-bottom: 0; } #inscricao .modal-footer { border: none; } /* modal help */ #inscricao #m-help .modal-content { border: none; border-radius: 25px; } #inscricao #m-help .modal-body h3 { text-align: left; text-transform: none; line-height: 1.5em; } #inscricao #m-help .modal-body h3.center { text-align: center; } #inscricao #m-help .modal-body form { border: 1px solid #e7e7e7; padding: 2em; border-radius: 20px; } #inscricao #m-help .modal-body .white-box { padding: 5em; } /* page help */ #inscricao #help h3 { font-size: 2.2em; text-align: left; text-transform: none; line-height: 1.25em; margin-top: 1em; } #inscricao #help h3.center { text-align: center; } #inscricao #help p { font-size: 1.5em; } #inscricao #help form { border: 1px solid #e7e7e7; padding: 2em; border-radius: 20px; } /* campanha */ #inscricao.campanha { background-image: linear-gradient(to left, #008ade, #0090e0, #0096e2, #099be4, #15a1e6); } #inscricao #campanha h1, #inscricao #campanha-presale h1 { font-size: 1em; color: #fff; font-weight: 400; text-align: left; text-transform: uppercase !important; text-transform: none; line-height: 1.25em; letter-spacing: .03em; margin-top: 0; margin-bottom: .5em; } #inscricao #campanha h2 { font-size: 1.1em; font-weight: 600; letter-spacing: .03em; line-height: 1.3em; margin-bottom: 1em; text-align: center; } #inscricao #campanha p { font-size: .8em; color: #fff; letter-spacing: .02em; line-height: 1.75em; } #inscricao #campanha p a { color: #fff; text-decoration: underline; } #inscricao #campanha form { background: #fff; border: 1px solid #e7e7e7; padding: 2em; border-radius: 20px; margin-bottom: 1em; -webkit-box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); } #inscricao #campanha form p { color: #222; font-size: 1.2em; } #inscricao #campanha form label { font-size: 1rem; } #inscricao #campanha #footer { background-color: #06c; } #inscricao #campanha #footer p { color: #fff; font-weight: 300; } #inscricao #campanha #footer p a { color: #fff !important; } #inscricao.campanha .form-control:focus { border: 1px solid #000; } /* campanha presale */ #inscricao #campanha-presale h2 { font-size: 1.1em; font-weight: 600; letter-spacing: .03em; line-height: 1.3em; margin-bottom: 1em; text-align: center; } #inscricao #campanha-presale p { color: #ccc; } #inscricao #campanha-presale form { background: #fff; border: 1px solid #e7e7e7; padding: 2em; border-radius: 20px; margin-bottom: 1em; } #inscricao #campanha-presale form p { color: #222; font-size: 1.2em; } #inscricao #campanha-presale form label { font-size: 1rem; } /* modal passport */ #inscricao #m-passport .modal-body { padding-top: 0; } #inscricao #m-passport .modal-body p.center { text-align: center; } #inscricao #m-passport .modal-body h1 { color: #222; font-weight: 600; margin-bottom: .2em; } #inscricao #m-passport .modal-body h3 { color: #222; font-size: 1.2em; } #inscricao .featured-box { margin: 0; } /* lista de clubes */ ul.nav-pills > li.active > a { padding-top: .5em; background-color: #fff; color: #06c !important; } ul.nav-pills > li > a:hover { background-color: #fff; color: #06c; } #inscricao .portfolio-list { margin-top: 1em; } #inscricao .portfolio-list .img-thumbnail { border: none; padding: 0; border-left: 0; } #inscricao .portfolio-list .thumb-info-title { padding: 1em 0; } #inscricao .portfolio-list .portfolio-item .thumb-info-inner { font-size: .8em; font-weight: 800; letter-spacing: .025em; text-transform: uppercase; } #inscricao .thumb-info .thumb-info-inner img { margin-bottom: .5em; width: 30%; display: inline-block; } #inscricao .thumb-info-title .thumb-info-type hr { margin: 0 .25em .25em; background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 1), transparent); } #inscricao .thumb-info .thumb-info-type { padding: 1em; padding-top: 0; font-size: .6em; letter-spacing: .02em; text-transform: uppercase; } #inscricao .thumb-info .thumb-info-type .row { margin-bottom: .15em; } #inscricao .thumb-info .thumb-info-action { background: transparent; } /* --------------------------------------------- INSCRIÇÃO - TIPO DE ADESÃO ---------------------------------------------*/ #inscricao .pricing-table .plan { padding: 25px; margin: .25em; min-height: 440px; } #inscricao .pricing-table .plan h3 { background: #fff; margin-bottom: 0; padding: .5em 0; } #inscricao .pricing-table .most-popular h3 { background: #06c; } #inscricao .pricing-table .plan h3 span { background: #fff !important; background: #eee; border: none; border-radius: 0; box-shadow: none; color: #06c; font: inherit; margin: 0; width: inherit; height: auto; font-size: .6em; line-height: 1em; padding: .25em; } #inscricao .pricing-table .plan h3 span:hover { background: #eee; } #inscricao .pricing-table .most-popular h3 span { background: #06c !important; } #inscricao .pricing-table .most-popular { border: none; } #inscricao .pricing-table .plan h3 img { text-align: center; width: 80%; display: inline-block; } #inscricao .pricing-table .plan .row { background: #fff; margin: 0 -20px; } #inscricao .pricing-table .plan a { margin-bottom: 1em; } #inscricao .pricing-table .plan span { padding: 0 1em; } /* #inscricao .pricing-table .plan span:hover { background: #e7e7e7; } */ #inscricao .pricing-table .plan p { font-size: .7em; text-transform: uppercase; line-height: 1em; padding-top: .5em; margin-bottom: 0; text-shadow: none; } #inscricao .pricing-table .plan h4 { font-size: 1.8em; font-weight: 700; text-shadow: none; margin-bottom: 0; } #inscricao .pricing-table .plan h4 i { font-size: .7em; } #inscricao .pricing-table .plan h4 span { color: #ccc; padding: 0; font-size: .8em; font-weight: 400; } #inscricao .pricing-table .plan ul { margin-top: .5em; } #inscricao .pricing-table .plan ul li { font-size: .9em; line-height: 1.2em; text-shadow: none; } #inscricao .pricing-table .plan ul li:first-child { border-top: none; } #inscricao .pricing-table .plan.most-popular h3 span { background: #06c; color: #fff; } #inscricao .pricing-table .plan.most-popular h3 span:hover { background: #06c; } #inscricao .pricing-table .plan.most-popular .row { background: #06c; } #inscricao .pricing-table .plan.most-popular h4 { color: #fff; } #inscricao .pricing-table .plan.most-popular h4 span { color: #6699cc; } /* #inscricao .pricing-table .plan.most-popular span:hover { background: #005c8a; } */ #inscricao .pricing-table .plan.most-popular p { color: #fff; } #inscricao .informacao { font-size: .8em; color: #999; font-weight: 400; line-height: 1.2em; } #inscricao .informacao i { margin-right: .5em; } #inscricao .pricing-table .plan-ribbon { font-size: 8px; color: #9fc; text-transform: uppercase; background-color: #06c; background-image: none; text-shadow: none !important; } /* SUMMER 2017 */ #inscricao .pricing-table .plan.most-popular.summer h3 { background: #435b3e; color: #dc994c; padding: 1em; } #inscricao .pricing-table .plan.most-popular.summer .row { background: #c94444; } #inscricao .pricing-table .plan.most-popular.summer h4 span { color: #dc994c; } #inscricao #modal-alerta p { font-size: 2em; line-height: 1.5em; text-transform: none; } #inscricao #modal-alerta h4 { font-size: 2em; } #inscricao #m-help label { text-align: left; } /* --------------------------------------------- INSCRIÇÃO - ADITIVOS ---------------------------------------------*/ #inscricao #aditivos .alert { margin-top: 0; border-radius: 8px; border-top-right-radius: 0; border-top-left-radius: 0; background-color: #9fc; color: #000; padding: 1em; border: none; } #inscricao #aditivos .alert span { font-size: 4em; font-weight: 600; margin-top: 1em; line-height: 1em; } #inscricao #aditivos .alert span.exclusivo { font-size: 2em; } #inscricao #aditivos .featured-box { margin: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: none; } #inscricao #aditivos .featured-box .box-content .row { padding: 0; } #inscricao #aditivos .featured-box .box-content { padding: 2em 5em 0; } #inscricao #aditivos h2 { font-size: 1.7em; line-height: 1.2em; color: #9fc !important; margin-bottom: 0; } #inscricao #aditivos p { font-size: 1em; line-height: 1.5em; font-weight: 300; } #inscricao #aditivos p.lead { font-size: 1.2em; font-weight: 400; } #inscricao #aditivos p.small { font-size: 1em; line-height: 1.2em; } #inscricao #aditivos a.btn-success { text-transform: uppercase; background-color: #06c; color: #9fc; border: none; } #inscricao #aditivos a.btn-success:hover { background-color: #242424; color: #fff; } #inscricao #aditivos a.btn-success span { font-size: .7em; } #inscricao #aditivos a.btn-default { text-transform: uppercase; background-color: #9fc !important; border: #9fc; color: #06c; } #inscricao #aditivos a.btn-default:hover { background-color: #9fc !important; color: #000; } /* --------------------------------------------- INSCRIÇÃO - DADOS PESSOAIS ---------------------------------------------*/ #inscricao .alert.alert-danger { text-align: center; } #inscricao .alert.alert-danger.push-top { margin-top: 10px; } #inscricao #aviso-nutricao p { font-size: 1em; color: #222; line-height: 1.5em; font-weight: 200; text-transform: none; } #inscricao form label, #inscricao p, #inscricao li { font-size: 1.2rem; color: #222; line-height: 1.5em; } #inscricao .form-control { margin-bottom: .5em; } #inscricao p { margin-bottom: 1em; } #inscricao form label a:hover { text-decoration: none; border-bottom: 1px solid #0099e6; } #inscricao form .form-group { margin-bottom: .5em; } #inscricao #legal-info form label { text-transform: none; font-size: 1em; line-height: 1.8em; } #inscricao #legal-info p { font-size: 1em; line-height: 1.8em; text-transform: none; } #inscricao #legal-info .scroll { height: 480px; width: 100%; overflow-y: auto; } /* --------------------------------------------- INSCRIÇÃO - PAGAMENTO INICIAL ---------------------------------------------*/ #inscricao table.table tr { background: #222; } #inscricao table.table > tbody > tr.info > td { background: #222; } #inscricao table.table td { padding: 10px 20px 0; } #inscricao table.table td h5, #inscricao table.table td h4 { color: #fff; } #dados-mb { border: 3px solid #fff; padding: 1em; } #dados-mb p { display: block; margin-bottom: .25em; } #dados-mb h3 { font-size: 1.5em; display: block; background: #222; color: #fff; padding: 1em; margin-bottom: .5em; text-align: center; } #inscricao #redirect { background: #fff; padding: 2em; } /* --------------------------------------------- INSCRIÇÃO - COMPROVATIVO ---------------------------------------------*/ #inscricao .featured-box .box-content { border: none; text-align: left; } #inscricao .featured-box .box-content .row { padding: 1em; } /* --------------------------------------------- AJUDA ---------------------------------------------*/ #ajuda { background: #fff; } #ajuda .form-group { margin-bottom: 10px; } #ajuda .modal-header { padding: 2em; } #ajuda .modal-body { padding: 2em 4em; } #ajuda .modal-body p { font-size: 1em; color: #000; line-height: 1.2em; margin-bottom: .5em; } #ajuda .modal-footer { border: none; padding: 2em; } #ajuda .alert { padding: .5em 2em 2em; } #ajuda .alert i { margin: .25em 0; } #ajuda section.call-to-action:before { border-top-color: #ededed; } #ajuda section.featured { background: #fff; padding: 2em 0 5em; } #ajuda .tab-content { padding: 1.6em; } #ajuda .alert-secondary { border: 1px solid #ededed; } /* Faqs */ #ajuda section.toggle.active > label { margin-bottom: 0; } #ajuda .toggle > .toggle-content { padding: 2em 4em; background: #fff; border-radius: 5px; } #ajuda .toggle > .toggle-content p, #ajuda .toggle > .toggle-content ul li { color: #333; font-weight: 300; margin-bottom: 0; } #ajuda .toggle > .toggle-content h6 { margin-bottom: 0; } /* --------------------------------------------- EVENTOS ---------------------------------------------*/ #eventos section.video { margin: 0; padding: 100px 0; } #eventos section.video .video-overlay { background: transparent url(../../img/video-overlay.png) repeat 0 0; } #eventos #info p { font-size: 1.2em; font-weight: 200; line-height: 1.5em; } #eventos #galeria h2 { margin-bottom: 0; } #eventos #galeria p { margin-bottom: 2em; } #eventos #parceiros h5 { margin-bottom: 0; } #eventos #parceiros p a:hover { text-decoration: none; border-bottom: 1px solid #0099e6; } #eventos #revolutionSliderFullScreen ul.nav-pills li a { color: #000; } #eventos #programa .product-thumb-info { border: none; background: transparent; } #eventos #programa .product-thumb-info p { color: #fff; } #eventos #programa .sidebar .featured-box { border-radius: 0; text-align: left; margin-top: 0; } #eventos #programa .sidebar .featured-box .box-content { border-top: none; padding: 1em; } #eventos #programa .sidebar .featured-box .box-content h2 { color: #fff; margin-bottom: .5em; text-transform: uppercase; font-size: 1.5em; } #eventos #programa .sidebar .featured-box .box-content h4 { color: #fff; line-height: 1.2em; } #eventos #programa .sidebar .featured-box .box-content h5 { color: #fff; font-weight: 300; line-height: 1.2em; margin-bottom: 0; } #eventos #programa .product { margin-bottom: 2em; min-height: 340px; } #eventos #programa .product-thumb-info-list { padding-left: 0; } #eventos .sort-destination.full-width { margin: 0; } #eventos .color-fix { color: #06c; } #eventos #programa ul.list-unstyled li { color: #fff; } #eventos #sobre.jumbotron { padding: 0px; } #eventos #sobre .white-box h1 { font-size: 3em; color: #222; line-height: 1.25em; font-weight: 400; margin-bottom: .5em; } #eventos #sobre .white-box h2 { font-size: 2em; color: #222; font-weight: 400; letter-spacing: .01em; line-height: 1.75em; } #eventos #sobre .white-box h3 { font-size: 1.8em; color: #222; text-transform: none; margin-top: 2em; margin-bottom: .5em; } #eventos #sobre .white-box p { line-height: 1.5em; } #eventos ul#MoveParty-agenda li .head { background: #333; padding: 2em; text-align: center; margin-bottom: 1em; } #eventos ul#MoveParty-agenda li .head h4 { color: #fff; font-size: 1.5em; margin-bottom: .5em; } #eventos ul#MoveParty-agenda li .head h6 { color: #fff; } #eventos ul#MoveParty-agenda li .head h6 i { margin-right: .5em; } #eventos ul#MoveParty-agenda li .product-thumb-info-content p { font-weight: 300; line-height: 1.2em; margin-bottom: .5em; } #eventos ul#MoveParty-agenda li .product-thumb-info-content p > a { display: block; width: 100%; padding: 1em; } #eventos ul#MoveParty-agenda li .product-thumb-info-content p > a:hover { color: #000; background: #ededed; text-decoration: none; } /* MOVE WEEK */ #eventos.move-week .featured-box select { width: 100%; padding: 6px 12px; border: #2d2d2d 1px solid; height: 2.8em; font-size: .9em; color: #fff; margin-bottom: 1em; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background: url(../../img/myhut/DropdownArrow.png) no-repeat right #2d2d2d; } #eventos #programa.dark { background: #222 !important; } #eventos #programa { background: #222; padding: 5em 0; } #eventos #programa .sidebar .featured-box { background: #2d2d2d; border: none; } #eventos #programa .sidebar .featured-box .box-content { padding: 1em; } #eventos #programa .sidebar .featured-box h2, #eventos.move-week #programa .sidebar .featured-box h4, #eventos.move-week #programa .sidebar .featured-box h5 { color: #fff; } #eventos .reserva-myhut h3 { color: #fff; font-size: 1em; line-height: 1.2em; margin-top: 0; margin-bottom: .8em; } #eventos #programa .sidebar .featured-box h5 { font-size: .8em; } #eventos #programa .sidebar .featured-box h3.evento-date { color: #fff; font-size: 1em; margin-bottom: .5em; } #eventos.move-week .reserva-myhut a.btn-link { color: #fff; } #eventos.move-week .reserva-myhut a.btn-link:hover { text-decoration: none; color: #9fc; } #eventos.move-week .reserva-myhut img { padding-right: 5em; } #eventos.move-week .product-thumb-info-image:before { border-radius: 0; } #eventos.move-week .product-thumb-info { border-radius: 0; border: none; background: #2d2d2d; } #eventos.move-week .product-thumb-info h4 { color: #fff; margin-bottom: .2em; } #eventos.move-week .product-thumb-info p, #eventos.move-week .modal#modal-aula blockquote p { font-size: .8em; font-weight: 200; line-height: 1.2em; text-transform: uppercase; } #eventos.move-week .product-thumb-info p { color: #fff; } #eventos.move-week .modal#modal-aula blockquote { border-left-color: #06c; } #eventos.move-week .modal#modal-aula h3 { font-size: 1em; line-height: 1.2em; margin-top: 0; margin-bottom: .8em; } #eventos.move-week .product-thumb-info img { border-radius: 0; } #eventos.move-week .product-thumb-info:hover { background: #fff; } #eventos.move-week .product-thumb-info:hover h4, #eventos.move-week .product-thumb-info:hover p { color: #000; } #eventos.move-week h4 { text-transform: uppercase; font-size: 1.2em; } #eventos.move-week section.video { padding: 150px 0; } #eventos.move-week #parceiros p { text-transform: uppercase; } #eventos.move-week .modal-content { border-radius: 0; } /* PT DAY */ /* FMG NACIONAL */ #revolutionSliderFullScreen ul.nav-pills a:hover { background: #06c !important; color: #fff !important; } #revolutionSliderFullScreen ul.nav-pills a.btn-primary { color: #fff !important; } #revolutionSliderFullScreen ul.nav-pills a.btn-primary:hover { background: #222 !important; } #eventos #categorias-fmg .tab-content { padding: 2em; } #eventos #categorias-fmg .tab-content .tab-pane img { margin-right: 15px; } #eventos #categ ul.products { padding: 0; } #eventos #categ ul.products .product-thumb-info-content button { width: 100%; } #eventos #score ul#tabelas-score li { background: #fff; border: 1px solid #ededed; padding: 1.5em 1em 0; display: block; } #eventos #score ul#tabelas-score li:hover { background: #333; } #eventos #score ul#tabelas-score li:hover a { color: #fff; } #eventos #score ul#tabelas-score li:hover a p { color: #fff; } #eventos #enter a { color: #fff; text-decoration: none; } /* FMG16 */ #eventos #fmg16-slider-mobile .btn { background-color: #2d2d2d; color: #fff; font-size: 1.5em; padding: 1em; border: none; } /* nav mobile */ #eventos #fmg16-nav-mobile .panel-group .panel { border-radius: 0; background-color: #2d2d2d; } #eventos #fmg16-nav-mobile .panel-group .panel .panel-heading a { border-top: 1px solid #000; } #eventos #fmg16-nav-mobile .panel-group .panel i.fa { color: #fff; } #eventos #fmg16-nav-mobile .list-group-item:first-child, #eventos #fmg16-nav-mobile .list-group-item:last-child { border-radius: 0; } #eventos #fmg16-nav-mobile .list-group-item { border: 1px solid #fff; background-color: #fff; text-transform: uppercase; margin: 0 1em; } #eventos #fmg16-nav-mobile #collapse1One .panel-body { padding: 0 1em; } #eventos #fmg16-nav-mobile #collapse1One li a { color: #fff; text-align: center; line-height: 1.2em; border-bottom-color: #000; padding: 1.2em; } #eventos #fmg16-nav-mobile #collapse1One li a:hover, #eventos #fmg16-nav-mobile #collapse1One li a:focus { color: #fff !important; background-color: #cc00cc; } #eventos #fmg16-nav-mobile #collapse1One li:last-child a { border-bottom: none; } /* FMG19 */ #eventos #fmg #intro-event-day h2 { line-height: 1.5em; } #eventos #fmg #intro-event-day h3 { font-size: 1.2em; } #eventos #fmg p.inverted { letter-spacing: .25em; } #eventos #fmg #horario .table > tbody > tr > td, #eventos #fmg #horario .table > thead > tr > th { border-color: #06c; } #eventos #fmg #horario .featured-box { background-color: #2d2d2d; border-radius: 0; border: none; text-align: left; padding: 0; } #eventos #fmg #horario .featured-box .content { padding: 2em; } #eventos #fmg #horario .featured-box ul { margin-top: 1em; } #eventos #fmg #horario .featured-box ul li, #eventos #fmg #horario .featured-box ul li h4 { font-size: 1em; margin: 0; } #eventos #fmg #programa .featured-box, #eventos #fmg #info-prova .white-box, #eventos #fmg #fmg-premios .featured-box { /* https://www.cssmatic.com/box-shadow*/ -webkit-box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); } #eventos #fmg-mobile { background: #fff; } #eventos #fmg-mobile .owl-controls { display: none !important; } #eventos #fmg-mobile #accordion { margin-bottom: 0; } #eventos #fmg-mobile .panel { box-shadow: none; } #eventos #fmg-mobile .panel-group .panel-heading a { color: #999; } #eventos #fmg-mobile ul.nav-list.primary > li a { font-size: 1.5em; padding: 12px 20px; } #eventos .blue-box#info-prova, #eventos #fmg-premios { /* https://mycolor.space/ */ background-image: linear-gradient(to top, #0066cc, #0060be, #015ab0, #0354a3, #074e95); border: none; } #eventos #info-prova h2, #eventos #info-prova h3, #eventos #info-prova h4, #eventos #info-prova h5, #eventos #info-prova h6, #eventos #info-prova p { color: #222; } #eventos #info-prova li { margin-bottom: 1em; } #eventos #info-prova li p { line-height: .8em; } #eventos #info-prova .product-thumb-info { border-radius: 10px; border: none; line-height: 0; } #eventos #info-prova .tabs ul.nav-tabs.nav-justified a:hover, #eventos #info-prova .tabs ul.nav-tabs.nav-justified a:focus { color: #fff; } #eventos #info-prova .tabs ul.nav-tabs.nav-justified a:focus { color: #06c; } #eventos #info-prova .tabs ul.nav-tabs.nav-justified li.active a:hover { color: #06c; } /* FMG17 - RESCALDO */ #eventos section#after { background-color: #222; } #eventos section#after h2 { margin-bottom: .25em; color: #fff; font-size: 3em; } #eventos section#after p.lead { font-size: 1.3em; margin-bottom: 2em; } #eventos section#after p { color: #fff; font-size: .8em; text-transform: uppercase; } /* mascotes */ #eventos #mascotes ul.nav-pills > li.active > a, #eventos #mascotes ul.nav-pills > li.active > a:hover, #eventos #mascotes ul.nav-pills > li.active > a:focus { background-color: #fff; color: #000; } #eventos #mascotes ul.nav.nav-pills > li > a:hover, ul.nav.nav-pills > li > a:focus { background-color: #fff; color: #000 !important; } /*#eventos #mascotes ul.nav.nav-tabs > li > a:hover, ul.nav.nav-tabs > li > a:focus { background-color: #fae13c; color:#000 !important; }*/ #eventos #mascotes .tab-content { background-color: #fff; box-shadow: none; border: none; border-radius: 0; padding: 2em; } #eventos #mascotes .tab-content .tab-content { background-color: #fff; } #eventos #mascotes .tabs { border-radius: 0; margin-bottom: 0; } #eventos #mascotes .tabs-vertical { border-top: none; } #eventos #mascotes .tabs-left .nav-tabs > li a { padding: 5px; background-color: #fff; color: #000; border-left: none; border-right: none; } #eventos #mascotes .tabs-left .nav-tabs > li.active a { padding: 5px; background-color: #fae13c; border-left-color: #fff; color: #000 !important; } #eventos #mascotes .tabs-left .nav-tabs > li:first-child a { border-top: none; border-radius: 0; } #eventos #mascotes .jumbotron { margin-bottom: 0; } #eventos #stats { margin: 0; border-color: #06c !important; } /* programa */ #eventos #programa .featured-box { border-radius: 0; background: #06c; padding: 2em; margin-top: 0; } #eventos #programa ul { list-style-type: none; padding: 0; text-align: left; margin-bottom: 2em; } #eventos #programa ul li h4 { margin-bottom: 0; font-weight: 400 !important; color: #fff; letter-spacing: .01em; } #eventos #programa .panel-group .panel { background-color: #fff; border: none; } /* #eventos #programa .panel-group .panel-default > .panel-heading a#eventos #programa .panel-group .panel-default > .panel-heading { background-color: #cc00cc; color:#fff !important; } #eventos #programa .panel-group .panel-default > .panel-heading a { padding: 2em; color: #fff !important; font-weight: 400; font-size: 1.2em; } */ #eventos #programa .panel-body { padding: 0; } #eventos #programa .panel-body h4.short { margin-bottom: 0; } #eventos #programa .panel-body h6 { color: #06c; font-size: .8em; } #eventos #programa .panel-body p { font-size: 1em; line-height: 1.5em; margin-bottom: .2em; } #eventos .sort-destination.full-width { top: 0; } #eventos .btn-inscricao-fmg { background-color: #cc00cc; color: #fff; } #eventos .btn-inscricao-fmg:hover, #eventos .btn-inscricao-fmg:focus { background-color: #fff; color: #cc00cc; } /* kids */ #eventos #fmg-kids { margin-top: 0; background-color: #fff !important; border: none; padding: 10em 0; margin: 0; } #eventos #fmg-kids h4, #eventos #fmg-kids p.lead { color: #222; } #eventos #fmg-kids h4 { font-size: 2.5em; } #eventos #fmg-kids h2.inverted { background-color: #222; color: #fff; padding: .5em; } #eventos #fmg-kids .btn-kids-fmg { color: #fff; border: 1px solid #fff; } #eventos #fmg-kids .btn-kids-fmg:hover, #eventos #fmg-kids .btn-kids-fmg:focus { color: #cc00cc; background-color: #fff; } /* plano de treino */ #eventos #fmg-treino p { color: #fff; } #eventos #fmg-treino { background: #1d2128 !important; border-color: #222 !important; margin: 0; } #eventos #fmg-treino p.lead { color: #fff; } #eventos #fmg-treino #accordion-plano .panel-body { padding: 2em; } #eventos #fmg-treino #accordion-plano ul.list-group li.list-group-item { color: #222; border-color: #fff; } #eventos #fmg-treino .featured-box { background: #2d2d2d; border: none; border-radius: 0; margin-top: 0; text-align: left; } #eventos #fmg-treino .featured-box .box-content { border: none; } #eventos #fmg-treino .featured-box form .form-group { margin-bottom: 0; } #eventos #fmg-treino .featured-box form label { font-size: 1em; text-transform: uppercase; } #eventos #fmg-treino .featured-box form select { width: 100%; padding: 6px 12px; border: #2d2d2d 1px solid; height: 2.8em; font-size: .9em; color: #fff; margin-bottom: 1em; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; background: url(../../img/myhut/DropdownArrow.png) no-repeat right #2d2d2d; } #eventos #fmg-treino #accordion-plano .panel.panel-default { border-color: #000; } #eventos #fmg-treino #accordion-plano .panel-default > .panel-heading { background-color: #fff; border-radius: 0; } #eventos #fmg-treino #accordion-plano .panel-default > .panel-heading a { color: #333; font-weight: 600; } #eventos #fmg-treino .btn-default { background-color: #2d2d2d; border-color: #2d2d2d; color: #fff; } #eventos #fmg-treino .btn-default:hover { background-color: #fff; border-color: #fff; color: #222; } /* premios */ #eventos #fmg-premios .homepage-hero-module { border-right: none; border-left: none; position: relative; } #eventos #fmg-premios .no-video .video-container video, #eventos #fmg-premios .touch .video-container video { display: none; } #eventos #fmg-premios .no-video .video-container .poster, #eventos #fmg-premios .touch .video-container .poster { display: block !important; } #eventos #fmg-premios .video-container { position: relative; bottom: 0%; left: 0%; height: 100%; width: 100%; overflow: hidden; background: transparent; } #eventos #fmg-premios .video-container .poster img { width: 100%; bottom: 0; position: absolute; } #eventos #fmg-premios .video-container .filter { z-index: 100; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; } #eventos #fmg-premios .video-container video { position: absolute; z-index: 0; bottom: 0; } #eventos #fmg-premios .video-container video.fillWidth { width: 100%; } #eventos #fmg-premios .container.push-top { padding-top: 10em; } #eventos #fmg-premios h2 { color: #fff; } #eventos #fmg-premios .featured-box { background: #fff; border: 0; margin-top: 5em; border-radius: 10px; } #eventos #fmg-premios .featured-box:last-child { margin-top: .5em; } #eventos #fmg-premios .featured-box .box-head { background-color: #222; padding: 1em; border-top-left-radius: 10px; border-top-right-radius: 10px; } #eventos #fmg-premios .featured-box .box-head h3, #eventos #fmg-premios .featured-box .box-head h5 { color: #fff; margin-bottom: 0; } #eventos #fmg-premios .featured-box .box-head h5 { line-height: 1.2em; font-weight: 300; } #eventos #fmg-premios .featured-box .box-body { padding: 1em; } #eventos #fmg-premios .featured-box .box-body ul { padding: 0; } #eventos #fmg-premios .featured-box .box-body ul li { font-size: 1em; list-style-type: none; text-align: left; border-bottom: 1px solid #e7e7e7; padding: .5em; } #eventos #fmg-premios .featured-box.kids .box-body ul li:last-child { border-bottom: none; } #eventos #fmg-premios .featured-box .box-body p { line-height: 1em; } #eventos #fmg-premios .featured-box .box-body p small { font-size: .7em; } /* premios mobile */ #eventos #fmg-premios { margin: 0; } #eventos #fmg-premios .featured-box { border: none; } #eventos #fmg-premios .featured-box:first-child { margin-top: 0; } #eventos #fmg-premios .box-head { background-color: #333; border: none; padding: 1em; } #eventos #fmg-premios .box-body { padding: 1em; } #eventos #fmg-premios h3, #eventos #fmg-premios-mobile h5 { color: #fff; } #eventos #fmg-premios h3 { margin-bottom: 0; } #eventos #fmg-premios ul { text-align: left; } #eventos #fmg-premios li { color: #333; } #eventos .fmg-galeria-mobile .owl-controls { display: none !important; } @media only screen and (max-width: 768px) { #eventos #cmc #wod .title h2 { position: relative; transform: translate(0, 30%); margin: 20px; top: 0; left: 0; font-size: 30px; text-align: center; } } /* EVENTOS - INSCRIÇÃO */ #eventos-insc { background: url(../img/eventos/inscricao/insc-bkg.jpg) no-repeat center right #06c; background-attachment: fixed; } #eventos-insc .blue-box { padding: 3em; z-index: 2; } #eventos-insc .blue-box h3 { color: #9fc; font-weight: 200; margin-bottom: .25em; } #eventos-insc .blue-box p { color: #fff; font-weight: 200; } #eventos-insc .white-box { z-index: 1; -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 102, 204, 0.50); -moz-box-shadow: 0px 0px 25px 0px rgba(0, 102, 204, 0.50); box-shadow: 0px 0px 25px 0px rgba(0, 102, 204, 0.50); } #eventos-insc #form-inscricao .tab-content { border: none; box-shadow: none; } #eventos-insc ul.product-thumb-info-list .product-thumb-info { margin-bottom: 1em; border: 5px solid #fff; border-radius: 10px; } #eventos-insc ul.product-thumb-info-list .product-thumb-info:hover { border-color: #06c; background-color: #06c; } #eventos-insc ul.product-thumb-info-list .product-thumb-info:hover h5, #eventos-insc ul.product-thumb-info-list .product-thumb-info:hover h5 small, #eventos-insc ul.product-thumb-info-list .product-thumb-info:hover p { color: #fff; } #eventos-insc ul.product-thumb-info-list .product-thumb-info .product-thumb-info-image:before { background: transparent; } #eventos-insc ul.product-thumb-info-list .product-thumb-info-content { min-height: 9em; } #eventos-insc ul.product-thumb-info-list .product-thumb-info-content h4 { letter-spacing: .01em; line-height: 1em; } #eventos-insc ul.product-thumb-info-list .product-thumb-info-content h4 small { color: #404751; font-weight: 400; font-size: .5em; } #eventos-insc .nav-tabs.nav-justified li a { border: none; font-size: 20px; line-height: 1em; padding: 20px; } #eventos-insc .nav-tabs.nav-justified li a small { font-size: 12px; } #eventos-insc .nav-tabs.nav-justified li.active a, #eventos-insc .nav-tabs.nav-justified li.active a:hover, #eventos-insc .nav-tabs.nav-justified li.active a:focus { background-color: #06c; color: #fff; } #eventos-insc .nav-tabs.nav-justified li:first-child a, #eventos-insc .nav-tabs.nav-justified li:first-child a:hover { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; } #eventos-insc .nav-tabs.nav-justified li:last-child a, #eventos-insc .nav-tabs.nav-justified li:last-child a:hover { border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; } #eventos-insc .tabs ul.nav-tabs a:hover { color: #fff; } #eventos-insc #form-inscricao #cm-challenge .col-md-6.col-md-offset-1 { border: 1px solid #ccc; padding: 2em; } #eventos-insc #form-inscricao #cm-challenge p { line-height: 1em; margin-bottom: 1em; } #eventos-insc #form-inscricao #cm-challenge h4 { line-height: 1em; margin-bottom: 1em; } #eventos-insc #form-inscricao #cm-challenge h4 span { font-size: .7em; font-weight: 300; line-height: .6em; } #eventos-insc #form-inscricao #fmg-dados-pessoais .nav-pills li a { background-color: #fff; border: 1px solid #06c; } #eventos-insc #form-inscricao #fmg-dados-pessoais .nav-pills li:first-child a { border-right: none; } #eventos-insc #form-inscricao #fmg-dados-pessoais .nav-pills li a:hover, #eventos-insc #form-inscricao #fmg-dados-pessoais .nav-pills li a:focus, #eventos-insc #form-inscricao #fmg-dados-pessoais .nav-pills li.active a { background-color: #06c; border-color: #06c; color: #fff !important; } #eventos-insc p.inverted.girl { background-color: #cc00c9; } /* #eventos-insc #nome_equipa { text-transform: uppercase; text-align: center; font-size:1.2em; padding:1.25em; } */ #eventos-insc .well.atleta { padding: 30px; } #eventos-insc .atleta { border: 1px solid #ededed; margin: 2em 0; padding: 1em; } #eventos-insc .well.off { background: #fff; } #eventos-insc .panel-default, #eventos-insc .panel-default > .panel-heading + .panel-collapse > .panel-body { border: none; } #eventos-insc .panel { box-shadow: none; } #eventos-insc .panel-group .panel-heading a { padding: 15px; line-height: 1.5em; } #eventos-insc .panel-default > .panel-heading { border-radius: 5px; } #eventos-insc .well.tshirt { background: url(../img/eventos/fmg19/fmg-tshirt.png) no-repeat #f5f5f5; padding: 15px; } #eventos-insc .well.tshirt .custom { position: relative; } #eventos-insc .well.tshirt .custom h3 { color: #fff; font-weight: 700; margin: 0; } #eventos-insc .well.tshirt .custom h4 { font-size: 1.75em; font-weight: 900; font-style: italic; color: #00abeb; letter-spacing: .1em; text-transform: uppercase; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; position: absolute; top: 120px; right: 28px; } #eventos-insc .well.tshirt .custom h3.line-1 { font-size: 2.2em; font-weight: 900; font-style: italic; letter-spacing: 0.05em; text-transform: uppercase; position: absolute; top: 168px; right: 35px; } #eventos-insc .well.tshirt .custom h3.line-2 { font-size: 2.2em; font-weight: 900; font-style: italic; letter-spacing: 0.05em; text-transform: uppercase; position: absolute; top: 197px; right: 35px; } #eventos-insc .well.tshirt .form { padding: 1em; background: rgba(245, 245, 245, 0.65); } /* Recaptcha */ #eventos-insc #form-inscricao .g-recaptcha { display: inline-block; margin-left: auto; margin-right: auto; } /* Modal Alerta Cancelamento FMG16 */ #eventos-insc #modal-alerta-cancelar .modal-header { background-color: #06c; } #eventos-insc #modal-alerta-cancelar .modal-header h4.modal-title { color: #9fc; } #eventos-insc #modal-alerta-cancelar .modal-body { padding: 5em 3em; } /* --------------------------------------------- STORE -------------------------------------------------------------------*/ #store .shop { margin-top: 0; } #store h4 { font-size: 1em; letter-spacing: 0; } #store #carrinho { margin-right: 1em; } #store #carrinho tbody > tr { border-bottom: 1px solid #ededed; } #store #carrinho tbody > tr:hover { background: #ededed; } #store #carrinho tbody > tr:last-child { border: none; } #store #carrinho tbody > tr:last-child:hover { background: #fff; } #store #carrinho tbody > tr img { padding: .5em; } #store #header nav.mega-menu .mega-menu-shop .actions-continue { border-top: none; margin-top: 0; } #store #carrinho .mega-menu-content { padding: 1em; } #store #carrinho .product-name a { color: #000; font-size: 1.25em; padding: .5em; } #store #carrinho .product-name a small { font-size: .7em; line-height: .8em; color: #999; margin-bottom: .5em; } #store #carrinho .product-actions { padding-right: 1em; } #store #carrinho .dropdown-menu li a span { font-size: 1em; } #store #carrinho .product-name a.amount { color: #000; font-size: 1em; } #store #carrinho .product-actions a { color: #06c; } #store #store-header { background: url(../../img/store/logo-banner.png) no-repeat top left; min-height: 120px; } #store #store-header a { opacity: 0; } #store section.dark-bkg p { color: #fff; } #store .nivo-slider .theme-default .nivoSlider, #store .nivo-slider .theme-default .nivoSlider img { border-radius: 0; } #store #loja-destaques .owl-item:first-child { margin-left: 0; } #store #loja-destaques .onsale { position: absolute; background-image: none; border-radius: 100%; left: auto; right: .5em; top: .5em; text-shadow: none; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; z-index: 10; box-shadow: none; font-size: 0.9em; color: #fff; border-bottom: 2px solid transparent; background-color: #06c; border-bottom-color: #006da3; } #store #loja-destaques .owl-item a.thumb-info article { margin: 1em 1em 0; } #store #loja-destaques .owl-item a.thumb-info article h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.2em; margin: 0; padding: 0; } #store .onsale i { padding: .3em; } #store #loja-destaques .price ins { text-decoration: none; } #store #loja-destaques .price del { color: rgba(145, 145, 145, 0.5); font-size: 0.7em; margin: -2px 0 0; } #store #loja-destaques .amount { font-size: 1.3em; text-decoration: none; } #store #loja-destaques .owl-item a.thumb-info article h4:hover, #store #loja-destaques .owl-item a.thumb-info article .amount:hover { text-decoration: none; } #store #loja-destaques .product-thumb-info .add-to-cart-product { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: absolute; top: 0; left: 0; border-radius: 6px 6px 0 0; padding: 8px 10px 5px; font-size: 0.9em; color: #fff; background: #222; z-index: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #store #loja-destaques .product-thumb-info:hover .add-to-cart-product { opacity: 1; filter: alpha(opacity=1); } #store #loja-destaques .img-thumbnail { border-radius: 0; } #store .shop .summary .price { margin-top: .2em; } #store .page-top { margin-bottom: 0; } #store .shop table.cart .product-thumbnail { width: 15%; } #store tr.cart_table_item { background: #fff; } #store table.cart-totals td { text-align: right; } /* --------------------------------------------- MODAL -------------------------------------------------------------------*/ /* Modal promo */ #m-dynamic .modal-header { padding: 25px; } #m-dynamic .modal-header .close { margin-top: -10px; } #m-dynamic .modal-body { background: #fff; padding: 2em; } #m-dynamic button.btn-primary { background: #fff; border: 1px solid #ccc !important; color: #999; text-shadow: none; } #m-dynamic button.btn-primary:hover { background: #ccc; color: #fff; } #m-dynamic a.btn-prozis { background: #ff1906; color: #fff; } #m-dynamic a.btn-prozis:hover { background: #000 !important; } #m-dynamic .modal-body p, #m-dynamic .modal-body h2 { color: #222; } #m-dynamic .modal-body h2 { font-size: 1.5em; font-weight: bold; margin-bottom: .25em; } #m-dynamic .modal-body p.lead { font-size: 1.1em; line-height: 1.2em; } #m-dynamic .modal-body a.btn-link { color: #06c; } #m-dynamic .modal-content { background: #fff; } #m-dynamic .modal-footer { background: #ededed !important; border-top: none; text-align: left; padding: 1em 2em; } #m-dynamic .modal-header { background: #1d2127; } #m-dynamic h2 { color: #222; font-weight: 400; margin-bottom: .5em; } /* --------------------------------------------- ASIDE PARALAX INTRO -------------------------------------------------------------------*/ .parallax { margin: 0; padding: 0; } .parallax blockquote { padding: 4em 1em; height: 480px; overflow: hidden; text-align: left; } .parallax blockquote h2 { font-size: 1.5em; line-height: 1.5em; margin-bottom: 0; } .parallax blockquote h2 mark { display: block; text-align: center; } .parallax blockquote p { line-height: 1.2em; color: #fff; padding: 1em; margin-bottom: 0; } /* font-size: 1em; background: rgba(0,0,0,.7); */ .parallax blockquote p a { color: #fff; border-bottom: 1px solid #fff; text-decoration: none; } .parallax blockquote p a:hover { text-decoration: none; background: #9fc; color: #000; } /* --------------------------------------------- WELCOME PACK -------------------------------------------------------------------*/ #welcome { background-color: #fff; } #welcome section.page-top p { color: #222; font-weight: 400; } #welcome label { color: #fff; text-transform: uppercase; } #welcome .toggle { margin-bottom: 2em; } #welcome .toggle > label { background: #222; border: none; border-radius: 0; padding: 20px; margin: 0; } #welcome .toggle > label:before { display: none; } #welcome .toggle-content { background-color: #222; } #welcome .toggle-content .content { padding: 1em 2em; } #welcome .toggle-content .content p.lead { color: #fff; } #welcome .inverted { padding: .2em; } #welcome .modal-header { background-color: #222; border: none; } #welcome .modal-header h4 { color: #fff; text-transform: uppercase; } #welcome .modal-body { padding: 0; } #welcome .modal .notas { background-color: #ededed; padding: 1em 0; } #welcome .modal .notas p { font-size: .9em; line-height: 1.2em; color: #777; } #welcome #m-amigos .modal-header, #welcome #m-amigos .modal-footer { border: none; } #welcome #m-amigos fieldset legend { font-size: .5em; margin-bottom: 0; } #welcome #m-amigos label { font-size: .8em; color: #646464; } #welcome #m-prozis .modal-body a.btn-primary { background-color: #e21f10; border-color: #e21f10 !important; } #welcome #m-prozis .modal-body a.btn-primary:hover { background-color: #222; border-color: #222 !important; color: #fff; } #welcome #m-prozis .modal-body h3.inverted { background-color: #222; font-size: 1.2em; padding: .5em; display: block; margin-bottom: 0; } #welcome #email .panel-default > .panel-heading, #welcome #email .panel-default, #welcome #email .btn-default { border: none; } #welcome #email .btn-default:hover, #welcome #email .btn-default:focus { background-color: #fff; } #welcome #email label { color: #646464; text-align: left; text-transform: none; } .mb-large { margin-bottom: 10em; } /* --------------------------------------------- QUESTIONARIO -------------------------------------------------------------------*/ #questionario { background-image: linear-gradient(to top, #0066cc, #0060be, #015ab0, #0354a3, #074e95); } #questionario .main { margin-bottom: 0; } #questionario footer { background-color: transparent; } #questionario .white-box { padding: 1em; /* https://www.cssmatic.com/box-shadow*/ -webkit-box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); box-shadow: 0px 30px 50px -25px rgba(0, 0, 0, 0.75); } #questionario label { color: #222; font-size: 1.2em; line-height: 1.5em; margin-bottom: 1em; } #questionario p.character-counter { color: #06c; margin-bottom: 0; } #questionario h3.number { background-color: #fff; color: #ddd; padding: 16px 15px 15px 14px; border-radius: 100%; text-align: center; border: 4px solid #ddd; font-weight: 600; width: 65px; height: 65px; } #questionario h3.number.required { color: #ff6262; border-color: #ff6262; } #questionario #footer .footer-copyright p, #questionario #footer.short .footer-copyright p a { color: #fff !important; } #questionario #footer.short .footer-copyright p a:hover { border-bottom: 1px solid #fff; } /* --------------------------------------------- 404 -------------------------------------------------------------------*/ #lost { background: url(../img/404-bg-full.jpg) no-repeat top center; } /* --------------------------------------------- ERRO -------------------------------------------------------------------*/ #erro { background: url(../../img/erro-bg-full.jpg) no-repeat top center; } #erro .white-box a.list-group-item.btn-primary { color: #fff; } #erro .white-box a.list-group-item.btn-primary:hover { background: #9fc; color: #06c; } #erro .white-box h4 { color: #333; } /* --------------------------------------------- LEGAL -------------------------------------------------------------------*/ #legal { background: #fff; } #legal ol { list-style-type: lower-roman; } #legal ol ol { list-style-type: lower-alpha; } /* --------------------------------------------- PROMOS -------------------------------------------------------------------*/ #m-prozis .modal-content { background-color: #ededed; } #m-prozis .modal-body { padding: 0 0 3em 0; } #m-prozis p { color: #222 !important; } #m-prozis .btn-prozis { background: #e1200f; color: #fff; text-transform: uppercase; } /* --------------------------------------------- WHATSAPP -------------------------------------------------------------------*/ #whatsapp { border-radius: 100%; color: #fff; display: block; padding: 1.4em .5em; position: fixed; right: 0em; text-align: center; text-decoration: none; z-index: 1040; bottom: 0; height: auto; } /* --------------------------------------------- TRANSITIONS -------------------------------------------------------------------*/ #second-nav, html .scroll-to-top, footer .footer-social .icons a, a#b-back, #footer.short .footer-copyright p a, #footer a, .link-fix, #novidades .thumbnail .thumb-info-social-icons a, #sobre .tabelaComparar tbody tr, #clube .featured-boxes .box-content, #sobre .sidebar ul li ul li a, #header #second-nav .gsc-search-button, #header #second-nav div p a, #home #clubSearch input, #sobre .tabela-parq tbody tr td, #clube #clube-info li a, #sobre #parq div:first-child a, #noClube .nav-tabs.nav-justified li a, #noClube #clubeAside a, #noClube #aulas .tab-content .tab-pane .nav li a, #home #novidades .thumbnail, input, #myHut #accordion .accordion-toggle, .sideNav .panel-group .panel-heading a, .btn, #home #intro a.list-group-item, #eventos ul#MoveParty-agenda li .product-thumb-info-content p > a, #eventos #score ul li:hover, #header nav ul.nav-main ul.dropdown-menu > li > a, #myHut .tabs ul.nav-tabs li a, #header.flat-menu nav ul.nav-main li.active > a, #novidades .thumbnail .thumb-info-caption a, #store #carrinho tbody > tr, #eventos #mascotes ul.nav.nav-tabs > li > a, #eventos #mascotes ul.nav.nav-pills > li > a, #inscricao ul.nav-pills > li > a, #myHut #rgpd .footnote a, #noClube #nutrihut .isotope-item .featured-box, #clube #destaques .featured-box, #recrutamento section#nav ul li a, #recrutamento section#valores .card, #inscricao .mais { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } @import url(queries.css);