/* ----------------------------------------------------------------------------- Trener - Multipurpose Coaching & Training HTML/CSS Bootstrap Theme v.1.02 ------------------------------------------------------------------------------- */ /* 1. Document Setup 2. Basic 3. Header 4. Pages 5. Footer 6. Elements 7. Page Loader 8. Page Curtain 9. Media Queries */ /* ----------------------------------------------------------------------------- */ /* --- 1. DOCUMENT SETUP /* ----------------------------------------------------------------------------- */ html { overflow-x: hidden; } body { color: #333; overflow-x: hidden; font-size: 18px; font-family:'Comfortaa','Helvetica Neue',Helvetica,Arial,sans-serif; } .clear-old { display:block;visibility:hidden;clear:both;overflow:hidden;width:0;height:0; } .grey,.grey a,.grey i { color:#a0a4b2 !important; } .clear { clear:both; } a, a > *, button, button > * { transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } a, a:visited { color: #000; } #content {min-height: 100px;} .header-black a {color:#FFF;} .header-small a {color:#FFF;} #footer a { color: #FFF; } #footer { text-shadow: #535050 2px 2px } a:hover, a:focus, a.underline-link.text-primary:hover, a.underline-link.text-primary:focus, .text-primary, .checkbox-label.checked:after, .list-navigation, .basic-link, .nav-main > li.has-dropdown:hover:after, .nav-main > li.has-dropdown-wide:hover:after, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .icon-primary, .icon-box-hover:hover .icon { color: #D08011; } a:hover, a > *:hover, a:focus, a > *:focus { text-decoration: none; } .cookies { position: fixed; background-color: #F1F0F3; bottom: 0;padding-top:10px; color: #333;width:100%;height:80px;font-size:12px;text-align: center;} .item-content { line-height:140%;font-family: 'Comfortaa','Helvetica Neue', cursive; font-size: 14px; color: #505763;margin-top:20px;padding-left:30px;text-align: left;width:80%;} .item-content b { font-size:15px;} /* ----------------------------------------------------------------------------- Trener - Multipurpose Coaching & Training HTML/CSS Bootstrap Theme v.1.0 ------------------------------------------------------------------------------- */ .icon-box { text-align: center; } .mt20 { margin-top:20px;} .mt40 { margin-top:40px;} .mt80 { margin-top:80px;} .mt100 { margin-top:100px;} .faq a,.faq a:focus {color:#c4ad72 !important; } #faqAccordion button { margin-top: 20px} .pace .pace-progress, .sep-primary, .bg-primary, .btn-primary:before, .btn-primary.btn-filled, .overlay-primary, .nav-main > li ul a:before, .nav-main > li ul a:hover, .nav-main > li ul a:focus, .icon-primary.icon-filled, .label-primary, .label-primary[href]:hover, .label-primary[href]:focus, .icon-primary:before, .owl-theme .owl-controls .owl-page.active span, #page-loader.loader-primary .loader-part, .btn-primary-dark:hover:before, .btn-primary-dark:focus:before, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus, .nav-sidebar > li.active > a, .panel-default > .panel-heading:hover { background-color: #c0e0c7; color: #fff !important; } .panel-heading:hover a,.panel-heading:hover a:hover { color: #fff !important; } #faqAccordion button { width:100%; border-radius: 0; background: #E1E1E8; color: #FFF; font-size:21px; text-decoration: none; } #faqAccordion button:hover { color: #325105; } .border-primary, .btn-primary, .btn-primary:hover, .btn-primary:focus, .icon-primary, .btn-primary-dark:hover, .btn-primary-dark:focus, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .post-author { border-color: #ef7d18; border-left-color:#CCC; } .mauto { float:none; margin:0px auto; } .testimonial-content.bg-primary:before { border-color: #ef7d18 transparent transparent; } a.text-primary:hover, a.text-primary:focus, .nav-main li.highlighted a:hover, .nav-main li.highlighted a:focus { color: #cb5f00; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; background: #FBFBFB; } .nav-tabs li a, .nav-pills li a { font-size: 13px; } .btn-primary.btn-filled:hover:before, .btn-primary.btn-filled:focus:before, .bg-primary .form-control-btn, .icon-box-hover .icon.icon-primary.icon-filled:hover:before, .icon-box-hover .icon-primary.icon-filled:focus:before, .icon-box-hover:hover .icon-primary.icon-filled:before, .icon-box-hover:focus .icon-primary.icon-filled:before, .btn-primary-dark, .label-primary[href]:hover, .label-primary[href]:focus { background-color: #52c76e; color:#FFF !important; } .btn-primary.btn-filled:hover, .btn-primary.btn-filled:focus, .btn-primary-dark, .icon-box-hover:hover .icon-primary.icon-filled, .icon-box-hover:focus .icon-primary.icon-filled { border-color: #cb5f00; } .nav a { color: inherit; } .nav a:hover { color: inherit; } #acceptRules { /*display:none */} .logo-footer { max-width:60%; max-height: 100px; margin-bottom:15px; } .logo {max-width: 273px; margin-top: 5px; } .logo img { max-height:150px } .sticky .logo img { max-height:80px } .page-logo,.page-logo a,.page-logo a:hover,.page-logo a:active,.page-logo a:focus { font-size:60px;color:#FFF} .page-logo img { max-width: 350px; margin: 0px auto; } p { position: relative; margin-bottom: 20px; } .lead { font-size: 20px; line-height: 22px; } hr { margin-bottom: 40px; margin-top: 40px; clear: both; border-color: rgba(0,0,0,0.10); } .dark hr { border-color: rgba(255,255,255,0.15); } img { -webkit-backface-visibility: hidden; } section, .section { position: relative; } strong { font-weight: 500; } .container { position: relative; width:100%; } /* Headings */ h1,h2,h3,h4,h5,h6 { position: relative; /*font-family: 'Montserrat','Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;*/ font-family: 'Comfortaa','Helvetica Neue',Helvetica,Arial,sans-serif; margin-top: 0px; } h1,h2,h3,h4 { font-weight: 100; } h5,h6 { font-weight: 400; } h1 { font-size: 40px; font-family: 'Comfortaa','Helvetica Neue',Helvetica,Arial,sans-serif;; font-weight: bold; } h2 { font-size: 32px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 14px; } h1 { margin-bottom: 11px; } h2 { margin-bottom: 11px; } h3 { margin-bottom: 11px; } h4 { margin-bottom: 11px; } h5 { margin-bottom: 11px; } h6 { margin-bottom: 11px; } .logo h1 { color:#FFF; margin-top: 20px; font-size:23px; text-shadow: 2px 1px 2px #727272; } .logo h1:hover { color: #FFF} .home-container h1 { color: #8bb736} .whatsapp_button { max-width:280px; } /* ----------------------------------------------------------------------------- */ /* --- 2. BASIC /* ----------------------------------------------------------------------------- */ .bg-white { background-color: #fff; } .bg-white-transparent { background-color: rgba(255,255,255,0.5); } .bg-black { background-color: #333333; } .bg-blue { background-color: #5684C7; } .bg-black-transparent { background-color: rgba(0,0,0,0.5); } .bg-grey { background-color: #f6f6f6; } .bg-green { background-color: #d4f7d6 !important; } .bg-danger { background-color: #de3939; } .bg-info { background-color: #23aae2; } .bg-success { background-color: #7ec029; } .bg-yellow { background-color: #f0bc08; } .bg-warning { background-color: #ef7d18; } .bg-green .pricing-title { background-color: #c7e8c8 !important; } .pricing-bottom { background-color: #FFF; } .bordered-bottom { border-bottom: 1px solid rgba(0,0,0,0.10); } .dark .bordered-bottom { border-bottom: 1px solid rgba(255,255,255,0.15); } .bordered-top { border-top: 1px solid rgba(0,0,0,0.10); } .dark .bordered-top { border-top: 1px solid rgba(255,255,255,0.15); } .bg-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; z-index: 0; } .dark { color: #fff; } .padded-70 { padding: 70px; } .padded-60 { padding: 60px; } .padded-40 { padding: 40px; } .padded-30 { padding: 30px; } .padded-10 { padding: 10px; } .padded-vertical-70 { padding-top: 70px; padding-bottom: 70px; } .padded-vertical-60 { padding-top: 22px; padding-bottom: 28px; } .padded-vertical-40 { padding-top: 40px; padding-bottom: 40px; } .padded-vertical-30 { padding-top: 30px; padding-bottom: 30px; } .padded-vertical-20 { padding-top: 20px; padding-bottom: 20px; } .padded-vertical-10 { padding-top: 10px; padding-bottom: 10px; } .padded-horizontal-70 { padding-left: 70px; padding-right: 70px; } .padded-horizontal-60 { padding-left: 60px; padding-right: 60px; } .padded-horizontal-40 { padding-left: 40px; padding-right: 40px; } .padded-horizontal-30 { padding-left: 30px; padding-right: 30px; } .padded-horizontal-10 { padding-left: 10px; padding-right: 10px; } .padded-top-70 { padding-top: 70px; } .padded-top-60 { padding-top: 60px; } .padded-top-40 { padding-top: 40px; } .padded-top-30 { padding-top: 30px; } .padded-top-30 { padding-top: 20px; } .padded-top-10 { padding-top: 10px; } .margin-bottom-0 { margin-bottom: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-top-0 { margin-top: 0px !important; } .margin-top-5 { margin-top: 5px !important; } .margin-top-10 { margin-top: 10px !important; } .margin-top-20 { margin-top: 20px !important; } .margin-top-30 { margin-top: 30px !important; } .margin-top-40 { margin-top: 40px !important; } .margin-horizontal-10 { margin-left: 10px !important; margin-right: 10px !important; } .margin-horizontal-20 { margin-left: 20px !important; margin-right: 10px !important; } .margin-left-10 { margin-left: 10px !important; } .margin-left-20 { margin-left: 20px !important; } .margin-left-30 { margin-left: 30px !important; } .margin-right-20 { margin-right: 10px !important; } .margin-right-20 { margin-right: 20px !important; } .margin-right-30 { margin-right: 30px !important; } .icon-before { padding-right: 10px; } .icon-after { padding-left: 10px; } .icon-before-and-after { padding-right: 8px; padding-left: 8px; } .font-alt { font-style: italic; } .text-uppercase { text-transform: uppercase;} .text-light { font-weight: 100; } .text-sm { font-size: 12px; } .text-xs { font-size: 16px; } .text-danger { color: #de3939; } .text-info { color: #23aae2; } .text-success { color: #7ec029; } .text-yellow { color: #f0bc08; } .text-warning { color: #ef7d18; } .text-muted { color: rgba(0,0,0,0.5); } .text-muted-2x { color: rgba(0,0,0,0.25); } .dark .text-muted { color: rgba(255,255,255,0.8); } .dark .text-muted-2x { color: rgba(255,255,255,0.2); } .link-hover-reset:hover, .link-hover-reset:focus { color: inherit; } #loadingMessage { width: 100%; height: 100%; z-index: 1000; background: #C9C9C9; top: 20%; left: 0px; position: relative; } .transp { background:none !important; } .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-position: top center; } .overlay-black { background: #000; } .overlay-blue { background: #473470; } .overlay-white { background: #fff; } .parallax { width: 100%; background-attachment: fixed; background-position: 50% 0px; } .sep { display: inline-block; height: 2px; width: 70px; clear: both; margin: 16px 0px; content: ' '; } .sep-no-top { margin-top: 0; } @-webkit-keyframes sep-stretch-right { 0% { width:0%; } 100% { width: 70px; } } @-moz-keyframes sep-stretch-right { 0% { width:0%; } 100% { width: 70px; } } @-o-keyframes sep-stretch-right { 0% { width:0%; } 100% { width: 70px; } } @keyframes sep-stretch-right { 0% { width:0%; } 100% { width: 70px; } } .stretch-right { width: 0%; } .sep-animated { visibility: hidden; } .sep-animated.visible { visibility: visible; } .sep-animation { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -ms-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: sep-stretch-right; -moz-animation-name: sep-stretch-right; -ms-animation-name: sep-stretch-right; -o-animation-name: sep-stretch-right; animation-name: sep-stretch-right; } .sep-default { background-color: #e5e5e5; } /* ----------------------------------------------------------------------------- */ /* --- 3. HEADER /* ----------------------------------------------------------------------------- */ #header { z-index: 150; width: 100%; min-height:100px; color:#FFF; font-family: 'Comfortaa','Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 20px; } .header { z-index: 100; position: relative; } .header.wide { padding: 0px 58px; } .header-white { background: #FFF; color: #000 !important; } .header-orange { background: url(../images/bg.jpg) #F89922 !important; color: #000; } .sticky.header-img { background-size: cover; background: url('../images/backgrounds/bambu.jpg') top center #4a6531; color: #fff; } .header-blue { background: #466d97; color: #fff; } .header-blue .nav-main > li > a:hover, .header-blue .nav-main > li > a:focus, .header-black .nav-main > li > a:hover, .header-blackx .nav-main > li > a:focus{ background: #466d97; color: #CCC; } .header.transparent { position: absolute; top: 0; left: 0; right: 0; width: 100%; /*background: none;*/ box-shadow: none; } .header-white.transparent.sticky { background: #fff; color: #333; box-shadow: 0 0px 8px #455A71; } .header-black.transparent.sticky { background: #668b3e; color: #fff; box-shadow: 0 0px 8px #455A71; } .header.sticky { position: fixed; top: 0; right: 0; left: 0; width: 100%; z-index: 200; } .bg-sub-header-image { background: #88bf79; } /* Top Bar */ .top-bar { line-height: 15px; padding-top: 14px; padding-bottom: 14px; } .push-down { position:relative; top: 5px; } .foto_usuario_pagina { max-width: 40%; margin:10px; -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-radius: 5px; } /* Navigation */ .nav-bar { padding-top: 3px; } .user_logged { padding-left: 23px;cursor:pointer; } .nav-main { font-weight: 500; font-size: 13px; padding-top: 34px; max-width: 83%; } .nav > li { margin-bottom: 15px; } .nav-main li { position: relative; z-index:5; } .nav-main > li { position: relative; float: left; margin-right: 35px; } .nav-main > li:last-child { margin-right: 0; } .nav-main > li > a { display: inline-block; padding: 0px 0px 12px; } .nav-main > li > a:hover, .nav-main > li > a:focus { background: none; color:#588BAA; } .bg-animated { animation-name: animate-background; animation-duration: 50s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes animate-background { 0% { background-position: 0% 0% } 50% { background-position: 0% 100% } 100% { background-position: 0% 0% } } #user-page table { width: 100% } #user-page table td { text-align: center; } #user-page img { /*height:auto;*/ border-radius:10px; } #user-page a { text-decoration: underline } .header-black .nav-main > li > a:hover, .header-black .nav-main > li > a:focus { background: none; color:#FFFFD5; } .nav-main > li.has-dropdown > a:hover, .nav-main > li.has-dropdown > a:focus, .nav-main > li.has-dropdown-wide > a:hover, .nav-main > li.has-dropdown-wide > a:focus { color: inherit; } .nav-main > li.has-dropdown-wide { position: static; } .nav-main > li.has-dropdown:after, .nav-main > li.has-dropdown-wide:after { margin-left: 4px; font-family: 'FontAwesome'; content: "\f107 "; opacity: .5; } .nav-main > li.has-dropdown:hover:after, .nav-main > li.has-dropdown-wide:hover:after { opacity: 1; } .nav-main > li > .nav-main-dropdown { position: absolute; top: 100%; left: 0; transition: all 0.35s ease-in-out 0.1s; -webkit-transition: all 0.35s ease-in-out 0.1s; -o-transition: all 0.35s ease-in-out 0.1s; opacity: 0; visibility: hidden; transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); } .nav-main > li.has-dropdown-wide > .nav-main-dropdown { width: 100%; padding: 20px 30px; } .nav-main > li.has-dropdown:after, .nav-main > li.has-dropdown-wide:after { margin-left: 4px; font-family: 'FontAwesome'; content: "\f107 "; opacity: .5; } .nav-main > li > .nav-main-dropdown ul { list-style: none; margin: 0; padding: 0; margin-top: 13px; border-radius: 10px; } .nav-main > li:hover > .nav-main-dropdown { opacity: 1; visibility: visible; transform: translateY(0px); -ms-transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); z-index:5; } .nav-main > li ul li.has-dropdown:after { position: absolute; top: 9px; right: 14px; font-family: 'FontAwesome'; content: "\f105 "; opacity: .5; } .nav-main > li ul li:hover.has-dropdown:after { opacity: 1; } .nav-main ul ul { position: absolute; top: 0; left: 100%; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; opacity: 0; visibility: hidden; transform: translateX(-10px); } .nav-main ul li:hover > ul { opacity: 1; visibility: visible; transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); } .dropdown-dark .nav-main-dropdown ul, .dropdown-dark .has-dropdown-wide .nav-main-dropdown { background: #71c675; color: #fff; } .dropdown-dark .text-muted { color: rgba(255,255,255,0.45); } .dropdown-dark .text-muted-2x { color: rgba(255,255,255,0.25); } .dropdown-white .text-muted { color: rgba(0,0,0,0.5); } .dropdown-white .text-muted-2x { color: rgba(0,0,0,0.25); } .dropdown-white .nav-main-dropdown ul, .dropdown-white .has-dropdown-wide .nav-main-dropdown { background: #fff; color: #333; } .ce-element--type-image { background-size: 100% 100% !important; } .nav-main.dropdown-dark li ul li { font-family: 'Comfortaa','Helvetica Neue',Helvetica,Arial,sans-serif; font-size:13px; border-bottom: 1px solid #6BAF69; } .nav-main.dropdown-white li ul li { border-bottom: 1px solid #e2e2e2; } .nav-main li ul li:last-child { border-bottom: none; } .nav-main li ul a { position: relative; z-index:5; display: inline-block; padding: 10px 15px; min-width: 200px; font-size: 12px; font-weight: 500; overflow: hidden; border-left: 2px solid rgba(0,0,0,0); display: block; } .nav-main > li ul a:hover, .nav-main > li ul a:focus { color: #fff; } /* Mobile Menu */ .menu_instructor { font-size:15px;font-weight:bold;padding: 10px;background: #277c1f;border-radius: 10px; } .menu li { transition: 0.3s; } .menu li a { text-shadow: 2px 2px 2px #111; } .menu li a:hover { text-shadow: 2px 2px 5px #333; } .mobile-menu { position: absolute; top: 0px; left: 0; width: 100%; display: none; } .mobile-menu ul { list-style: none; padding: 0; margin: 0; } .mobile-menu > ul { list-style: none; padding: 0px 0px 10px; margin: 0; display: none; overflow-y: scroll; } .header-white .mobile-menu { background: #fff; color: #333; } .header-black .mobile-menu { color: #fff; } .mobile-menu ul li { position: relative; clear: both; } .mobile-menu ul li.has-dropdown > a:after, .mobile-menu ul li.has-dropdown-wide > a:after { position: absolute; top: 16px; right: 55px; font-family: 'FontAwesome'; content: "\f107 "; opacity: .5; } .mobile-menu ul li.has-dropdown > a:hover:after, .mobile-menu ul li.has-dropdown-wide > a:hover:after { opacity: 1; } .mobile-menu ul li.has-dropdown.active > a:after, .mobile-menu ul li.has-dropdown-wide.active > a:after { opacity: 1; transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .mobile-menu ul a { font-size: 12px; } .header-white .mobile-menu ul a { border-bottom: 1px solid #e4e4e4; } .header-black .mobile-menu ul a { border-bottom: 1px solid #495670; } .mobile-menu ul li a { position: relative;; padding: 15px 50px; display: block; } .mobile-menu ul li > ul, .mobile-menu ul li > .nav-main-dropdown { } .mobile-menu ul li li a { padding: 12px 50px; } .header-white .mobile-menu ul li li a { background: #fbfbfb; } .header-black .mobile-menu ul li li a { background: #4F5467; } .mobile-menu ul li li a { font-size: 11px; } .mobile-menu ul li li li a { padding: 12px 50px 12px 60px; } .mobile-menu ul li li li li a { padding: 12px 50px 12px 70px; } .header-white .mobile-menu ul li li li a { background: #f6f6f6; } .header-white .mobile-menu ul li li li li a { background: #f6f6f6; } .header-black .mobile-menu ul li li li a { background: #0f0f0f; } .header-black .mobile-menu ul li li li li a { background: #141414; } .mobile-menu-toggle { position: relative; display: block; width: 30px; height: 10px; content: ' '; top: 25px; display: none; } .mobile-menu-toggle:after, .mobile-menu-toggle:before { position: absolute; left: 0; height: 2px; width: 30px; background: #333; content: ' '; transition: all 0.20s ease-in; -webkit-transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; } .header-black .mobile-menu-toggle:after, .header-black .mobile-menu-toggle:before, .header.transparent.dark .mobile-menu-toggle:after, .header.transparent.dark .mobile-menu-toggle:before { background: #fff; } .header-white.transparent.sticky .mobile-menu-toggle:after, .header-white.transparent.sticky .mobile-menu-toggle:before { background: #333; } .left { float: left; } .right { float: right; } #footer .whatsapp_button { width: 90px; } .sharer { font-size: 11px !important; padding: 5px 10px 5px 10px !important; margin-bottom:5px; margin-left:15px; } .mobile-menu-toggle:after { top: 0px; } .mobile-menu-toggle:before { bottom: 0px; } .mobile-menu-toggle.active:after { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 5px; } .mobile-menu-toggle.active:before { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 3px; } /* Header Elements */ .social-media { border-radius: 9px; padding: 4px; padding-bottom: 4px; vertical-align: middle; padding-bottom: 10px; margin-bottom:23px; } .nav-bar .btn { margin-top: -9px; } .nav-bar .social-icons, .nav-bar .btn-xs { margin-top: -5px; } .nav-bar .btn-sm { margin-top: -7px; } .top-bar > span, .top-bar div > span { line-height: 27px; display: inline-block; } .social-detail { margin:0px auto;text-align:right;padding-left:25%} .social-detail a { float:left; margin-right:5px;} /* ----------------------------------------------------------------------------- */ /* --- 4. SLIDERS /* ----------------------------------------------------------------------------- */ #home,.box_shadow { box-shadow: rgba(73, 96, 89, 0.8) 0px 8px 24px; } #home, #home .bg-image { overflow: hidden; } .home-default, .home-default .bg-image { height: 649px; } .home-sm, .home-sm .bg-image { min-height: 550px; } #home .bg-carousel { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .photo-slide { height: 100%; } /* ----------------------------------------------------------------------------- */ /* --- 4. PAGES /* ----------------------------------------------------------------------------- */ .nav .glyphicon {margin-right:7px;} .title-bar { position: relative; } /* Sign In */ .white-box { padding:20px;height:auto !important} .pricing-column .sign-in-head { margin:20px; } #home .sign-in-box { color: #FFF; margin-top:100px; } .sign-in-box { -webkit-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-border-radius: 5px; border-top-radius: 5px; border-top-radius: 5px; } .sign-in-content { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 12px; padding: 15px; } .sign-in-head { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; text-align: center; } .sign-in-box h1 { color:#CEDBD5; /*color:#8CF286;*/ font-weight:400;font-size: 44px;line-height: 1.3; text-shadow: 2px 1px #208a54; font-size:55px; } .sign-in-box h4 { text-shadow: 2px 1px #333; } .sign-in-box .form-control { width:70%; } #page-menu-closed { width:200px;position:absolute; right: 50px; top: 3px; } #page-menu-btn-open { width:200px;position:absolute; right: 50px; top: 0px; } #page-menu-btn-viewpage { display: none } .page-menu-btn { background: #3d8fd3; font-size:11px; color: #FFF; text-align: center; border-radius: 5px; position:absolute;z-index:9999; width:110px;height:30px; padding:2px; padding-top:7px;cursor:pointer; } .page-menu-btn:hover { background: #0093eb; } .page-menu-btn-publish { left:10px; top: 200px; font-size:17px;padding:10px; width:auto; height:45px; background:#494; } .page-menu-btn-config { top:0;right:272px !important; } .page-menu-btn-preview { top:0;right:145px; } .page-menu-btn-exit { top:0;right:20px; background:#666; } #page-menu { width:28%; min-height:600px; } #page-content { width:100%;float:right; } .profile-img { width: 200px; height: 200px; border-radius: 50%; object-fit: cover; object-position: center; } .stars span:before { content: "\f005"; font-family: "FontAwesome"; font-weight: 900; color: #ffd700; display: inline-block; margin-right: 5px; } .location-icon:before { content: "\f041"; font-family: "FontAwesome"; font-weight: 900; color: #333; display: inline-block; margin-right: 5px; } /* Blog */ .post { height: 599px; overflow:hidden; padding:20px; } .post:hover { } .post-carousel .owl-wrapper { padding-bottom: 25px; } .post:last-child { margin-bottom: 0; } .post:first-child { margin-bottom: 0px; } .post-image { background-color: #F6F6F6; } .post-image-thumb { position: relative; overflow: hidden; z-index: 1; background-color: #F6F6F6; } .post-image-thumb img { transition: all 0.80s ease-in-out; -o-transition: all 0.80s ease-in-out; -webkit-transition: all 0.80s ease-in-out; } .post:hover .post-image-thumb img { transform: scale(1.15,1.15) } .post-horizontal .post-image-thumb { float: left; width: 99%; height: 273px; } .post-horizontal .post-content { float: left; width: 99%; margin-top: -52px; height: 300px; /*margin-left: 6%;*/ } .post-vertical .post-content { margin-top: -75px; margin-left: 15px; } .post-content { position: relative; padding: 21px; padding-bottom:0; background: #fff; transition: all 0.20s ease-in; -o-transition: all 0.20s ease-in; -webkit-transition: all 0.20s ease-in; z-index: 2; } .post .post-content { -webkit-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1); -moz-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1); box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.1); } .post:hover .post-content { -webkit-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.3); box-shadow: 3px 3px 32px 0px rgba(0,0,0,0.3); } .post-labels, .post-title { margin-bottom: 15px; font-size:17px; } .event-title { font-size:20px; text-align:center; width:100%; } .post a {color:#2c283e;} .post-title a:hover,.post-title:hover { color:#4397C9; } .post-labels .label { border-radius: 10px; padding: 8px; text-align: right; margin-top: 8px; background: #94c38b; } .post-meta { text-transform: uppercase; font-size: 14px; color: #9d9d9d; padding-bottom: 15px; margin-bottom: 15px; } .post-meta span { display: inline-block; margin-right: 14px; } .post-meta span i { margin-right: 6px; } .post-author { padding: 25px; margin-bottom: 20px; } .post-author-photo { float: left; } .post-author-photo img { width: 90px; height: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .post-author-content { padding-left: 116px; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Comments */ .comments { margin-bottom: 30px; } .comments, .comments ul { list-style: none; padding: 0; } .comments ul { margin-top: 20px; padding-top: 20px; padding-left: 95px; } .comments li { margin-bottom: 25px; } .comments li:last-child { margin-bottom: 0; } .comment-avatar { float: left; width: 65px; height: 65px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; overflow: hidden; } .comment-avatar img { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .comment-content { padding-left: 95px; } .comment-head { margin-bottom: 15px; } .comment-text { padding: 15px; background: #f6f6f6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin-bottom: 15px; } .comment-title { padding-right: 100px; } /* Twitter Feed */ .tweet .loading { font-size: 10px; margin-bottom: 0; text-transform: uppercase; opacity: 0.6; } .tweet ul { width: 100%; margin: 0; padding: 0; list-style: none; } .tweet li { position: relative; padding-top: 25px; margin-bottom: 20px; } .tweet li:last-child { margin-bottom: 0; } .tweet-horizontal li { width: 50%; float: left; padding-left: 70px; margin-bottom: 0; } .tweet-horizontal li:before { position: absolute; top: 21px; left: 0; font-family: "FontAwesome"; display: inline-block; text-align: center; overflow: hidden; font-size: 22px; width: 52px; height: 52px; color: #51d2f3; background: #fff; content: "\f099"; font-size: 25px; padding-top: 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; transition: all 0.60s cubic-bezier(0.68, -0.55, 0.265, 1.55); -webkit-transition: all 0.60s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.60s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .tweet-horizontal li:hover:before { transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); } .tweet_time { position: absolute; top: 0; left: 0; background: #f6f6f6; padding: 2px 5px;; text-transform: uppercase; font-size: 10px; font-weight: 400; color: #232323; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-family:'Comfortaa','Helvetica Neue',Helvetica,Arial,sans-serif; font-style: normal; } .tweet-horizontal .tweet_time { left: 70px; background: #51d2f3; color: #fff; } .tweet_time a:hover, .tweet_time a:focus { color: #232323; } .dark .tweet_time a:hover, .dark.tweet_time a:focus { color: #fff; } .tweet_join { opacity: .6; } .tweet-horizontal .tweet_join, .tweet-horizontal .tweet_text { font-size: 15px; font-weight: 300; } .tweet_text a { font-weight: 500; } .tweet_text a:hover, .tweet_text a:focus { color: #51d2f3; } .tutorial {margin:0px auto !important;width:838px;} /* Portfolio */ .gallery-item { position: relative; margin-bottom: 30px; } .gallery-item-image { position: relative; transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; height:260px; width:100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .gallery-item-title { padding-top: 30px; } .gallery-item-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; } .gallery-item-overlay.overlay-black { background: rgba(0,0,0,0.6); } .gallery-item-overlay.overlay-white { background: rgba(255,255,255,0.8); } .gallery-item:hover .gallery-item-overlay { opacity: 1; visibility: visible; } .gallery-item-overlay:after, .gallery-item-overlay:before { position: absolute; bottom: 50%; left: 50%; content: ' '; transition: all 0.20s ease-out 0.4s; -webkit-transition: all 0.20s ease-out 0.4s; -o-transition: all 0.20s ease-out 0.4s; opacity: 0; } .gallery-item-overlay.overlay-black:after, .gallery-item-overlay.overlay-black:before { background: #fff; } .gallery-item-overlay.overlay-white:after, .gallery-item-overlay.overlay-white:before { background: #333333; } .gallery-item-overlay:after { height: 2px; width: 60px; margin-left: -30px; transform: translateX(-300%); -ms-transform: translateX(-300%); -webkit-transform: translateX(-300%); -moz-transform: translateX(-300%); } .gallery-item-overlay:before { height: 60px; width: 2px; margin-bottom: -30px; transform: translateY(-300%); -ms-transform: translateY(-300%); -webkit-transform: translateY(-300%); -moz-transform: translateY(-300%); } .gallery-item:hover .gallery-item-overlay:after, .gallery-item:hover .gallery-item-overlay:before { opacity: 1; } .gallery-item:hover .gallery-item-overlay:after { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } .gallery-item:hover .gallery-item-overlay:before { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } .gallery-client .gallery-item-image { opacity: .4; } .gallery-client:hover .gallery-item-image { opacity: 1; } /* Google Map */ .google-map { height: 300px; } .google-map img { max-width: none; } /* Team */ .team-member-image { overflow: hidden; } .team-member-image img { transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; } .team-member:hover .team-member-image img { transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); } /* Animations */ .animations-list > * { cursor: pointer; } .item-price {font-size:15px;color:orange;font-weight:bold;float:right;padding-top:10px;} /* ----------------------------------------------------------------------------- */ /* --- 5. FOOTER /* ----------------------------------------------------------------------------- */ footer { font-size: 12px; margin-top:40px; padding-left:20px; } .copyright .icon-xs { margin-top: -5px; } /* ----------------------------------------------------------------------------- */ /* --- 6. ELEMENTS /* ----------------------------------------------------------------------------- */ /* Basic Elements ------------------------------------------- */ .underline-link { font-size: 11px; text-decoration: underline; } .underline-link:hover, .underline-link:focus { color: inherit; text-decoration: none; } /* Icons ------------------------------------------- */ .icon { position: relative; display: inline-block; text-align: center; overflow: hidden; font-size: 40px; width: 52px; } .icon-circle { border: 2px solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 80px; width: 80px; font-size: 30px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .icon > i { position: relative; } .icon-circle > i { margin-top: 22px; } .icon-primary.icon-circle { color: inherit; } .icon.icon-filled { color: #fff; } .icon-filled > i { top: 1px; } .icon-box-hover:hover .icon.icon-primary { color: #333; } a.icon.icon-circle:hover, .icon-box-hover:hover .icon.icon-circle { color: #fff; } .icon-box-hover .icon, a.icon { transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; } a.icon:before, .icon-box-hover .icon-circle:before { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; content: ' '; transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } a.icon:hover:before, a.icon:focus:before, .icon-box-hover .icon:hover:before, a.icon:focus:before, .icon-box-hover:hover .icon:before, a:focus .icon:before { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .icon-box-hover .icon-circle:hover, .icon-box-hover .icon-cricle:focus, .icon-box-hover:hover .icon-circle, .icon-box-hover :focus .icon-cricle { color: #fff; } .icon-xs { font-size: 12px; width: 28px; height: 28px; } .icon-xs > i { margin-top: 9px; } .icon-xs.icon-circle > i { top: -2px; } .icon-sm { font-size: 24px; width: 46px; height: auto; } .icon-sm.icon-circle { height: 64px; width: 64px; } .icon-sm.icon-circle > i { margin-top: 18px; } .icon-lg { font-size: 56px; width: 84px; height: auto; } .icon-lg.icon-circle { height: 110px; width: 110px; } .icon-lg.icon-circle > i { margin-top: 24px; } .left-space-md { padding-left: 62px; } .left-space-lg { padding-left: 92px; } .left-space-xlg { padding-left: 130px; } .icon-box { margin-bottom: 20px; cursor:pointer; } .pointer { cursor:pointer; } /* Social Icons */ .social-icons { list-style: none; margin: 0; padding: 0; } .icon-facebook { top:10px;} .icon-facebook:hover { color: #1f4578; } .icon-facebook.icon-circle { border-color: #1f4578; } .icon-facebook.icon-filled, .icon-facebook.icon-circle:before { background-color: #1f4578; } .icon-facebook.icon-filled:before { background-color: #123462; } .icon-facebook.icon-filled:hover { border-color: #123462; } .icon-twitter:hover { color: #50c8e6; } .icon-twitter.icon-circle { border-color: #50c8e6; } .icon-twitter.icon-filled, .icon-twitter.icon-circle:before { background-color: #50c8e6; } .icon-twitter.icon-filled:before { background-color: #2bb0d1; } .icon-twitter.icon-filled:hover { border-color: #2bb0d1; } .icon-google-plus:hover { color: #e13d3d; } .icon-google-plus.icon-circle { border-color: #e13d3d; } .icon-google-plus.icon-filled, .icon-google-plus.icon-circle:before { background-color: #e13d3d; } .icon-google-plus.icon-filled:before { background-color: #d01e1e; } .icon-google-plus.icon-filled:hover { border-color: #d01e1e; } .icon-linkedin:hover { color: #008fc3; } .icon-linkedin.icon-circle { border-color: #008fc3; } .icon-linkedin.icon-filled, .icon-linkedin.icon-circle:before { background-color: #008fc3; } .icon-linkedin.icon-filled:before { background-color: #00749e; } .icon-linkedin.icon-filled:hover { border-color: #00749e; } .icon-behance:hover { color: #0098fd; } .icon-behance.icon-circle { border-color: #0098fd; } .icon-behance.icon-filled, .icon-behance.icon-circle:before { background-color: #0098fd; } .icon-behance.icon-filled:before { background-color: #0080d5; } .icon-behance.icon-filled:hover { border-color: #0080d5; } .icon-dribbble:hover { color: #f16092; } .icon-dribbble.icon-circle { border-color: #f16092; } .icon-dribbble.icon-filled, .icon-dribble.icon-circle:before { background-color: #f16092; } .icon-dribbble.icon-filled:before { background-color: #dc3971; } .icon-dribbble.icon-filled:hover { border-color: #dc3971; } .icon-dropbox:hover { color: #0093eb; } .icon-dropbox.icon-circle { border-color: #0093eb; } .icon-dropbox.icon-filled, .icon-dropbox.icon-circle:before { background-color: #0093eb; } .icon-dropbox.icon-filled:before { background-color: #006fb2; } .icon-dropbox.icon-filled:hover { border-color: #006fb2; } .icon-github:hover { color: #757575; } .icon-github.icon-circle { border-color: #757575; } .icon-github.icon-filled, .icon-github.icon-circle:before { background-color: #757575; } .icon-github.icon-filled:before { background-color: #414040; } .icon-github.icon-filled:hover { border-color: #414040; } .icon-skype:hover { color: #16bef1; } .icon-skype.icon-circle { border-color: #16bef1; } .icon-skype.icon-filled, .icon-skype.icon-circle:before { background-color: #16bef1; } .icon-skype.icon-filled:before { background-color: #09a2d0; } .icon-skype.icon-filled:hover { border-color: #09a2d0; } .icon-tumblr:hover { color: #3a5974; } .icon-tumblr.icon-circle { border-color: #3a5974; } .icon-tumblr.icon-filled, .icon-tumblr.icon-circle:before { background-color: #3a5974; } .icon-tumblr.icon-filled:before { background-color: #214463; } .icon-tumblr.icon-filled:hover { border-color: #214463; } .icon-instagram:hover { color: #bd7f55; } .icon-instagram.icon-circle { border-color: #bd7f55; } .icon-instagram.icon-filled, .icon-instagram.icon-circle:before { background-color: #bd7f55; } .icon-instagram.icon-filled:before { background-color: #9e5c2f; } .icon-instagram.icon-filled:hover { border-color: #9e5c2f; } .icon-youtube { top:10px;} .icon-youtube:hover { color: #eb3c31; } .icon-youtube.icon-circle { border-color: #eb3c31; } .icon-youtube.icon-filled, .icon-youtube.icon-circle:before { background-color: #eb3c31; } .icon-youtube.icon-filled:before { background-color: #d2251a; } .icon-youtube.icon-filled:hover { border-color: #d2251a; } /* Buttons ------------------------------------------- */ .modal-body .btn {color:#000} .btn { position: relative; color: #FFFFFF; font-size: 15px; font-weight: 400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: none; padding: 12px 32px; text-transform: uppercase; overflow: hidden; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; } .hidden {display:none} #footer .social-media a {margin-left:30px;} .footer-text { padding-left:15px} .social-media button { padding: 0px !important } .safari .btn, .chrome .btn { -webkit-transition: none; } .safari .btn { -webkit-mask-image: -webkit-radial-gradient(circle, white, black); } .btn { background:#3cbf3c !important; } .btn:before { position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px; content: ' '; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .btn:hover:before, .btn:focus:before { transform: translateY(0); -webkit-transform: translateY(0); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; background:#7fc880; } .btn.btn-filled { color: #fff; transition: all 0.25s ease-out; -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; } .btn:hover, .btn:focus { background: none; color: #fff; } .btn a:hover, .btn a:focus { color: #fff; } .btn > .btn-inner { position: relative; z-index: 2; } .btn-link { border: none; } .btn:active { box-shadow: none; } .btn-sm, .btn-group-sm > .btn { padding: 8px 25px; font-size: 16px; } .btn-xs, .btn-group-xs > .btn { padding: 4px 18px; font-size: 10px; } .btn-lg, .btn-group-lg > .btn { padding: 14px 39px; font-size: 13px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .btn-default, .btn-default:hover, .btn-default:focus { border-color: #e4e4e4; } .btn-default:before, .btn-default.btn-filled, .btn-default.btn-filled:hover, .btn-default.btn-filled:focus { background-color: #e4e4e4; } .btn-default.btn-filled:hover, .btn-default.btn-filled:focus { border-color: #d6d6d6; } .btn-default.btn-filled:before { background-color: #d6d6d6; } .dark .btn-default, .dark .btn-default:hover, .dark .btn-default:focus, .dark .btn-default.focus, .dark .btn-default:active, .dark .btn-default.active, .dark .open > .dropdown-toggle.btn-default { border-color: #fff; } .dark .btn-default:before { background: #fff; } .btn-default.btn-filled, .btn-default:hover, .btn-default:focus { color: #FFF; } .btn-simple { color:#FFF;border-radius:3px;background:#ef7d18;padding:4px;height:22px; } .btn-simple:hover { background: #6eac2c !important; } .btn-simple a:hover, .btn-simple a:focus { color: #FFF !important; } .btn-success, .btn-success:hover, .btn-success:focus { border-color: #7ec029; } .btn-success:before, .btn-success.btn-filled, .btn-success.btn-filled:hover, .btn-success.btn-filled:focus { background-color: #7ec029; } .btn-success:before a, .btn-success.btn-filled a, .btn-success.btn-filled:hover a, .btn-success.btn-filled:focus a { color:#FFF !important; } .btn a {color:#FFF !important} .btn-success.btn-filled:hover, .btn-success.btn-filled:focus { border-color: #5e9e0c; } .btn-success.btn-filled:before { background-color: #5e9e0c; } .btn-buy, .btn-buy:hover, .btn-buy:focus { background-color: #7ec029 !important; color:#FFF !important; border:0px; color:#FFF;font-size:25px; } .btn-buy:before, .btn-buy.btn-filled, .btn-buy.btn-filled:hover, .btn-buy.btn-filled:focus { background-color: #e8c340; } .btn-buy.btn-filled:hover, .btn-buy.btn-filled:focus { border-color: #7ec029; } .btn-buy.btn-filled:before { background-color: #7ec029; } .btn-danger, .btn-danger:hover, .btn-danger:focus { border-color: #de3939; } .btn-danger:before, .btn-danger.btn-filled, .btn-danger.btn-filled:hover, .btn-danger.btn-filled:focus { background-color: #de3939; } .btn-danger.btn-filled:hover, .btn-danger.btn-filled:focus { border-color: #a81b1b; } .btn-danger.btn-filled:before { background-color: #a81b1b; } .btn-yellow, .btn-yellow:hover, .btn-yellow:focus { border-color: #f0bc08; } .btn-yellow:before, .btn-yellow.btn-filled, .btn-yellow.btn-filled:hover, .btn-yellow.btn-filled:focus { background-color: #f0bc08; } .btn-yellow.btn-filled:hover, .btn-yellow.btn-filled:focus { border-color: #da8a00; } .btn-yellow.btn-filled:before { background-color: #da8a00; } .btn-warning, .btn-warning:hover, .btn-warning:focus { border-color: #ef7d18; } .btn-warning:before, .btn-warning.btn-filled, .btn-warning.btn-filled:hover, .btn-warning.btn-filled:focus { background-color: #ef7d18; } .btn-warning.btn-filled:hover, .btn-warning.btn-filled:focus { border-color: #cb5f00; } .btn-warning.btn-filled:before { background-color: #cb5f00; } .btn-info, .btn-info:hover, .btn-info:focus { border-color: #23aae2; } .btn-info:before, .btn-info.btn-filled, .btn-info.btn-filled:hover, .btn-info.btn-filled:focus { background-color: #23aae2; } .btn-info.btn-filled:hover, .btn-info.btn-filled:focus { border-color: #0787bc; } .btn-info.btn-filled:before { background-color: #0787bc; } .btn-black, .btn-black:hover, .btn-black:focus { border-color: #121212; } .btn-black:before, .btn-black.btn-filled, .btn-black.btn-filled:hover, .btn-black.btn-filled:focus { background-color: #121212; } .btn-black.btn-filled:hover, .btn-black.btn-filled:focus { border-color: #020202; } .btn-black.btn-filled:before { background-color: #020202; } .btn-blue { background-color: #0787bc !important;color:#FFF !important; } .btn-blue, .btn-blue:hover, .btn-blue:focus { border-color: #FFF; color:#FFF !important; } .btn-blue:before, .btn-blue.btn-filled, .btn-blue.btn-filled:hover, .btn-blue.btn-filled:focus { background-color: #206ea1;color:#FFF !important; } .btn-blue.btn-filled:hover, .btn-blue.btn-filled:focus { border-color: #FFF; } .btn-blue.btn-filled:before { background-color: #0787bc; color:#FFF;} .btn-primary.btn-filled, .btn-primary-dark, .btn-primary-dark:hover, .btn-primary-dark:focus { color: #fff; } .btn-primary { background-color: #223326; webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn span > i { opacity: .5; } .btn-link:hover, .btn-link:focus { color: inherit; } .btn-link:before { display: none; } .btn.btn-pull-up { margin-top: -20px; } .btn-big { display: block; padding-top: 0px; padding-bottom: 0px; color:#FFF; position: relative; z-index: 9; margin: 0 auto 20px; text-align: center; text-transform: uppercase; line-height: 70px; letter-spacing: .03em; border-color: #B7E1B4 !important; background-color: #6C8F31 !important; border-radius: 50px !important; font-family: 'Lato', sans-serif;; font-size: 19px; } .btn-big a { color: #FFF; } .btn-big a:hover { color: #EfEfEf; } .btn-green { background-color: #4CAF50 !important; } .detail_text { padding: 25px; } .titulo_form_email { height: 50px; vertical-align: middle; padding-top: 17px; } /* Label ------------------------------------------- */ .label { display: inline-block; padding: 3px 5px; text-transform: uppercase; font-size: 10px; font-weight: 400; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .label-default { background: #F6F6F6; color: #333; } .label-black { background: #020202; } .label-success { background-color: #7ec029; } .label-danger { background-color: #de3939; } .label-yellow { background-color: #f0bc08; } .label-warning { background-color: #ef7d18; } .label-info { background-color: #23aae2; } .label-black { background-color: #020202;padding: 9px; font-size: 12px; } /* Form Elements ------------------------------------------- */ input { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } label { font-weight: 400; } label a { text-decoration: underline; } label a:hover, label a:focus { color: inherit; text-decoration: none; } .form-group, .checkbox-group { position: relative; display: block; } .checkbox { position: relative; display: block; } .radio label, .checkbox label { min-height: 0; } /* Checkbox */ input[type="checkbox"] { font-family: 'FontAwesome'; font-weight: 100; font-size: 12px; color: #e6e6e6; width: 16px; height: 16px; position: relative; padding-left: 23px; cursor: pointer; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } input[type="checkbox"] :before{ position: absolute; top: 1px; left: 0; display: block; background: #ededed; content: ' '; } input[type="checkbox"] :after{ color: #e6e6e6; content: '\f00c'; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } label.checkbox-label { position: relative; padding-left: 23px; cursor: pointer; } label.checkbox-label:before { position: absolute; top: 1px; left: 0; display: block; width: 16px; height: 16px; background: #ededed; webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; content: ' '; z-index: 0; } label.checkbox-label:after { position: absolute; top: 0px; left: 2px; display: block; font-family: 'FontAwesome'; font-weight: 100; font-size: 12px; color: #e6e6e6; content: '\f00c'; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } /* Input */ input[type="text"]:focus, input[type="email"]:focus, textarea:focus, .form-control:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .dark input[type="text"], .dark input[type="email"], .dark textarea, .dark .form-control { background: rgba(255,255,255,0.13); color: #fff; } #footer .form-control::placeholder { color: #9c9999; opacity: 1; } #footer .form-control { background: rgba(255,255,255,0.8); color: #fff !important; } .dark input[type="text"]:focus, .dark input[type="email"]:focus, .dark textarea:focus, .dark .form-control:focus { background: rgba(255,255,255,0.2); } .dark ::-webkit-input-placeholder , .dark ::-moz-placeholder, .dark :-ms-input-placeholder, .dark input:-moz-placeholder { color: rgba(255,255,255,0.5); } .dark input.bg-white { color: #333; background: #fff; } .dark input.bg-white::-webkit-input-placeholder, .dark input.bg-white::-moz-placeholder, .dark input.bg-white:-ms-input-placeholder, .dark input.bg-white::-moz-placeholder, .dark input.bg-white:focus::-webkit-input-placeholder, .dark input.bg-white:focus::-moz-placeholder, .dark input.bg-white:focus:-ms-input-placeholder, .dark input.bg-white:focus:-moz-placeholder { color: #333 } .dark input.bg-white:focus { color: #333; background: #fff; } .form-control { height: 42px; padding: 8px 16px; font-size: 14px; border-color:1px solid #CCC; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f6f6f6; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .form-control:focus { background: #fff8e6; color: #333; box-shadow: 0px 1px 1px 0px #f9c4ad; } .bg-grey .form-control { background: #fff; } .input-lg, .form-group-lg .form-control { font-weight: 200; height: 58px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .input-sm, .form-group-sm .form-control { height: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .input-group-addon { border: none; background: #fff; margin-right: -1px; padding-right: 0; } .input-group-addon { border: none; background: #fff; margin-right: -1px; padding-right: 0; } .form-control-btn { border: none; font-size: 12px; font-weight: 400; border: none; padding: 9px 19px; text-transform: uppercase; height: 42px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; z-index: 3; } .form-bottom-bar { position: relative; } .form-bottom-bar > span { position: relative; top: 10px; } .form-group label.error, .form-bottom-bar label.error, .checkbox-group label.error { position: absolute; top: 100%; left: 0; margin-top: 3px; text-transform: uppercase; font-size: 10px; background: rgba(0,0,0,0.8); color: #fff; z-index: 10; padding: 2px 6px; margin: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Lists */ ul, ol { margin-bottom: 20px; } .list-navigation { padding: 0; margin: 0; list-style-type: none; } .list-navigation li { margin-bottom: 8px; } .list-unstyled li { margin-bottom: 9px; } .list-unstyled-icons .inline-icon { float: left; margin-left: -20px; } .list-unstyled-icons li { padding-left: 25px; margin-bottom: 10px; } .list-unstyled-icons li:last-child { margin-bottom: 0px; } .list-inline > li { padding-right: 10px; padding-left: 10px; } /* Breadcrumbs */ .breadcrumb { font-size: 11px; background: none; padding: 16px 0px; margin: 0; } .breadcrumb > li + li:before { font-family: "FontAwesome"; padding: 0px 10px; content: "\f105 "; } .dark .breadcrumb > li + li:before { opacity: .5; } /* Pagination */ .pagination > li > a, .pagination > li > span { color: #232323; border-color: #e4e4e4; border-top: none; border-bottom: none; padding: 12px 16px; font-size: 11px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #fff; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-right: none; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-left: none; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 8px 12px; font-size: 10px; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 14px 20px; font-size: 12px; } .sticky { position: fixed; top: 100px; right:38px; margin: 0; width:350px; z-index:9999; } .abs { position: absolute; bottom: 10px; right:10px; width:350px; } /*Cookie Consent Begin*/ #cookieConsent { width: 32%; background-color: rgba(255, 255, 255, 0.9); min-height: 26px; font-size: 14px; color: #000; text-align: left; line-height: 26px; padding: 8px 0 8px 30px; font-family: "Trebuchet MS",Helvetica,sans-serif; position: fixed; bottom: 0; left: 0; -webkit-border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px; border-radius: 5px 0px 0px 0px; display: none; z-index: 9999; } #cookieConsent a { color: #4B8EE7; text-decoration: none; } #closeCookieConsent { float: right; display: inline-block; cursor: pointer; height: 20px; width: 20px; margin: -15px 0 0 0; font-weight: bold; padding-right: 10px; padding-top: 5px; } #closeCookieConsent:hover { color: #FFF; } #cookieConsent a.cookieConsentOK { background-color: #F1D600; color: #000; display: inline-block; border-radius: 5px; padding: 0 20px; cursor: pointer; /* float: right; margin: 0 60px 0 10px;*/ margin-left: 20px; } #cookieConsent a.cookieConsentOK:hover { background-color: #E0C91F; } /*Cookie Consent End*/ /* Modal */ /* Overlay */ #simplemodal-overlay {background-color:#000;} /* Container */ #simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;} #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} #simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 {color:#84b8d9;} .video_iframe_css { width:100%;max-width:1000px;min-height:550px;max-height:550px; } .modal-content { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .modal-body { padding: 20px; } .modal-header .close { position: relative; z-index: 3; } /* Navs */ .nav-sidebar li { /*border-bottom: 1px solid #e4e4e4;*/ padding-left: 21px; } .nav-sidebar li:nth-child(2n) a { /*background-color: #f6f6f6;*/ } .nav-sidebar > li > a:hover, .nav-sidebar > li > a:focus, .nav-sidebar > li.active > a { color: #fff; } .bg-black .nav-sidebar li { border-color: #484848; } .bg-black .nav-sidebar li:nth-child(2n) a { background-color: #292929; } .nav-tabs li a, .nav-pills li a { font-size: 14px; font-weight: 400; /*padding: 8px 30px;*/ } .nav-tabs li a:hover, .nav-tabs li a:focus, .nav-pills li a:hover, .nav-pills li a:focus { color: inherit; background: #f2f2f2; } .nav-tabs li a { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .nav-pills li a { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Testimonial */ .testimonial { margin-bottom: 45px; } .testimonial-content { position: relative; padding: 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .testimonial-content:before { position: absolute;; bottom: -10px; left: 25px; width: 0; height: 0; border-style: solid; border-width: 14px 14px 0 0; border-color: #000 transparent transparent; content: ''; } .testimonial-content.bg-grey:before { border-color: #F6F6F6 transparent transparent; } .testimonial-content.bg-white:before { border-color: #FFF transparent transparent; } .testimonial-author { margin-top: 20px; } .testimonial-author .testimonial-icon { float: left; } .testimonial-author .author-name { font-weight: 600; line-height: 12px; display: block; font-size: 16px; } .testimonial-photo { float: left; width: 60px; height: 60px; background-size:cover !important; background-position: center top !important; } .testimonial-with-photo .testimonial-author-txt { margin-left: 25px; padding-top: 21px; float:left; } .testimonial-with-icon .testimonial-icon { margin-top: 3px; } .testimonial-with-icon .testimonial-author-txt { margin-left: 25px; } /* Counter */ .counter-box { text-align: center; } .counter-number { display: block; text-align: center; font-size: 56px; font-weight: 100; } .rounded { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } /* Images */ .img-rounded { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .img-thumbnail { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Blockquote */ blockquote { border-left-width: 3px; font-size: 17.5px; font-weight: 100; } blockquote footer { font-size: 11px; font-weight: 400; } /* Alerts */ .alert { -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; } .alert-warning { color: #7c7975; background-color: #e5e9f4; border-color: #e9eaf5; } /* Wells */ .well { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* Progress Bars */ .progress { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .progress-bar { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress-bar-default { background: #e5e5e5; color: #333; } .progress-bar-black { background: #020202; } .progress-bar-success { background-color: #7ec029; } .progress-bar-danger { background-color: #de3939; } .progress-bar-yellow { background-color: #f0bc08; } .progress-bar-warning { background-color: #ef7d18; } .progress-bar-info { background-color: #23aae2; } .progress-bar-black { background-color: #020202; } /* Tooltip / Popover */ .popover { -webkit-box-shadow: 5px 5px 50px 0px rgba(0,0,0,0.15); -moz-box-shadow: 5px 5px 50px 0px rgba(0,0,0,0.15); box-shadow: 5px 5px 50px 0px rgba(0,0,0,0.15); border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 12px; } .popover.bottom > .arrow { border-bottom-color: #fff; } .popover.top > .arrow { border-top-color: #fff; } .popover.left > .arrow { border-left-color: #fff; } .popover.right > .arrow { border-right-color: #fff ; } .tooltip-inner { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 10px; text-transform: uppercase; } /* Accordion */ .panel-group .panel { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .panel-group .panel + .panel { margin-top: -1px; } .panel-default > .panel-heading { border: #e5e5e5; background: #f1f1f1; padding: 14px 18px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } .panel-body { padding: 18px; } .panel-group .panel-heading { background: #f3f3f3; } .panel-title a:hover, .panel-heading:hover a { color: #fff; } /* Carousel */ .owl-multiple-items .owl-item > * { margin-right: 30px; } /* Pricing Tables */ .pricing-column { text-align: center; margin-bottom: 10px; margin-top:5px; font-size:14px; } .pricing-head { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; padding-bottom: 13px; } .pricing-head > *, .pricing-content > * { display: block; } .pricing-head .pricing-title { padding: 6px 14px; background:#d9e6f4; margin-bottom: 10px; text-transform: uppercase; font-size: 17px; border-bottom: 1px solid rgba(0,0,0,0.09); /*background:#328344;*/ } .pricing-head.dark .pricing-title { border-bottom: 1px solid rgba(255,255,255,0.2); background: #62795c; } .pricing-head .pricing-value { font-size: 34px; font-weight: 100; } .pricing-head .pricing-caption { opacity: .6; } .pricing-content > { border-left: 1px solid #E2E2E2; border-right: 1px solid #E2E2E2; } .pricing-content > * { border-bottom: 1px solid #E2E2E2; padding: 7px 20px; } .pricing-bottom { padding: 15px 20px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .main-carousel { display:none} /* ----------------------------------------------------------------------------- */ /* --- 7. LOADER /* ----------------------------------------------------------------------------- */ #page-loader { position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9100 !important; width: 100%; height: 100%; } #page-loader .loader-part { position:fixed; width: 200%; margin-left: -50%; height: 50%; background: #fff; } #page-loader.loader-white .loader-part { background: #fff; } #page-loader.loader-black .loader-part { background: #020202; } .loader-part-one { top: 0; right: 0; left: 0; } .loader-part-two { bottom: 0; right: 0; left: 0; } .pace { position: absolute; width: 100% } .pace .pace-progress { position: fixed; z-index: 2000; top: 50%; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; } #page-loader.loader-primary .pace-progress { background: #fff; } /* ----------------------------------------------------------------------------- */ /* --- 8. CURTAIN /* ----------------------------------------------------------------------------- */ #page-curtain { position:fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9100; width: 100%; height: 100%; display: none; } #page-curtain .curtain-part { position:fixed; width: 200%; margin-left: -50%; height: 50%; background: #fff; } .curtain-part-one { top: -50%; right: 0; left: 0; } .curtain-part-two { bottom: -50%; right: 0; left: 0; } #page-curtain.curtain-white .loader-part { background: #fff; } #page-curtain.curtain-black .loader-part { background: #020202; } /* ----------------------------------------------------------------------------- */ /* --- 10. BACKGROUNDS /* ----------------------------------------------------------------------------- */ .userName {padding-left:10px;} .foto-topo { margin-top: -16px; } .usuario-topo { margin-left:50px; font-weight:bold} .iframe { width:100%;min-height:651px;border:0px;overflow: hidden } .link-special { font-size:16px; } .search { box-shadow: 5px 5px 25px 0 rgba(46,61,73,.2); margin-top:10px; margin-bottom:10px; border-radius: 11px; padding-left: 10px; padding-right: 10px; } section #search-form .search { width:95% !important; height: 50px; border-radius: 10px; -webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; } #searchinput { padding-left:10px; font-size: 17px; width: 396px; height: 40px; background: url(../images/search.gif) #FFF no-repeat right center; background-position: 0px -3px 0px ; border-radius: 5px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border: 2px solid #3C3E40; color: #666; } .form-control { color: #959292; } .coach-hero-content { font-size: 20px; text-align: center; color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.35); background: #00a9fe; background: transparent linear-gradient(rgba(0,0,0,0.9),rgba(139,40,1,0.97)); padding: 10px 30px 20px; margin-top: 40px; margin-bottom: 80px; } .avatar { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; border-radius: 99px; width: 25px; height: 25px; background-color: #ebeef0; background-repeat: no-repeat; background-size: 100%; margin-right: 10px; color: #fff; text-align: center; text-transform: uppercase; line-height: 2; font-size: 12px; font-weight: 300; letter-spacing: 1px; } .coach-hero-content .avatar { width: 80px; height: 80px; border: 2px solid #fff; margin-top: 20px; } .paypal { margin: 0px auto; width: 226px;} .instructor_text img { width: 80%; margin-left:10%; height: auto; } .landing-instructor { padding-top:480px; } .main-video-wrapper { background:url(../images/backgrounds/bambu.jpg) center top; background-size:cover !important; opacity: 0.8; background-color: #233364; width: 100%; height: 100%; min-height: 850px; border: none!important; z-index: 0; overflow: hidden; position:absolute; /*clip-path: polygon(50% 0%, 100% 0px, 100% 43%, 99.85% 98.62%, 71.92% 31.62%, 30.66% 31.08%, 0px 100%, 0% 43%, 0px 0px);*/ } .main-video { min-width: 100%; min-height: 100%; left: 0; top: 0; right: 0; bottom: 0; opacity: 1; z-index: 1; } /* Alignment styles for images, videos and iframes in editable regions */ /* Center (default) */ [data-editable] iframe, [data-editable] image, [data-editable] [data-ce-tag=img], [data-editable] img, [data-editable] video { clear: both; display: block; margin-left: auto; margin-right: auto; max-width: 100%; } /* Left align */ .align-left { clear: none !important; float: left !important; margin-right: 0.8em !important; } /* Right align */ .align-right { clear: none !important; float: right !important; margin-left: 0.8em !important; } /* Left align */ [data-editable] .align-left { clear: initial; float: left; margin-right: 0.5em; } /* Right align */ [data-editable].align-right { clear: initial; float: right; margin-left: 0.5em; } /* Alignment styles for text in editable regions */ [data-editable] .text-center { text-align: center; } [data-editable] .text-left { text-align: left; } [data-editable] .text-right { text-align: right; } #menu_send_videos { padding-right: 18px; float: right; } .modal_basica { background-color: #000; border-radius: 10px 10px 10px 10px; box-shadow: 0 0 25px 5px #999; color: #111; display: none; min-width: 450px; padding: 2px; left: 461.5px; position: absolute; top: 902.5px; z-index: 9999; opacity: 1; display: none; border: 5px dashed #ef7d18; } .modal_basica span.b-close { border-radius: 7px 7px 7px 7px; box-shadow: none; font: bold 131% sans-serif; padding: 0 6px 2px; position: absolute; right: -14px; top: -12px; background-color: #000; color: #FFF; cursor:pointer; } .video_detail { min-height:250px; width:80%; margin:0px auto; } .video_iframe { background: #f9f1e9; background-size:cover; object-fit: cover; width: 100%; } .radius_5 { -webkit-border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -moz-border-radius: 5px !important; } .radius_20 { -webkit-border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -moz-border-radius: 20px !important; } .erro { text-align:center; width:100%; text-decoration:none; padding:5px; padding-top:5px; padding-bottom:5px; } .radius_5 { -webkit-border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -moz-border-radius: 5px !important; } .radius_20 { -webkit-border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -moz-border-radius: 20px !important; } .erro { text-align:center; width:100%; text-decoration:none; padding:5px; padding-top:5px; padding-bottom:5px; } .paypalbutton { display: inline-block; background-color: #2980B9; color: #fff; border-radius: 2%; box-shadow: none; cursor: pointer; font-family: inherit; font-size: 16px; font-weight: bold; padding: 16px 24px; width: auto; } .paypalbutton:hover { background-color: #3498DB; } .button-item { border-bottom-color: rgb(247, 108, 111); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom-style: solid; border-bottom-width: 0.8px; border-image-outset: 0; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgb(247, 108, 111); border-left-style: solid; border-left-width: 0.8px; border-right-color: rgb(247, 108, 111); border-right-style: solid; border-right-width: 0.8px; border-top-color: rgb(247, 108, 111); border-top-left-radius: 8px; border-top-right-radius: 8px; border-top-style: solid; border-top-width: 0.8px; box-sizing: border-box; padding: .49rem 0.69rem; font-size:15px; color: #f76c6f; border-color: #f76c6f; background-color: #fff; } .button-item:hover { color: #fff; border-color: #f76c6f; background-color: #f76c6f; } .radius_5 { -webkit-border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -moz-border-radius: 5px !important; } .radius_20 { -webkit-border-radius: 20px !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; -moz-border-radius: 20px !important; } .erro { text-align:center; width:100%; text-decoration:none; padding:5px; padding-top:5px; padding-bottom:5px; } .reviews-row { background: none !important; } .s-rating.static { margin-left: -2px; margin-right: 2px; } .s-rating { position: relative; white-space: nowrap; display: inline-block; } .s-rating.static:before { font-family: 'FontAwesome'; content: "\2009\f005\2009\2009\f005\2009\2009\f005\2009\2009\f005\2009\2009\f005\2009"; color: #aaa; font-size: 20px; line-height: 1; letter-spacing: -0.5px; } .s-rating.static span { position: absolute; left: 0; overflow: hidden; } .s-rating.static span:before { color: #e8c340; } .s-rating-ok:before { font-family: 'FontAwesome'; content: "\2009\f005\2009\2009\f005\2009\2009\f005\2009\2009\f005\2009\2009\f005\2009"; color: #aaa; font-size: 20px; line-height: 1; letter-spacing: -0.5px; } .pt45 { padding-top:45px; } .banner_text { padding-top:80px;font-size: 17px;} .banner_text h4 { margin-left: -10px;} #txt-banner-como-funciona-3 strong { font-family: GillSans; } #txt-banner-como-funciona-1, #txt-banner-como-funciona-2 { font-size: 2.2em; margin-left: 44px; font-family: 'Lato', sans-serif; letter-spacing: .03em; } #txt-banner-vantagens-1 { font-size: 24px; margin-left: 44px; font-family: 'Lato', sans-serif; letter-spacing: .03em; margin-top: 187px; line-height: 1.7em; color: #4b3d15; } #txt-banner-vantagens-2 { float:right; font-size: 24px; margin-right: 44px; font-family: 'Lato', sans-serif; letter-spacing: .03em; margin-top: 187px; line-height: 1.7em; color: #4b3d15; } #txt-banner-vantagens-2 strong { font-family: 'Lato', sans-serif; } .banner_home_1 { background-image: url(../images/bg-mobile.jpg); min-height: 512px; background-position: center 0; } .banner_home_2 { background-image: url(../images/bg-mobile.jpg); min-height: 512px; background-position: center 0; } .noParallax { background-repeat: no-repeat; background-size: cover!important; -webkit-background-size: cover!important; -moz-background-size: cover!important; -ms-background-size: cover!important; -o-background-size: cover!important; } #div_form_pagina { z-index:999; } .ct-ignition { right: 150px !important; top: 81px !important; left: auto !important; } .ct-widget .ct-ignition__button { width: 65px !important; height: 65px !important; padding-top:8px; } .icone { width: 80px; height: 80px; background-image: url(../images/sprite.png); position: relative; } .number-list-como-funciona { font-size: 5.5em; margin: 0; height: 83px; line-height: 83px; font-weight: 700; text-align: center; position: relative; } .titulo-list-como-funciona { font-weight: 500; font-family: 'Lato', sans-serif;; font-size: 24px; margin: 15px 0 0; position: relative; } .txt-list-como-funciona { font-size: 16px; margin: 5px 0 5px; line-height: 1em; } #ico-list-1 { background-position: 0 -230px; } #ico-list-2 { background-position: -125px -230px; } #ico-list-3 { background-position: -248px -230px; } #ico-list-4 { background-position: -6px -328px; } #ico-list-5 { background-position: -254px -328px; } .row-buttons { width: 66.66667%; margin: 0px auto; margin-top: 20px; } .modal-dialog .btn { color:#000; } .personalpage-input { font-size:19px;} .post-labels a {color:#FFF} .currency_active {color:#FFF !important;} .header-black .currency_active {background:#2c283e; color:#FFF !important;} .currency_inactive {color:#CCC !important;} .bs-wizard {margin-top: 20px;} /*Form Wizard*/ .bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;} .bs-wizard > .bs-wizard-step {padding: 0; position: relative;} .bs-wizard > .bs-wizard-step + .bs-wizard-step {} .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;} .bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px; padding-right:20px;padding-left:20px;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; } .bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;} .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;} .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;} .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;} .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;} .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;} .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;} .bs-wizard > .bs-wizard-step:first-child > .progress {left: 50%; width: 50%;} .bs-wizard > .bs-wizard-step:last-child > .progress {width: 50%;} .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; } /*END Form Wizard*/ .lesson-module { cursor:pointer; padding: 5px 15px; } .description h1 { font-size: 47px; margin: 0; line-height: 55px; } .description p { display: block; margin: auto; padding: 0 10px; } .callout { background: #f30; border: 0; border-radius: 8px; width: 160px; height: 50px; display: inline-block; float: none; margin-top: 25px; } a.rtmp { display:block; width:720px; height:480px; margin:25px 0; text-align:center; background-color:black; } .centeredbg { top: 60px; height: auto !important; padding-bottom: 40px; margin: auto; max-width: 1025px; } .centered { vertical-align: middle; width: 100%; /*height: 300px;*/ position: relative; z-index: 1; text-align: center; margin:0px auto; } .centered-text { text-align: center; } .center { margin:0px auto; } .title {font-family:"Comfortaa",Helvetica Neue, Arial, Helvetica, sans-serif; font-size:40px;color:#333;} .description {font-family:"Comfortaa",Helvetica Neue, Arial, Helvetica, sans-serif;font-size:26px;color:#333;} .languages,.currencies { clear: both; } /* ----------------------------------------------------------------------------- */ /* --- 9. MEDIA QUERIES /* ----------------------------------------------------------------------------- */ @media only screen and (max-width: 1700px) { .main-video-wrapper { background-size: cover !important; background-position: 0px -126px; } } @media only screen and (max-width: 1440px) { .nav-main { font-size:11px; } } @media only screen and (min-width: 1200px) { } @media only screen and (max-width: 1199px) { .parallax { background-size: cover!important; background-attachment: scroll!important; background-position: center!important; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .header.wide { padding-left: 80px; padding-right: 80px; } } @media only screen and (max-width: 991px) { .sign-in-box h1 { font-size:35px } #_hj_feedback_container { display: none;} .btn-big { width:auto } #menu_send_videos { display:none } .header .nav-main { display: none; } .logo { bottom: 15px; } #header .mobile-menu, #header .mobile-menu-toggle { display: block; } .nav-main { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .header.wide { padding-left: 50px; padding-right: 50px; } } .logo-powered img { width:150px;} @media only screen and (max-width: 767px) { .sign-in-head { margin: 0 !important; } .header-in,.header-in h1 { font-size:12px;} .header-in .logo { width:35%;} .logo-powered { font-size:12px;margin-top:50px;} .logo-powered img { width:70px;} .ct-toolbox {margin-top:50px;} .tituloLp { font-size: 21px; margin-top:-30px; } .sign-in-box { margin-top:480px !important; } .container td { display: table-row; } #footer-contact { margin-top:30px; } #page-menu-btn-viewpage { display: block !important; } .instructor_text img { width: 100%; margin-left:1%; height: auto; } h1{font-size:22px;font-weight: bold;} h2{font-size: 19px; font-weight: bold;} .logo { width:82%; margin-top:-11px;} .logo img { width: auto; max-height: 89px; max-width: 222px; margin-top: 9px; } .white-box { padding:50px;height:auto;} .menu_instructor { font-size:17px;font-weight:bold;padding: 10px;background: #277c1f; } .signup-image { display: none} .btn { margin-top:5px;} .btn-big {font-size:16px;} .page-logo { width: 100%; text-align: center; } .mobile-menu { background: #333c4e; margin-top:130px !important; } .languages a { padding:0; width: 41px; float: left; margin-left: 15px;} .mobile-menu ul a { color:#CCC; font-size: 13px; }.mobile-menu ul a:hover { color:#FFF; } .pricing-bottom {padding:0px;padding-bottom:20px;} .title-bar {padding-left: 14px;} .signup-row { padding: 0px;padding-bottom:100px;} .banner_text { padding-top:0;} .user_logged { padding-top: 23px; } .banner_comofunciona .container {display:none} .quero-me-cadastrar a { width: 90%; font-size: 16px; } .steps1 { display:none } .bs-wizard > .bs-wizard-step { margin-top:15px;} .page-logo img { width: 90%; margin: 0px auto; } .home-default, .home-default .bg-image { min-height: 890px !important; max-height: 890px !important; background-position: center !important; } .home-sm, .home-sm .bg-image { min-height: 200px; max-height: 200px !important; background-position: center !important; } .vertical-center { margin:0px !important} .tutorial {width:99%;} #page-content { width: 100%; } .iframe-container { width:100% !important; height:100%; position: static; padding: 0; } #div_form_pagina { min-height: 800px !important; } .post-author { padding:2px; } #search { width:100%;position:inherit !important; } #search input { margin-top: 3px;padding-left:10px;width:100% !important; font-size: 11px;} #header { height: 77px; padding-top: 10px; } .header.wide, .mobile-menu ul li a { padding-left: 30px; padding-right: 30px; } .mobile-menu ul li.has-dropdown > a:after, .mobile-menu ul li.has-dropdown-wide > a:after { right: 55px; } .mobile-menu ul li li a { padding-left: 40px; } .mobile-menu ul li li li a { padding-left: 50px; } .mobile-menu ul li li li li a { padding-left: 60px; } .tweet li { width: 100%; float: none; margin-bottom: 40px; } .tweet li:last-child { margin-bottom: 0; } .comment-avatar { display: none; } .comment-content { padding-left: 0; } .comments ul { padding-left: 40px; } .testimonial-author-txt { clear: both; padding-top: 38px; } .coach-hero-content {width: 80% !important; margin: 0px auto !important; margin-left: 10% !important;} .post-horizontal .post-image-thumb { float: none; width: 100%; } .post-horizontal .post-content { float: none; width: 100%; margin-top: -35px; } .desktop-only { display:none } } @media only screen and (max-width: 479px) { .iframe { min-height: 300px; width:100%; height: 300px; } .chat-webconf { display:none; } } .bg-image-1 { background-image: url('../images/backgrounds/background01.jpg'); } .bg-image-2 { background-image: url('../images/backgrounds/background02.jpg'); } .bg-image-3 { background-image: url('../images/backgrounds/background03.jpg'); } .bg-image-4 { background-image: url('../images/backgrounds/background04.jpg'); } .bg-image-5 { background-image: url('../images/backgrounds/background05.jpg'); } .bg-image-6 { background-image: url('../images/backgrounds/background06.jpg'); } .bg-image-7 { background-image: url('../images/backgrounds/background07.jpg'); } .bg-image-8 { background-image: url('../images/backgrounds/background08.jpg'); } .bg-image-9 { background-image: url('../images/backgrounds/background09.jpg'); } .plans_title { margin-bottom: 100px; } .plans_title h1 { vertical-align: middle; font-size: 22px; font-weight:bold; color:#5684C7; width: 100%; height: 30px; position: relative; z-index: 1; text-align: center; } .hide { display:none } .btn-calltoaction { font-size: 17px; font-weight: bold; } .div_erro_login { color: #c11747 !important; } .btn-buy-class,.btn-buy-class:hover,.btn-buy-class:active,.btn-buy-class:focus { padding: 2px 6px; font-size: 12px; } .div_interno{height:100%;} .class_selected{background:#cad6ed;border-radius: 10px;} .class_done{background:#67dc72;border-radius: 10px;} .class_inactive{color:#b3b2b2 !important; background: #DADADA !important;border-radius: 10px;} #calendar{box-shadow: none !important;padding:5px;} .teacher { padding:10px; min-height: 86px; background:#F9F9F9;margin-right:30px; cursor:pointer; } .teacher:hover { background:#f3f3f3; } .teachers { width:95%;overflow:auto;margin:0px auto;padding-top:10px;padding-bottom:10px;cursor:pointer;text-align: left } .menu-lessons { font-size:13px; } .page-title a,.page-title a:visited { color:#FFF;} .page-title a:hover { color:#F1DB98;} .tweet_text a {color:#ad8224} .modal { z-index: 999999; } .landing_logo { position:absolute;top:100px;left:10%;z-index:99999;} .landing_form { position:fixed;top:182px;width:330px;background:#F6FFF7;border-radius:15px;padding:20px;z-index:999999;} .linktree { padding:0; } .linktree ul { width:100%; } .linktree li { background: green; color: #FFF; padding-left: 50px; padding-right: 50px; padding-top: 20px; padding-bottom: 20px; min-width: 250px; max-width:350px; text-align: center; list-style: none; margin:0px auto; margin-top:10px; border-radius:15px; } .link-tree-list { color: green } #content li a { color: #FFF; text-decoration: none; } #content li a:hover { color: #ffeece; } .chzn-drop { width:100% !important; } /* I wanted to go with a mobile first approach, but it actually lead to more verbose CSS in this case, so I've gone web first. Can't always force things... Side note: I know that this style of nesting in SASS doesn't result in the most performance efficient CSS code... but on the OCD/organizational side, I like it. So for CodePen purposes, CSS selector performance be damned. */ /* Global settings */ /* Global "table" column settings */ .product-image { float: left; width: 20%; } .product-details { float: left; width: 37%; } .product-price { float: left; width: 12%; } .product-quantity { float: left; width: 10%; } .product-removal { float: left; width: 9%; } .product-line-price { float: left; width: 12%; text-align: right; } /* This is used as the traditional .clearfix class */ .group:before, .shopping-cart:before, .column-labels:before, .product:before, .totals-item:before, .group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after { content: ''; display: table; } .group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after { clear: both; } .group, .shopping-cart, .column-labels, .product, .totals-item { zoom: 1; } /* Apply clearfix in a few places */ /* Apply dollar signs */ .product .product-price:before, .product .product-line-price:before, .totals-value:before { content: ''; } /* Body/Header stuff */ .shopping-cart { margin-top: -45px; font-family:inherit; } /* Column headers */ .column-labels label { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; } .column-labels .product-image, .column-labels .product-details, .column-labels .product-removal { text-indent: -9999px; } /* Product entries */ .product { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .product .product-image { text-align: center; } .product .product-image img { width: 100px; } .product .product-details .product-title { margin-right: 20px; } .product .product-details .product-description { margin: 5px 20px 5px 0; line-height: 1.4em; } .product .product-quantity input { width: 40px; } .product .remove-product { border: 0; padding: 4px 8px; background-color: #c66; color: #fff; font-size: 12px; border-radius: 3px; } .product .remove-product:hover { background-color: #a44; } /* Totals section */ .totals .totals-item { float: right; clear: both; width: 100%; margin-bottom: 10px; } .totals .totals-item label { float: left; clear: both; width: 79%; text-align: right; } .totals .totals-item .totals-value { float: right; width: 21%; text-align: right; } .totals .totals-item-total { } .checkout { float: right; border: 0; margin-top: 20px; padding: 6px 25px; background-color: #6b6; color: #fff; font-size: 25px; border-radius: 3px; } .checkout:hover { background-color: #494; } /* Make adjustments for tablet */ @media screen and (max-width: 650px) { .shopping-cart { margin: 0; padding-top: 20px; border-top: 1px solid #eee; } .column-labels { display: none; } .product-image { float: right; width: auto; } .product-image img { margin: 0 0 10px 10px; } .product-details { float: none; margin-bottom: 10px; width: auto; } .product-price { clear: both; width: 70px; } .product-quantity { width: 100px; } .product-quantity input { margin-left: 20px; } .product-quantity:before { content: 'x'; } .product-removal { width: auto; } .product-line-price { float: right; width: 70px; } } /* Make more adjustments for phone */ @media screen and (max-width: 350px) { .product-removal { float: right; } .product-line-price { float: right; clear: left; width: auto; margin-top: 10px; } .product .product-line-price:before { content: 'Item Total: $'; } .totals .totals-item label { width: 60%; } .totals .totals-item .totals-value { width: 40%; } } section #search-form .search-list { width:30% !important; float: left; margin-left: 20px; } @media only screen and (max-width: 700px) { .sign-in-box { margin-top: 108px !important; } #page-menu-btn-close { display: none } #search_submit { width:100% !important; } section #search-form .search-list { width:100% !important; margin-left: 2px !important; } #cookieConsent { width: 100%; } .landing_logo { left:25%;max-width:50%; } .landing_form { width:100%;margin-top:250px;display:block; position: initial;height: 281px; } .row-lessons { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; /* optional */ -webkit-box-align: start; -moz-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .menu-lessons { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .content-lessons { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .content-lessons h1 { padding-top: 65px !important;} .nav-tabs > li { width: 50%; font-size: 12px; } .tituloLp { font-size: 33px; } #user-page img { max-width: 100%; width:97%; /* n sei se vai estragar outras paginas */ height: auto; margin: 10px; } } @media (max-width: 700px) { .ct-ignition { right: 100px !important; top: 81px !important; left: auto !important; } .ct-widget .ct-ignition__button { width:30px; height:30px; } #page-menu-closed { right: 10px; } #page-menu-btn-open { width:120px; right: 10px; } .page-menu-btn { font-size:11px; width:120px;height:30px; padding:2px; padding-top:7px; } .page-menu-btn-config { top:150px !important;right:0px !important; } .page-menu-btn-preview { top:190px !important;right:0px !important; } .page-menu-btn-publish { top: 4px !important; left: 150px !important; } } /* Visualize Icons: https://fontdrop.info */ .ct-widget .ct-tool--link-tree::before { content: "\ea6e"; }