@charset "UTF-8"; .col-centered, .strike, footer .row .container-fluid { overflow: hidden } body { font-family: "utm_avoregular", sans-serif; font-size: 15px } #signUp_form { width: 242px; margin: 20px auto } #signUp_form .form-group { padding: 0 5px } #signUp_form .form-group .input_group { margin-bottom: 5px; text-transform: none } #signUp_form .form-group .input_group label { font-weight: 400; color: #fff; display: block } #signUp_form .form-group .input_group input:not([type=submit]), #signUp_form .form-group .input_group select { width: 100%; height: 28px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; outline: 0; text-indent: 10px; margin: 0 0 10px; border: 1px solid #fff; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; -ms-transition: .3s all ease; transition: .3s all ease; background: 0 0; color: #ddd } #signUp_form .form-group .input_group select option { background: #fff; padding: 3px 0; color: #000 } #signUp_form .form-group .input_group input:not([type=submit]):focus, #signUp_form .form-group .input_group input:not([type=submit]):hover, #signUp_form .form-group .input_group select:focus, #signUp_form .form-group .input_group select:hover { border: 1px solid #000; box-shadow: 0 0 5px #fff } #signUp_form .form-group .input_group select { height: 31px } #signUp_form .form-group .input_group input[type=submit] { width: 100%; height: 35px; margin: 10px auto; background: #db2128; outline: 0; border: none; color: #fff; text-transform: capitalize; font-size: 15px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; -webkit-transition: .3s all ease; -moz-transition: .3s all ease; -o-transition: .3s all ease; -ms-transition: .3s all ease; transition: .3s all ease } #signUp_form .form-group .input_group input[type=submit]:hover { color: #fff !important; -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15); -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15); box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) } #signUp_form .form-group .input_group input:not([type=submit]):-webkit-autofill, #signUp_form .form-group .input_group select:-webkit-autofill { background-color: transparent; color: #ddd } #signUp_form .form-group .input_group a.privacy-text { padding: 4px 0 0 20px !important; background: url(https://app.getresponse.com/images/core/webforms/lock.png) left center no-repeat !important; font-size: 12px !important; color: #B8B8B8 !important; font-weight: 400 !important; font-style: italic !important; text-decoration: none !important } .banner-home-page { position: fixed; bottom: 0; right: 0; top: 0; left: 0; z-index: 8010; display: none } .banner-home-page .background { background: rgba(0, 0, 0, .6); width: 100%; height: 100%; position: relative } .banner-home-page .background .banner-image { position: absolute; width: 740px; height: 440px; top: 50%; left: 50%; z-index: 8011; -moz-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border: 10px solid #fff; border-radius: 10px; -o-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); -o-box-shadow: 0 10px 25px rgba(0, 0, 0, .5); box-shadow: 0 10px 25px rgba(0, 0, 0, .5) } .menu { height: 4px; width: 30px; background-color: #d4aa51; margin-bottom: 4px } .tet .menu { background-color:#4d3130; } a#mobile-navigation-menu-toggle:hover .menu { background-color: white } .tet a#mobile-navigation-menu-toggle:hover .menu { background-color:#958874; } #mobile-navigation-menu-close { float: right } .sidebar-nav .active { color: grey } .tet .container-fluid.page { top:0; } @media (max-width: 767px) { .banner-home-page .background .banner-image { border: 5px solid #fff; width: 400px; height: 400px } } @media (max-width: 450px) { .banner-home-page .background .banner-image { width: 280px; height: 280px } } .banner-home-page .background .banner-image .holder a { display: block } .banner-home-page .background .banner-image .holder .banner-homepage { width: 100%; height: 100%; display: inline-block } .banner-home-page .background .banner-image .holder .banner-homepage.en, .banner-home-page .background .banner-image .holder .banner-homepage.vn { background: url(../img/home/banner_popup.jpg) no-repeat; background-size: 100% } @media (max-width: 767px) { .banner-home-page .background .banner-image .holder .banner-homepage.en, .banner-home-page .background .banner-image .holder .banner-homepage.vn { background: url(../img/home/m-banner_popup.jpg) no-repeat; background-size: 100% } } .banner-home-page .background .button-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; background: url(../img/home/fancybox_sprite.png) } .text-center { text-align: center } .container-fluid { max-width: 2000px; position: relative } .container-fluid.page { top: 49px } .container-fluid .container-page { margin: 0 auto; padding-left: 5px; padding-right: 5px; max-width: 1200px } .common-banner-top { position: relative; background: url(../img/cfyc-memberships/bg-header.jpg) center top no-repeat #fff; background-size: 100% } .common-banner-top .cta { max-width: 40vw; margin: 24vw 0 50px 10%; padding: 20px; position: relative } @media (max-width: 767px) { .common-banner-top { background: url(../img/cfyc-memberships/m-bg-header.jpg) center top no-repeat #fff; background-size: cover } .common-banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } .common-banner-top .cta { max-width: 50vw } } @media (max-width: 550px) { .common-banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } .common-banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .common-banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .common-banner-top .cta fieldset legend { color: #db2128; text-align: center; width: inherit; line-height: 1.1em; text-transform: uppercase; font-weight: 600 !important; border: none; padding-left: 20px; padding-right: 20px; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .common-banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .common-banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .common-banner-top .cta fieldset legend { font-size: 6.4vw } } .common-banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .common-banner-top .cta fieldset .red-btn a, .common-banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .common-banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .common-banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .common-banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (max-width: 767px) { .common-banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } } .common-banner-top .carousel-caption { font-size: 40px; left: 10%; bottom: 13%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 550px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } @media (max-width: 2000px) { .common-banner-top .carousel-caption { max-width: 40vw } } @media (max-width: 1360px) { .common-banner-top .carousel-caption { bottom: 2% } } @media (max-width: 991px) { .common-banner-top .carousel-caption { max-width: 50vw; left: 5% } } .common-banner-top .carousel-caption strong { font-weight: 300 } .common-banner-top .carousel-caption hr { background: #db2128; height: 2px; border: none; max-width: 50%; margin: 20px auto } @media (max-width: 767px) { .common-banner-top .carousel-caption hr { margin: 10px auto 0 } } @media (max-width: 480px) { .common-banner-top .carousel-caption hr { margin: 3px auto; height: 1px } } .common-banner-top .carousel-caption span { color: #fff; font-size: 16px; display: inline-block; margin-bottom: 30px; line-height: 150% } @media (min-width: 768px) and (max-width: 991px) { .common-banner-top .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .common-banner-top .carousel-caption span { font-size: 14px; margin-top: 0; padding-top: 10px; margin-bottom: 20px } } @media (max-width: 480px) { .common-banner-top .carousel-caption span { font-size: .8em; margin-bottom: 10px; padding-top: 0; margin-top: 0 } } .common-banner-top .carousel-caption .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .common-banner-top .carousel-caption .red-btn a { color: #fff; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; bottom: 0 } @media (max-width: 480px) { .common-banner-top .carousel-caption .red-btn a { font-size: .8em } } @media (min-width: 768px) and (max-width: 991px) { .common-banner-top .carousel-caption .red-btn { bottom: -13px } .common-banner-top .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .common-banner-top .carousel-caption .red-btn a { padding: 1% 7% } .common-banner-top .carousel-caption .red-btn { bottom: -8px } .common-banner-top .carousel-caption { width: auto; font-size: 16px; bottom: 0; line-height: normal } } @media (max-width: 480px) { .common-banner-top .carousel-caption { width: auto; right: 5%; font-size: 10px; bottom: -5%; line-height: normal; left: 5% } } .row-centered { text-align: center } .col-centered { display: inline-block; float: none; margin-right: -4px; text-align: left; vertical-align: top; margin-bottom: 1px } .strike { display: block; text-align: center; margin: 0 auto 20px } .strike h2 { position: relative; display: inline-block; color: #db2128; text-transform: uppercase; line-height: 1.3em; font-size: 25px; font-size: calculateRem(25px) } #mobile-navigation-menu-toggle, #mobile-navigation-wrapper, .logo { display: none } .strike h2:after, .strike h2:before { content: ""; position: absolute; top: 75%; width: 9999px; height: 2px; background: #e60000 } .strike h2:before { right: 100%; margin-right: 15px } .strike h2:after { left: 100%; margin-left: 15px } @media (max-width: 767px) { .strike h2 { font-size: 6vw } } .logo { width: 295px; position: fixed; top: 0; left: -1px; z-index: 1002 } nav#desktop-navigation { display: block; position: fixed; top: 0; left: 50%; width: 100%; max-width: 2000px; -moz-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); height: 70px; z-index: 100; background-color: #000 } nav#desktop-navigation ul { display: block; position: relative; float: right; right: 2%; padding-top: 25px } nav#desktop-navigation ul li { display: inline-block; list-style: none; padding-left: 10px; color: #fff } nav#desktop-navigation ul li:first-child { margin-left: 100px } nav#desktop-navigation ul li a { color: #fff; text-decoration: none; font-size: 12px; font-size: calculateRem(12px); text-transform: uppercase } nav#desktop-navigation ul li a.active, nav#desktop-navigation ul li a:active, nav#desktop-navigation ul li a:hover { color: #db2128 } nav#desktop-navigation ul li a img { width: 22px } nav#desktop-navigation .sub-menu { position: absolute; top: 70px; width: 100%; background-color: #000; background-color: rgba(0, 0, 0, .8); border-bottom: 1px #313131 solid } nav#desktop-navigation .sub-menu ul { right: 45px; width: auto; padding: 5px; margin: 0; min-width: auto } nav#desktop-navigation .sub-menu ul li:first-child { margin-left: 0 } nav#desktop-navigation .logo { display: block } footer { min-width: 100%; margin-left: -15px; margin-right: -15px; padding-top: 50px } footer .row, footer .row .container-fluid { max-width: 1200px; margin: 0 auto; padding-left: 0; padding-right: 0 } @media (max-width: 767px) { footer .row .container-fluid { padding-left: 15px; padding-right: 15px } } footer .row .container-fluid div.cmg-brands { margin-top: 50px } footer .row .container-fluid div.cmg-brands div.tooltip div.tooltip-inner { min-width: 300px; background-color: #333; background-color: rgba(0, 0, 0, .8); white-space: normal; text-align: left; border: 1px solid #333 } footer .row .container-fluid .last-brand div.tooltip.fade.bottom, footer .row .container-fluid .last-brand div.tooltip.fade.bottom.in { left: -100px !important } footer .row .container-fluid .icon-div { padding: 0 20px } footer .row .container-fluid .icon-div .icons { font-size: 40px; font-size: calculateRem(40px); color: #666; border-radius: 50%; border: 2px solid #333; text-align: center; height: 60px; width: 60px; padding-top: 9px; margin: 50px 0 } footer .row .container-fluid .icon-div .icons:hover { color: #999; border: 2px solid #999 } footer .row .container-fluid li { display: inline-block; padding-left: 20px; color: #666; text-transform: uppercase } footer .row .container-fluid li a { color: #666 } footer .row .container-fluid li a:hover { color: #999 } footer p { color: #666; text-align: center; font-size: 14px; font-size: calculateRem(14px); margin-bottom: 0; padding: 50px } @media (max-width: 1200px) and (max-width: 990px) { #mobile-navigation-menu-toggle p.menu-toggle-label { font-size: .4em; padding: 5px 10px 0 } } @media (max-width: 1200px) and (max-width: 320px) { #mobile-navigation-menu-toggle p.menu-toggle-label { display: none } } @media (max-width: 1200px) { .toggle { margin: 0; font-size: 25px; font-size: calculateRem(25px); color: #fff } #mobile-navigation-wrapper.active { right: 250px; width: 320px; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s } #mobile-navigation-wrapper .toggle { color: #dadada; padding: 0 10px } #mobile-navigation-wrapper ul { position: absolute; top: 0; width: 320px; margin: 0; padding: 0; list-style: none } #mobile-navigation-wrapper ul .list-group.panel .collapse ul, a.logo .logo-img { position: relative } #mobile-navigation-wrapper ul li { text-indent: 20px; line-height: 40px; border-bottom: 1px solid #fce1a8 } #mobile-navigation-wrapper ul li:first-child { border-top: 1px solid #fce1a8 } #mobile-navigation-wrapper ul li:last-child { border-bottom: none } #mobile-navigation-wrapper ul li a { display: block; text-decoration: none; color: #D4AA51 } #mobile-navigation-wrapper .collapse ul li a { padding-left: 20px } #mobile-navigation-wrapper ul li a:hover, #mobile-navigation-wrapper ul li.active .collapse li a:hover { color: white; background-color: #D4AA51 } #mobile-navigation-wrapper ul li.sidebar-brand a:hover { background-color: transparent } #mobile-navigation-wrapper ul .list-group.panel { margin-bottom: 0; border: 0; background-color: #FAEDD5 } #mobile-navigation-wrapper ul li.active a, #mobile-navigation-wrapper ul li.active .collapse li.active a { background-color: #D4AA51; color: white } #mobile-navigation-wrapper ul li.active a.list-group-item-success { border-bottom: 1px solid #fce1a8 } #mobile-navigation-wrapper ul li.active .collapse li a { background-color: #FAEDD5; color: #D4AA51 } #mobile-navigation-wrapper ul .list-group.panel .collapse ul li { background-color: #FAEDD5; color: #fff } } @media (max-width: 1024px) { .container-fluid.page { top: 33px } footer .container-fluid .icon-div.col-centered { padding: 0 10px } footer .container-fluid ul { max-width: 300px; display: block; margin: 0 auto; padding: 10px 10px 20px 0 } footer .container-fluid ul li { padding-left: 10px } footer .container-fluid ul li a { color: #666 } footer .container-fluid ul li a:active, footer .container-fluid ul li a:focus, footer .container-fluid ul li a:hover { color: #999 } } .about-us a, .about-us button, .about-us div, .about-us h1, .about-us h2, .about-us h3, .about-us h4, .about-us img, .about-us p, .about-us span { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .about-us hr { color: #db2128; border: 1px solid #db2128; max-width: 70%; margin: 0 auto } @media (min-width: 768px) { .about-us .banner-top { position: relative; background: url(../img/about-us/bg-header.jpg) center top no-repeat #fff; background-size: 100% } } .about-us .banner-top .cta { max-width: 40vw; margin: 15vw 0 248px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .about-us .banner-top { position: relative; background: url(../img/about-us/m-bg-header.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .about-us .banner-top .cta { max-width: 50vw } .about-us .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } nav#desktop-navigation { display: none } #mobile-navigation-menu-toggle a { padding: 0 } #mobile-navigation-menu-toggle i.fa.fa-bars { float: right } #mobile-navigation-menu-toggle p.menu-toggle-label { float: left; font-size: .6em; padding: 3px 10px 0; margin-bottom: 0; font-weight: 300 } } @media (max-width: 550px) { .about-us .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .about-us .banner-top .cta { max-width: 700px } } .about-us .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .about-us .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .about-us .banner-top .cta fieldset legend { color: #db2128; text-align: center; width: auto; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; margin-bottom: 0; padding-left: 20px; padding-right: 20px } @media (max-width: 2000px) { .about-us .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .about-us .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .about-us .banner-top .cta fieldset legend { font-size: 6.4vw } } .about-us .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .about-us .banner-top .cta fieldset .red-btn a, .about-us .banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .about-us .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .about-us .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .about-us .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .about-us .banner-top .cta h1 { font-size: 2.1vw } .about-us .randy-quotes { background: url(../img/about-us/randy-block.jpg) center top no-repeat; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; color: #fff; min-height: 600px; position: relative } } @media (min-width: 1920px) { .about-us .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .about-us .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .about-us .banner-top .cta h1 { padding: 10px 0 0; font-size: 30px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .about-us .banner-top .cta h1 { font-size: 6.4vw } } .about-us .quotes-block { text-align: center; padding: 5% 0 } .about-us .quotes-block h3 { clear: both; text-indent: 30px; margin: 0; padding: 0 20px; line-height: 1.3em; text-transform: uppercase; font-weight: 300 } .about-us .quotes-block span.close-quotes, .about-us .quotes-block span.open-quotes { font-size: 90px; font-size: calculateRem(90px); line-height: .5em; margin-bottom: -35px } .about-us .quotes-block span.open-quotes { float: left } .about-us .quotes-block span.close-quotes { float: right } .about-us .randy-quotes .quotes blockquote { position: absolute; top: 100px; font-size: 17px; background: rgba(0, 0, 0, .2) } .about-us .info { padding: 5% 0 3%; text-align: justify } .about-us .info p { margin-bottom: 25px } .about-us .gallery { margin-bottom: 30px } .about-us h2.booktitle { border: 1px solid #000; padding: 10px 20px; text-transform: uppercase; margin-bottom: 30px; font-size: 25px; text-align: center } @media (max-width: 767px) { .about-us h2.booktitle { padding: 0 } } .about-us h3.visit_benefit { font-size: 13px; line-height: inherit; text-transform: uppercase; margin-bottom: 50px; text-align: center } .about-us h3.visit_benefit span { font-size: 90% } .about-us h3.visit_benefit span.title { font-size: 120% } .about-us #signUp_form { width: 260px; margin: 0 auto 50px } @media (max-width: 2000px) { .about-us .banner-top h1.headline { font-size: 5vw; font-size: calculateRem(5vw) } } @media (max-width: 1024px) { .about-us .gallery { margin-bottom: 15px } .about-us .gallery .col-md-6:first-child, .about-us .gallery .col-sm-6:first-child, .about-us .gallery .col-xs-6:first-child { padding-right: 7.5px } .about-us .gallery .col-md-6:last-child, .about-us .gallery .col-sm-6:last-child, .about-us .gallery .col-xs-6:last-child { padding-left: 7.5px } } @media (max-width: 991px) { .about-us .randy-quotes { background-position: 60% } } @media (max-width: 767px) { .about-us .banner-top h1.headline { font-size: 11vw; font-size: calculateRem(11vw); background-color: rgba(0, 0, 0, .3) } .about-us .info { padding: 7% 0 3% } .about-us .randy-quotes { background: url(../img/about-us/m-randy-block.jpg) center top no-repeat; min-height: 650px } .about-us .quotes-block { padding: 7% 0 } .about-us .quotes-block span.close-quotes, .about-us .quotes-block span.open-quotes { font-size: 50px; font-size: calculateRem(50px) } .about-us .quotes-block h3 { font-size: 14px; font-size: calculateRem(14px) } .about-us .randy-quotes .quotes { position: relative; min-height: 650px } .about-us .randy-quotes .quotes blockquote { bottom: 0; top: auto; color: #fff; margin-right: 15px; font-size: 13px; font-size: calculateRem(13px); background: rgba(0, 0, 0, .3) } } .container-fluid.page.thank-you-page h4 { line-height: 1.3em } @media (min-width: 768px) { .container-fluid.page.thank-you-page .contentOne { position: relative; background: url(../img/club/banner-nha-trang.jpg) center top no-repeat #fff; background-size: cover; padding-top: 150px } .container-fluid.page.thank-you-page .contentOne .text-box { margin-left: 10% } } @media (max-width: 767px) { .container-fluid.page.thank-you-page .contentOne { position: relative; background: url(../img/club/m-banner-nha-trang.jpg) center top no-repeat #000; background-size: 100%; min-height: 500px } .container-fluid.page.thank-you-page .contentOne .text-box { margin-top: 250px } } .container-fluid.page.thank-you-page .contentOne h2 { color: #db2128; border: 2px solid #db2128; padding: 20px; text-align: center } .container-fluid.page.thank-you-page .contentOne p { color: #fff; text-align: center } .container-fluid.page.thank-you-page .list-city { margin: 20px auto; clear: both } .container-fluid.page.thank-you-page .list-city .city a { color: #000; margin-bottom: 30px } .container-fluid.page.thank-you-page .list-city .city a:hover { color: #db2128; cursor: hand } .container-fluid.page.thank-you-page .list-city .city a img { border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 7px; border: 1px outset #db2128 } .container-fluid.page.thank-you-page .list-city h4 { text-transform: uppercase; text-align: center; font-size: 1.5em; margin-top: 20px; font-weight: 700 } .container-fluid.page.thank-you-page .list-city span { font-size: .6em } .celebrity-members-page .nav-tabs { border-bottom: 0 solid #fff } @media (min-width: 768px) { .celebrity-members-page .banner-top { position: relative; background: url(../img/celebrity-members/california-wow-celebrity-members.jpg) center top no-repeat #fff; background-size: 100% } } .celebrity-members-page .banner-top .cta { max-width: 40vw; margin: 13vw 0 18vw 3%; padding: 20px; position: relative } @media (max-width: 767px) { .celebrity-members-page .banner-top { background: url(../img/celebrity-members/m-california-wow-celebrity-members.jpg) center top no-repeat #fff; position: relative; background-size: cover; min-height: 500px } .celebrity-members-page .banner-top .cta { max-width: 50vw } .celebrity-members-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .celebrity-members-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .celebrity-members-page .banner-top .cta { max-width: 700px } } .celebrity-members-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .celebrity-members-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .celebrity-members-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; width: auto; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; margin-bottom: 0; padding-left: 20px; padding-right: 20px; max-width: 100% } @media (max-width: 2000px) { .celebrity-members-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .celebrity-members-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .celebrity-members-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .celebrity-members-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .celebrity-members-page .banner-top .cta fieldset .red-btn a, .celebrity-members-page .banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-transform: uppercase; text-align: center } .celebrity-members-page .celebrities .gallery img, .celebrity-members-page .container-fluid .banner img, .celebrity-members-page .container-fluid .gallery img { max-width: 100% } @media (max-width: 767px) { .celebrity-members-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .celebrity-members-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .celebrity-members-page .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .celebrity-members-page .banner-top .cta h1 { font-size: 2.1vw } } @media (min-width: 1920px) { .celebrity-members-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .celebrity-members-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .celebrity-members-page .banner-top .cta h1 { padding: 10px 0 0; font-size: 30px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .celebrity-members-page .banner-top .cta h1 { font-size: 6.4vw } } .celebrity-members-page .container-fluid { padding-left: 0; padding-right: 0 } .celebrity-members-page .container-fluid .banner, .celebrity-members-page .container-fluid .gallery { position: relative; min-width: 100% } .celebrity-members-page .celebrities { background: #fff; padding: 30px 0 } .celebrity-members-page .celebrities .gallery { position: relative } .celebrity-members-page .celebrities .gallery .strike { width: 75%; margin: 20px auto 50px } .celebrity-members-page .celebrities .gallery .celeb-items a img { max-width: 100%; border: 1px solid #989898; border-radius: 150px; padding: 10px; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden } .celebrity-members-page .celebrities .gallery .celeb-items a p { color: #333; font-weight: 700; margin: 15px 0 } .celebrity-members-page .celebrities .gallery .celeb-items a p:hover { color: #db2128 } .celebrity-members-page .celebrities .gallery .celeb-items a:hover { text-decoration: none } .celebrity-members-page .celebrities .gallery .celeb-items a:hover img { border-color: #db2128; cursor: pointer; filter: none; -webkit-filter: none } .celebrity-members-page .celebrities .gallery .celeb-items .active, .celebrity-members-page .celebrities .gallery .celeb-items .active p, .celebrity-members-page .celebrities .gallery .celeb-items a:hover p { color: #db2128 } .celebrity-members-page .carousel-control { background: 0 0 } .celebrity-members-page .carousel-control .glyphicon { color: #db2128 } .celebrity-members-page .carousel-control .glyphicon-chevron-left, .celebrity-members-page .carousel-control .glyphicon-chevron-right { margin-top: 50px } .celebrity-members-page .top-content .holder-top-content .whitespace { padding: 10px 0; clear: both } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block { position: relative } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares img { margin-bottom: 20px } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info { padding-bottom: 100px } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info blockquote { font-size: 14px; margin: 1.5em 0; padding: .5em 0 .5em 10px; border-left: 1px #ccc solid; quotes: "“" "”" "‘" "’" } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info blockquote p { display: inline } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info blockquote:before { color: #db2128; content: open-quote; font-size: 3em; line-height: .1em; vertical-align: -.4em } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info blockquote:after { color: #db2128; content: close-quote; font-size: 3em; line-height: .1em; vertical-align: -.4em } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info h3 { color: #db2128; text-transform: uppercase; font-size: 120% } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info h3 span { font-style: italic; color: #686868; text-transform: none } @media only screen and (max-width: 20em) { .celebrity-members-page, .celebrity-members-page .row .col-xs-12 { padding-left: 0; padding-right: 0 } .celebrity-members-page { max-width: 100%; overflow: hidden } .celebrity-members-page .row { margin-left: 0; margin-right: 0 } .celebrity-members-page .strike h1 { font-size: 120% } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block { position: relative; min-height: auto } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares { padding-top: 15px; position: relative; display: none } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares.in { display: block } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-image { height: auto } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info { height: auto; padding-bottom: 20px } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info blockquote p { display: inline } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info h3 { text-transform: uppercase; font-size: 150% } .celebrity-members-page .top-content .holder-top-content .celebrity-info-block .mindshares .celebrity-info h3 span { font-style: italic; color: #686868; text-transform: none } .celebrity-members-page .top-content .holder-top-content h3 { text-transform: uppercase; font-size: 120% } .celebrity-members-page .top-content .holder-top-content h3 span { font-style: italic; color: #686868; text-transform: none } } @media only screen and (max-width: 40em) { .celebrity-members-page .top-content .holder-top-content .mindshares { padding-top: 15px } .celebrity-members-page .top-content .holder-top-content .mindshares .testimonial { background: 0 0 } .celebrity-members-page .top-content .holder-top-content .mindshares .testimonial .textend { padding-bottom: 0 } .celebrity-members-page .top-content .holder-top-content h3 { text-transform: uppercase; font-size: 120% } .celebrity-members-page .top-content .holder-top-content h3 span { font-style: italic; color: #686868; text-transform: none } } @media (min-width: 2000px) { .celebrity-trainning-page .banner-top .cta { max-width: 475px; margin: 450px 0 90px 15%; padding: 20px; position: relative } } .celebrity-trainning-page .contactform { margin-top: 30px; background: url(../img/celebrity-training/form-celebritytraining.jpg) center top no-repeat; min-height: 736px; color: #fff; text-transform: uppercase; padding: 0 } @media (max-width: 767px) { .celebrity-trainning-page .contactform { background: url(../img/celebrity-training/m-form-celebritytraining.jpg) center top no-repeat #000 } .celebrity-trainning-page .contactform .bg-contactform { padding-bottom: 20px } } .celebrity-trainning-page .contactform .bg-contactform { background: rgba(0, 0, 0, .5); min-height: 736px } .celebrity-trainning-page .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px } .celebrity-trainning-page .contactform fieldset legend { line-height: 1.4em; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; margin: 0 20px; text-align: center; max-width: 100% } .celebrity-trainning-page .contactform fieldset h3 { border: none; color: #fff; margin: 20px 0; padding: 0; font-size: 18px; text-shadow: 2px 2px 7px #000; line-height: 1.4em; text-align: center } .celebrity-trainning-page .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps; text-shadow: 2px 2px 7px #000 } .celebrity-trainning-page .contactform h3 { line-height: 1.5em; font-size: 17px; text-shadow: 2px 2px 7px #000 } .celebrity-trainning-page .contactform .visit_benefit { text-align: left; margin-top: 20px } .celebrity-trainning-page .contactform .visit_benefit p { font-size: 16px; text-shadow: 2px 2px 7px #000 } .celebrity-trainning-page .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .celebrity-trainning-page .contactform .visit_benefit ul li { color: #ff000a; list-style: none; position: relative; margin: 15px 0; font-weight: 700; text-shadow: 2px 2px 7px #000 } .celebrity-trainning-page .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px } .celebrity-trainning-page .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } @media (max-width: 767px) { .celebrity-trainning-page .contactform .visit_benefit ul li { width: 45%; margin-right: 10%; float: left } .celebrity-trainning-page .contactform .visit_benefit ul li:nth-child(even) { margin-right: 0 } .celebrity-trainning-page .contactform .visit_benefit ul li:last-child { margin-bottom: 30px } .celebrity-trainning-page .contactform .visit_benefit ul li span { display: none } } .celebrity-trainning-page .contactform #signUp_form { width: 240px; float: right } @media (max-width: 767px) { .celebrity-trainning-page .contactform #signUp_form { float: none; margin: 0 auto; clear: both } } .celebrity-trainning-page .contactform #signUp_form p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; font-weight: 400; text-align: center } .celebrity-trainning-services-page fieldset { border: 2px solid #db2128 } .celebrity-trainning-services-page fieldset legend { color: #db2128; text-align: center; width: auto; font-size: 40px; border: none; margin-bottom: 0; padding-left: 20px; padding-right: 20px } @media (max-width: 767px) { .celebrity-trainning-services-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .celebrity-trainning-services-page fieldset legend { font-size: 16px } } .celebrity-trainning-services-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } .celebrity-trainning-services-page .top-content .carousel-caption strong { font-weight: 300 } .celebrity-trainning-services-page .top-content .carousel-caption span { color: #fff; font-size: 18px; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128; line-height: normal; padding-top: 15px } @media (min-width: 768px) and (max-width: 991px) { .celebrity-trainning-services-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .celebrity-trainning-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } @media (max-width: 480px) { .celebrity-trainning-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } .celebrity-trainning-services-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px } @media (max-width: 480px) { .celebrity-trainning-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } } @media (min-width: 768px) and (max-width: 991px) { .celebrity-trainning-services-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .celebrity-trainning-services-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .celebrity-trainning-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } .celebrity-trainning-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .celebrity-trainning-services-page .calidance .embed-responsive-4by3 { padding-bottom: 50% } .celebrity-trainning-services-page .discover .nav-tabs { text-align: center; background: #db2128; border: none } .celebrity-trainning-services-page .discover .nav-tabs li { float: none; display: inline-block; margin: 0; padding: 0 } .celebrity-trainning-services-page .discover .nav-tabs li a { color: #fff; background-color: transparent; border-radius: 0; border-left: 0; border-bottom: 1px solid transparent; border-right: 0; border-top: 0; padding: 0; display: block; margin: 20px 10px } @media (max-width: 767px) { .celebrity-trainning-services-page .discover .nav-tabs li a { margin: 10px } } @media (max-width: 480px) { .celebrity-trainning-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } .celebrity-trainning-services-page .calidance { padding: 0 } .celebrity-trainning-services-page .discover .nav-tabs li a { margin: 10px } } .celebrity-trainning-services-page .discover .nav-tabs .active a, .celebrity-trainning-services-page .discover .nav-tabs:hover a { border-color: #fff } .celebrity-trainning-services-page .discover .tab-content .carousel-caption { top: 80px } .celebrity-trainning-services-page .discover .tab-content .carousel-caption h3 { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; background: rgba(219, 33, 40, .6); display: inline-block; padding: 50px 120px; margin-bottom: 90px } .celebrity-trainning-services-page .discover .tab-content .carousel-caption p { text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 100 } .celebrity-trainning-services-page .discover .tab-content .carousel-caption p:first-child { font-weight: 300; letter-spacing: 1px } @media (min-width: 992px) and (max-width: 1199px) { .celebrity-trainning-services-page .discover .tab-content .carousel-caption { top: 0 } } @media (min-width: 768px) and (max-width: 991px) { .celebrity-trainning-services-page .discover .tab-content .carousel-caption h3 { padding: 20px 50px; margin-bottom: 30px } .celebrity-trainning-services-page .discover .tab-content .carousel-caption { top: 0 } } @media (max-width: 767px) { .celebrity-trainning-services-page .discover .tab-content .carousel-caption h3 { display: none } .celebrity-trainning-services-page .discover .tab-content .carousel-caption p { font-size: 14px } .celebrity-trainning-services-page .discover .tab-content .carousel-caption { left: 0; top: 0; width: 100%; position: relative; color: #000; text-shadow: none; font-weight: 400; padding-left: 15px; padding-right: 15px } } @media (max-width: 480px) { .celebrity-trainning-services-page .discover .tab-content .carousel-caption h3 { display: none } .celebrity-trainning-services-page .discover .tab-content .carousel-caption p { font-size: 14px } .celebrity-trainning-services-page .discover .tab-content .carousel-caption { left: 0; top: 0; width: 100%; position: relative; color: #000; text-shadow: none; font-weight: 400; padding-left: 15px; padding-right: 15px } } .celebrity-trainning-services-page .benefits { width: 900px; margin: 0 auto; text-align: center } .celebrity-trainning-services-page .benefits .cover { position: relative; padding: 0; overflow: hidden; border-right: 2px solid #fff } .celebrity-trainning-services-page .benefits .cover:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } @media (max-width: 767px) { .celebrity-trainning-services-page .benefits { width: 100% } .celebrity-trainning-services-page .benefits .cover a { margin-bottom: 20px; display: block } } @media (max-width: 480px) { .celebrity-trainning-services-page .benefits { width: 100% } .celebrity-trainning-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .celebrity-trainning-services-page .benefits .cover .content-over { position: absolute; background: rgba(219, 33, 40, .6); bottom: 0; display: inline-block; color: #fff; width: 100%; padding: 5px 10px; font-size: 13px; height: 120px } .celebrity-trainning-services-page .benefits .cover .content-over h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 0 } .celebrity-trainning-services-page .benefits .cover .content-over p { margin-bottom: 2px; margin-top: 2px } .celebrity-trainning-services-page .benefits .cover img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .celebrity-trainning-services-page .stories ul { margin: 0 } .celebrity-trainning-services-page .stories ul li { margin-bottom: 40px; list-style: none; display: block } .celebrity-trainning-services-page .stories ul li p { margin-left: 30px } .celebrity-trainning-services-page .stories ul li p:first-child { margin-top: 40px } @media (min-width: 768px) and (max-width: 991px) { .celebrity-trainning-services-page .benefits { width: 100% } .celebrity-trainning-services-page .stories ul li p { margin-left: 0 } .celebrity-trainning-services-page .stories ul li p:first-child { margin-top: 20px } } .celebrity-trainning-services-page .stories ul li .seemore { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 700; border: 1px solid; padding: 5px 40px } @media (max-width: 767px) { .celebrity-trainning-services-page .stories ul { padding-left: 0 } .celebrity-trainning-services-page .stories { margin-left: 0 } } @media (max-width: 480px) { .celebrity-trainning-services-page .stories ul { padding-left: 0 } .celebrity-trainning-services-page .stories { margin-left: 0 } } .celebrity-trainning-services-page .contactform { font-family: vni-avo-normal; text-align: center; text-transform: uppercase } .celebrity-trainning-services-page .contactform h2 { color: #000; width: 100%; border: 1px solid; display: inline-block; padding: 30px 80px; margin-bottom: 10px } .celebrity-trainning-services-page .contactform h3 { font-size: 16px; font-weight: 400 } .celebrity-trainning-services-page .contactform p { font-size: 14px } .celebrity-trainning-services-page .trainers center { font-weight: 700; margin-bottom: 20px } .celebrity-trainning-services-page .trainers .area { border: none; text-align: center } .celebrity-trainning-services-page .trainers .area li { float: none; display: inline-block } .celebrity-trainning-services-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .celebrity-trainning-services-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .celebrity-trainning-services-page .trainers .area .active a, .celebrity-trainning-services-page .trainers .area .active a:focus, .celebrity-trainning-services-page .trainers .area .active a:hover { border: none; color: #db2128 } .celebrity-trainning-services-page .trainers .teacher-detail { margin-top: 60px } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700 } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000 } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a span { display: block } @media (max-width: 480px) { .celebrity-trainning-services-page .trainers .area li a { padding: 5px 10px } .celebrity-trainning-services-page .trainers .teacher-detail { margin-top: 10px } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } } @media (max-width: 767px) { .celebrity-trainning-services-page .trainers .area li a { padding: 5px 10px } .celebrity-trainning-services-page .trainers .teacher-detail { margin-top: 10px } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li:focus, .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } .celebrity-trainning-services-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 0 } .celebrity-trainning-services-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0 } .celebrity-trainning-services-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .celebrity-trainning-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .celebrity-trainning-services-page .trainers, .celebrity-trainning-services-page .trainers .teacher-detail .tab-content, .celebrity-trainning-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } } @media (max-width: 480px) { .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .celebrity-trainning-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .celebrity-trainning-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .celebrity-trainning-services-page .trainers, .celebrity-trainning-services-page .trainers .teacher-detail .tab-content, .celebrity-trainning-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } .celebrity-trainning-services-page h2 .line { display: none } } .celebrity-trainning-services-page .school { margin-top: 20px } .celebrity-trainning-services-page .school .carousel-caption { background: rgba(219, 33, 40, .6); width: 100%; left: 0; right: 0; top: 0; bottom: auto; text-transform: uppercase; padding-top: 23px; font-size: 16px; letter-spacing: 1px } .celebrity-trainning-services-page h2 { text-transform: uppercase; text-align: center; color: #db2128; width: 350px; margin: 60px auto 30px; position: relative } .celebrity-trainning-services-page h2 .line:first-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; left: -200px; top: 25px } @media (max-width: 767px) { .celebrity-trainning-services-page h2 .line:first-child { display: none } } @media (max-width: 480px) { .celebrity-trainning-services-page h2 .line:first-child { display: none } } .celebrity-trainning-services-page h2 .line:last-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; right: -200px; top: 25px } @media (max-width: 767px) { .celebrity-trainning-services-page h2 .line:last-child { display: none } .celebrity-trainning-services-page h2 { width: 100%; overflow: hidden; font-size: 28px } } @media (max-width: 480px) { .celebrity-trainning-services-page h2 .line:last-child { display: none } .celebrity-trainning-services-page h2 { width: 100%; overflow: hidden; margin: 40px auto; font-size: 28px } } .celebrity-trainning-page .white-space { padding: 10px 0; clear: both } .celebrity-trainning-page .white-space-2x { padding: 20px 0; clear: both } .celebrity-trainning-page .white-space-3x { padding: 30px 0; clear: both } .celebrity-trainning-page h2.vid_title { color: #db2128; text-align: center; padding: 10px 0; text-transform: uppercase; font-size: 25px } @media (min-width: 768px) { .celebrity-trainning-page .banner-top { position: relative; background: url(../img/celebrity-training/banner-top.jpg) center top no-repeat #fff; background-size: 100% } } .celebrity-trainning-page .banner-top .cta { max-width: 40vw; margin: 10vw 0 14vw 3%; padding: 20px; position: relative } @media (min-width: 1920px) { .celebrity-trainning-page .banner-top .cta { max-width: 475px; margin: 250px 0 290px 10%; padding: 20px; position: relative } } @media (max-width: 767px) { .celebrity-trainning-page .banner-top { position: relative; background: url(../img/celebrity-training/m-banner-top.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .celebrity-trainning-page .banner-top .cta { max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } .celebrity-trainning-page .banner-top .cta { max-width: 50vw } } @media (max-width: 550px) { .celebrity-trainning-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } .celebrity-trainning-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .celebrity-trainning-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .celebrity-trainning-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .celebrity-trainning-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .celebrity-trainning-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .celebrity-trainning-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .celebrity-trainning-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .celebrity-trainning-page .banner-top .cta fieldset span { color: #fff; text-transform: uppercase; text-align: center; display: block; margin: 0 auto; padding: 15px 25px } @media (max-width: 767px) { .celebrity-trainning-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: .79em } } .celebrity-trainning-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .celebrity-trainning-page .banner-top .cta fieldset .red-btn .red-btn-inline { position: relative; text-align: center } .celebrity-trainning-page .banner-top .cta fieldset .red-btn a { color: #fff; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; display: inline-block; text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .celebrity-trainning-page .banner-top .cta h1 { font-size: 2.1vw } } @media (min-width: 1920px) { .celebrity-trainning-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .celebrity-trainning-page .banner-top .cta fieldset .red-btn a { padding: 10px 15px } .celebrity-trainning-page .banner-top .cta h1 { padding: 10px 0 0; font-size: 30px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .celebrity-trainning-page .banner-top .cta fieldset .red-btn a { bottom: 0 } .celebrity-trainning-page .banner-top .cta h1 { font-size: 6.4vw } } .celebrity-trainning-page .banner-top .carousel-caption { font-size: 40px; left: 10%; bottom: 13%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 550px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } @media (max-width: 2000px) { .celebrity-trainning-page .banner-top .carousel-caption { max-width: 40vw } } @media (max-width: 1360px) { .celebrity-trainning-page .banner-top .carousel-caption { bottom: 2% } } @media (max-width: 991px) { .celebrity-trainning-page .banner-top .carousel-caption { max-width: 50vw; left: 5% } } .celebrity-trainning-page .banner-top .carousel-caption strong { font-weight: 300 } .celebrity-trainning-page .banner-top .carousel-caption hr { background: #db2128; height: 2px; border: none; max-width: 50%; margin: 20px auto } @media (max-width: 767px) { .celebrity-trainning-page .banner-top .carousel-caption hr { margin: 10px auto 0 } } @media (max-width: 480px) { .celebrity-trainning-page .banner-top .carousel-caption hr { margin: 3px auto; height: 1px } } .celebrity-trainning-page .banner-top .carousel-caption span { color: #fff; font-size: 16px; display: inline-block; margin-bottom: 30px; line-height: 150% } @media (min-width: 768px) and (max-width: 991px) { .celebrity-trainning-page .banner-top .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .celebrity-trainning-page .banner-top .carousel-caption span { font-size: 14px; margin-top: 0; padding-top: 10px; margin-bottom: 20px } } @media (max-width: 480px) { .celebrity-trainning-page .banner-top .carousel-caption span { font-size: .8em; margin-bottom: 10px; padding-top: 0; margin-top: 0 } } .celebrity-trainning-page .container-page { max-width: 1200px } @media (max-width: 1200px) { .celebrity-trainning-page .container-page { padding: 0 10px } #mobile-navigation-wrapper { display: block; z-index: 1000; position: fixed; top: 0; right: 0; width: 250px; height: 100%; margin-right: -250px; overflow-y: auto; background-color: #FAEDD5; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s } a.logo { background: transparent linear-gradient(to right, #FEFCFA, #EEDEBB) repeat scroll 0% 0%; min-width: 100%; z-index: 99; display: block; left: 0; padding:10px; height: 88px; } .tet a.logo { background:white; } } .celebrity-trainning-page .container-page .about-block, .celebrity-trainning-page .container-page .block, .celebrity-trainning-page .container-page .how-block, .celebrity-trainning-page .container-page .success-story-block { font-size: 14px; font-size: calculateRem(14px); line-height: 1.42857143 } .celebrity-trainning-page .container-page .about-block .block-title, .celebrity-trainning-page .container-page .block .block-title, .celebrity-trainning-page .container-page .how-block .block-title, .celebrity-trainning-page .container-page .success-story-block .block-title { margin: 0 0 35px; position: relative; text-align: center; color: #db2128; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; font-size: 2vw; font-size: calculateRem(2vw) } @media screen and (max-width: 650px) { .celebrity-trainning-page .container-page .about-block .block-title, .celebrity-trainning-page .container-page .block .block-title, .celebrity-trainning-page .container-page .how-block .block-title, .celebrity-trainning-page .container-page .success-story-block .block-title { font-size: 6vw; font-size: calculateRem(6vw) } } @media screen and (min-width: 2000px) { .celebrity-trainning-page .container-page .about-block .block-title, .celebrity-trainning-page .container-page .block .block-title, .celebrity-trainning-page .container-page .how-block .block-title, .celebrity-trainning-page .container-page .success-story-block .block-title { font-size: 35px; font-size: calculateRem(35px) } } .celebrity-trainning-page .container-page .about-block .block-title:after, .celebrity-trainning-page .container-page .block .block-title:after, .celebrity-trainning-page .container-page .how-block .block-title:after, .celebrity-trainning-page .container-page .success-story-block .block-title:after { content: ""; position: absolute; width: 80%; height: 2px; background: #db2128; top: 52%; left: 10%; z-index: 1 } @media screen and (max-width: 320px) { .celebrity-trainning-page .container-page .about-block .block-title:after, .celebrity-trainning-page .container-page .block .block-title:after, .celebrity-trainning-page .container-page .how-block .block-title:after, .celebrity-trainning-page .container-page .success-story-block .block-title:after { width: 90%; left: 5% } } .celebrity-trainning-page .container-page .about-block .block-title .title-text, .celebrity-trainning-page .container-page .block .block-title .title-text, .celebrity-trainning-page .container-page .how-block .block-title .title-text, .celebrity-trainning-page .container-page .success-story-block .block-title .title-text { display: inline-block; position: relative; padding: 0 20px; background: #fff; z-index: 2 } @media screen and (max-width: 650px) { .celebrity-trainning-page .container-page .about-block .block-title .title-text, .celebrity-trainning-page .container-page .block .block-title .title-text, .celebrity-trainning-page .container-page .how-block .block-title .title-text, .celebrity-trainning-page .container-page .success-story-block .block-title .title-text { padding: 0 10px !important } } .celebrity-trainning-page .container-page .about-block .d-title, .celebrity-trainning-page .container-page .block .d-title, .celebrity-trainning-page .container-page .how-block .d-title, .celebrity-trainning-page .container-page .success-story-block .d-title { display: none } .celebrity-trainning-page .container-page .about-block .m-title, .celebrity-trainning-page .container-page .block .m-title, .celebrity-trainning-page .container-page .how-block .m-title, .celebrity-trainning-page .container-page .success-story-block .m-title { display: block } @media (max-width: 480px) { .celebrity-trainning-page .container-page .about-block .d-title, .celebrity-trainning-page .container-page .block .d-title, .celebrity-trainning-page .container-page .how-block .d-title, .celebrity-trainning-page .container-page .success-story-block .d-title { display: none } .celebrity-trainning-page .container-page .about-block .m-title, .celebrity-trainning-page .container-page .block .m-title, .celebrity-trainning-page .container-page .how-block .m-title, .celebrity-trainning-page .container-page .success-story-block .m-title { display: block } } .celebrity-trainning-page .container-page .about-block .video { padding: 0 } .celebrity-trainning-page .container-page .about-block .text { margin: 0 !important; padding: 0 5px !important } .celebrity-trainning-page .container-page .about-block .text p { text-align: justify; line-height: 24px } .celebrity-trainning-page .container-page .how-block .left-img, .celebrity-trainning-page .container-page .how-block .right-img { padding: 7.5px 5px !important } @media (min-width: 1024px) { .celebrity-trainning-page .container-page .how-block .left-img { padding: 5px 3px 5px 0 !important } .celebrity-trainning-page .container-page .how-block .right-img { padding: 5px 0 5px 3px !important } } .celebrity-trainning-page .container-page .how-block .text-center { padding: 5px 20px } @media (max-width: 1024px) { .celebrity-trainning-page .container-page .how-block .text-center { padding: 0 } } .celebrity-trainning-page .container-page .success-story-block .box { padding: 10px 0; margin: 0 } .celebrity-trainning-page .container-page .success-story-block .box .text { margin-top: 4% !important; padding-left: 3% } .celebrity-trainning-page .container-page .success-story-block .box .image { padding-left: 5px !important; padding-right: 5px !important } .celebrity-trainning-page .container-page .success-story-block .box .image img { width: 100%; height: 100% } @media (max-width: 517px) { .celebrity-trainning-page .container-page .success-story-block .box { padding-bottom: 30px !important } .celebrity-trainning-page .container-page .success-story-block .box .image img { width: 100%; height: 100% } .celebrity-trainning-page .container-page .success-story-block .box .text { margin-top: 4% !important; padding: 0 5px !important } } .celebrity-trainning-page .container-page .success-story-block .see-more-btn { text-align: center; margin: 30px 0 } .celebrity-trainning-page .container-page .success-story-block .see-more-btn a { text-decoration: none; font-size: 17px; font-size: calculateRem(17px); color: #000; padding: 5px 30px; border: 2px solid #808285; text-transform: uppercase; font-weight: 700 } .celebrity-trainning-page .container-page .success-story-block .see-more-btn a:hover { text-decoration: none; background: #808285; color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .celebrity-trainning-page .trainers p { text-align: justify } .celebrity-trainning-page .trainers center { font-weight: 700; margin-bottom: 20px } .celebrity-trainning-page .trainers .area { border: none; text-align: center; display: none } .celebrity-trainning-page .trainers .area li { float: none; display: inline-block } .celebrity-trainning-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .celebrity-trainning-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .celebrity-trainning-page .trainers .area .active a, .celebrity-trainning-page .trainers .area .active a:focus, .celebrity-trainning-page .trainers .area .active a:hover { border: none; color: #db2128 } .celebrity-trainning-page .trainers .teacher-detail { margin-top: 60px } @media (max-width: 767px) { .celebrity-trainning-page .trainers .area li a { padding: 5px 10px } .celebrity-trainning-page .trainers .teacher-detail { margin-top: 10px } } @media (max-width: 480px) { .celebrity-trainning-page .trainers .area li a { padding: 5px 10px } .celebrity-trainning-page .trainers .teacher-detail { margin-top: 10px } } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700; padding-left: 0; padding-right: 0 } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000; padding: 5px } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block; border: 3px solid #EAEAEA; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50% } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a span { display: block; font-size: 14px; font-size: calculateRem(14px) } @media (max-width: 480px) { .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li:focus, .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } @media (max-width: 767px) { .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .celebrity-trainning-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 5px; font-size: 17px; font-size: calculateRem(17px); font-weight: 700; text-transform: uppercase } .celebrity-trainning-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0; text-transform: uppercase; font-size: 14px; font-size: calculateRem(14px) } .celebrity-trainning-page .trainers .teacher-detail .tab-content p { margin: 15px 0 } .celebrity-trainning-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .celebrity-trainning-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .celebrity-trainning-page .trainers .teacher-detail .tab-content .cont { padding: 10px } .celebrity-trainning-page .trainers, .celebrity-trainning-page .trainers .teacher-detail .tab-content { padding: 0 } } @media (max-width: 480px) { .celebrity-trainning-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .celebrity-trainning-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .celebrity-trainning-page .trainers, .celebrity-trainning-page .trainers .teacher-detail .tab-content { padding: 0 } } .celebrity-trainning-page .mid-banner { background: url(../img/celebrity-training/mid-banner.jpg) center top no-repeat #fff; background-size: 100%; min-height: 33vw; position: relative } @media (max-width: 767px) { .celebrity-trainning-page .mid-banner { background: url(../img/celebrity-training/m-mid-banner.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } .celebrity-trainning-page .mid-banner .caption { position: absolute; background: rgba(255, 0, 0, .6); padding: 20px 0; width: 100%; color: #fff; text-align: center; text-transform: uppercase; font-size: 14px; font-size: calculateRem(14px); letter-spacing: 2px } .celebrity-trainning-page h2.booktitle { border: 1px solid #000; padding: 4% 8%; text-transform: uppercase; margin-bottom: 30px } .pgwSlider .ps-nextIcon, .pgwSlider .ps-prevIcon { border-color: transparent #fff; border-style: solid } .celebrity-trainning-page h3.visit_benefit { font-size: 13px; line-height: inherit; text-transform: uppercase; margin-bottom: 50px } .celebrity-trainning-page h3.visit_benefit span { font-size: 90% } .celebrity-trainning-page h3.visit_benefit span.title { font-size: 120% } .pgwSlider { width: 100%; color: #fff } .pgwSlider a { display: block; text-decoration: none; color: #fff } .pgwSlider .ps-current { float: left; width: 83%; overflow: auto; height: inherit; position: relative; font-size: 1rem } .pgwSlider.listOnTheLeft .ps-current { float: right } .pgwSlider .ps-current ul { width: 100% } .pgwSlider .ps-current li { width: 100%; z-index: 1; opacity: 0; display: none } .pgwSlider .ps-current>ul>li>img { max-width: 100%; min-width: 50%; height: auto; display: none; transition: margin-top 250ms linear } .pgwSlider .ps-caption { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; display: none; z-index: 3 } .pgwSlider .ps-caption img { float: left; height: 100%; vertical-align: center; padding-right: 10% } .pgwSlider .ps-caption .trainer-info { font-size: 14px; font-size: calculateRem(14px); position: relative; max-width: 100% } .pgwSlider .ps-caption .trainer-info .trainer-job, .pgwSlider .ps-caption .trainer-info .trainer-name { text-transform: uppercase; color: #db2128 } .pgwSlider .ps-caption .trainer-info .trainer-name { font-size: 17px; font-size: calculateRem(17px); font-weight: 700 } .pgwSlider .ps-caption .trainer-info .trainer-job { font-weight: 400 } .pgwSlider .ps-caption .trainer-info .description p { color: #000; margin: 15px 0; font-weight: 400 } @media screen and (max-width: 500px) { .pgwSlider .ps-caption { position: relative } .pgwSlider .ps-caption img { position: relative; margin: 0 25%; float: left; width: 50% !important } .pgwSlider .ps-caption .trainer-info { position: relative; float: left; width: 100%; left: 0; top: 0; padding: 0 5px } } @media screen and (min-width: 501px) and (max-width: 517px) { .pgwSlider .ps-caption { position: relative; width: 100%; height: 100%; left: 0; bottom: 0; display: none; z-index: 3 } .pgwSlider .ps-caption img { position: relative; float: left; width: 50% !important } .pgwSlider .ps-caption .trainer-info { position: relative; float: left; width: 50%; left: 0; top: 0 } .pgwSlider .ps-caption .trainer-info .trainer-name { font-weight: 700 } .pgwSlider .ps-caption .trainer-info .trainer-job { font-weight: 400 } .pgwSlider .ps-caption .trainer-info .description p { color: #000; margin: 0; font-weight: 400 } } .pgwSlider ul, ul.pgwSlider { float: right; width: 15%; padding: 0; list-style: none; margin: 0 } .pgwSlider.listOnTheLeft>ul, ul.pgwSlider.listOnTheLeft { float: right } .pgwSlider>.ps-list>li, ul.pgwSlider>li { height: 50px; margin: 0 0 6px; overflow: hidden; position: relative; opacity: .6; filter: alpha(opacity=60); font-size: .8rem; transition: opacity .2s linear } .pgwSlider>ul>li:last-child, ul.pgwSlider>li:last-child { margin-bottom: 0 } .pgwSlider>.ps-list { float: left !important; position: relative; left: 0 } @media screen and (max-width: 517px) { .pgwSlider .ps-current { overflow: hidden } .pgwSlider .ps-current ul { display: none } .pgwSlider>.ps-list { left: 0 } } .pgwSlider>.ps-list>li span, ul.pgwSlider>li span { display: none; width: 100%; position: absolute; bottom: 0; padding: 5px; background: rgba(0, 0, 0, .7); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .pgwSlider .ps-current .ps-next, .pgwSlider .ps-current .ps-prev { background: rgba(0, 0, 0, .5); position: absolute; top: 45%; cursor: pointer } .pgwSlider>ul>li:hover, ul.pgwSlider>li:hover { opacity: 1 !important } .pgwSlider>ul>li img, ul.pgwSlider>li img { width: 100%; min-height: 100%; display: block; transition: margin-top 250ms linear } .pgwSlider .ps-prevIcon { border-width: 10px 10px 10px 0; display: block } .pgwSlider .ps-nextIcon { border-width: 10px 0 10px 10px; display: block } .pgwSlider .ps-current .ps-prev { filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-left: 0; border-radius: 0 4px 4px 0; padding: 20px 20px 20px 17px; left: 0 } .pgwSlider .ps-current .ps-next { filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#99000000', endColorstr='#99000000'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000')"; border: 1px solid #777; border-right: 0; border-radius: 4px 0 0 4px; padding: 20px 17px 20px 20px; right: 0 } .pgwSlider.narrow .ps-current { position: relative; margin-bottom: 6px; font-size: .8rem; height: auto !important } .pgwSlider.narrow .ps-current img { width: 100%; min-height: inherit } .pgwSlider.narrow .ps-current, .pgwSlider.narrow>ul, ul.pgwSlider.narrow { width: 100% } .pgwSlider.narrow>.ps-list>li, ul.pgwSlider.narrow>li { float: left; min-height: 57px; max-height: 70px; min-width: 15%; font-size: .7rem; margin-bottom: 0 } .pgwSlider.narrow.listOnTheLeft>ul>li, ul.pgwSlider.narrow.listOnTheLeft>li { float: left } .pgwSlider.narrow .ps-caption { padding: 8px } .pgwSlider.narrow .ps-current .ps-prev { padding: 15px 15px 15px 12px; top: 40% } .pgwSlider.narrow .ps-current .ps-next { padding: 15px 12px 15px 15px; top: 40% } .container-fluid.page.centuryon-membership-cfy-page { background-color: #000 !important; color: #fff } .container-fluid.page.centuryon-membership-cfy-page .mobile { display: none } .container-fluid.page.centuryon-membership-cfy-page h2 { color: #f7e300; font-weight: 100; font-size: 25px; text-align: center; padding: 10px 0; text-transform: uppercase; border-bottom: 0; line-height: 1.2em } .container-fluid.page.centuryon-membership-cfy-page .divider { margin: 20px 0 } .container-fluid.page.centuryon-membership-cfy-page h4 { color: #f7e300; font-weight: 100; font-size: 25px; margin: 20px auto } .container-fluid.page.centuryon-membership-cfy-page img.quote-left { position: absolute; left: 3%; top: 22%; width: 40px } .container-fluid.page.centuryon-membership-cfy-page img.quote-right { position: absolute; right: 5%; bottom: 25%; width: 40px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg) } .container-fluid.page.centuryon-membership-cfy-page .text-box { max-width: 90%; margin: 0 auto } @media (min-width: 768px) { .container-fluid.page.centuryon-membership-cfy-page .desktop { display: block } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top { background: url(../img/centuryon-membership/centuryon-membership-header.jpg) center top no-repeat #000; position: relative; background-size: 100%; min-height: 550px } } @media (max-width: 767px) { .container-fluid.page.centuryon-membership-cfy-page .mobile { display: block } .container-fluid.page.centuryon-membership-cfy-page .desktop { display: none } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top { min-height: 600px; position: relative; background: url(../img/centuryon-membership/m-centuryon-membership-header.jpg) center top no-repeat #000; background-size: cover } } @media (max-width: 415px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top { min-height: 600px; background: url(../img/centuryon-membership/m-centuryon-membership-header.jpg) center top no-repeat #000; background-size: contain } } @media (max-width: 320px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top { min-height: 500px } } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta { max-width: 44vw; float: left; margin: 50px 0 50px 10%; padding: 20px; position: relative } @media (max-width: 767px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta { width: 100%; max-width: 500px; margin: 75% auto 0; padding: 0 10px; position: relative; float: none } } @media (max-width: 550px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta { position: absolute; bottom: 0 } } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset { position: relative; border: 1px solid #f7e300; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset legend { color: #f7e300; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset legend { font-size: 6.4vw } } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset hr { border-bottom: 1px solid #f7e300; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset span { text-transform: uppercase; text-align: center; display: block; margin: 0 auto } @media (max-width: 767px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset .red-btn a { color: #000; font-size: 12px; background: #f7e300; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; bottom: 0; display: block; width: 50%; text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600 } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered h4.white, .container-fluid.page.centuryon-membership-cfy-page .row.section3 .content h4 { color: #fff } @media (min-width: 768px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta h1 { font-size: 2.1vw } } @media (min-width: 1920px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta fieldset .red-btn a { width: 65%; padding: 10px 15px } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta h1 { font-size: 30px } } @media (max-width: 550px) { .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .cta h1 { font-size: 6.4vw } } .container-fluid.page.centuryon-membership-cfy-page .row.banner-top .card { margin: 50px auto; width: 50% } .container-fluid.page.centuryon-membership-cfy-page .row.video { padding-top: 50px } .container-fluid.page.centuryon-membership-cfy-page .row.video .col-sm-5.col-centered { height: 300px; overflow: hidden } .container-fluid.page.centuryon-membership-cfy-page .row.top-content p { text-align: center } .container-fluid.page.centuryon-membership-cfy-page .row.section3 { background: url() center top no-repeat; background-size: 100% } .container-fluid.page.centuryon-membership-cfy-page .row.section3 .col-md-10.col-centered p { text-align: center; text-transform: uppercase } .container-fluid.page.centuryon-membership-cfy-page .row.section3 .content { margin: 20px auto 0; background: 0 0; background: rgba(0, 0, 0, .6); width: 75%; position: relative; padding: 50px 20px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered h4 { font-size: 19px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered .col-md-4.col-centered.col-xs-12 { margin-top: 50px; height: 300px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered .col-md-4.col-centered.col-xs-12 p { line-height: 1.7em; padding: 20px; text-align: center; max-width: 90%; margin: 0 auto } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered p.title { padding-top: 50px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .col-md-3.col-centered.col-xs-12 { margin-top: 50px; height: 200px; overflow: hidden } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .col-md-3.col-centered.col-xs-12 h4 { font-size: 20px; text-transform: uppercase; text-align: center; padding-bottom: 20px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .col-md-3.col-centered.col-xs-12 p { line-height: 1.7em; text-align: center } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .col-md-3.col-centered.col-xs-12:nth-child(4n) h4 { padding-bottom: 0 } .container-fluid.page.centuryon-membership-cfy-page .section5 { background: url(../img/centuryon-membership/centuryon-section3-bg.jpg) center top no-repeat; background-size: 100%; min-height: 500px } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 { margin-top: 100px; padding: 20px 10px } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 img.quote-left { top: 5% } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 img.quote-right.white { bottom: 8% } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 .text-box { width: 84%; text-transform: uppercase } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 .text-box p { text-align: justify } @media (max-width: 1024px) { .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 { margin-top: 0 } } @media (max-width: 767px) { .container-fluid.page.centuryon-membership-cfy-page h2 { font-size: 6vw } .container-fluid.page.centuryon-membership-cfy-page h4 { font-size: 5vw !important } .container-fluid.page.centuryon-membership-cfy-page .row.video .col-sm-5.col-xs-12.col-centered { height: auto; padding-bottom: 50px } .container-fluid.page.centuryon-membership-cfy-page .row.video .col-sm-5.col-xs-12.col-centered .embed-responsive.embed-responsive-16by9 { height: auto; padding-bottom: 0 } .container-fluid.page.centuryon-membership-cfy-page .row.video .col-sm-5.col-xs-12.col-centered .embed-responsive.embed-responsive-16by9 .embed-responsive-item { position: relative } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered h4 { font-size: 19px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered .col-md-4.col-centered.col-xs-12 { margin-top: 0; height: auto } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered .col-md-4.col-centered.col-xs-12 p { padding: 20px 0; line-height: 1.7em } .container-fluid.page.centuryon-membership-cfy-page .row.section3 { background: url() center top no-repeat; background-size: 100% } .container-fluid.page.centuryon-membership-cfy-page .row.section3 .content { margin: 20px auto 0; width: 100% } .container-fluid.page.centuryon-membership-cfy-page .row.section3 .content h4 { padding-top: 20px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .row.row-centered p.title { padding-top: 50px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .col-md-3.col-centered.col-xs-12 { margin-top: 0; overflow: hidden; height: auto; width: 100%; max-width: 300px } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .col-md-3.col-centered.col-xs-12 h4 { text-transform: uppercase; text-align: center } .container-fluid.page.centuryon-membership-cfy-page .container-page.section4 .col-md-3.col-centered.col-xs-12 p { line-height: 1.7em; text-align: center } .container-fluid.page.centuryon-membership-cfy-page .section5 { background: url(../img/centuryon-membership/m-centuryon-section3-bg.jpg) center top no-repeat; background-size: contain; min-height: 500px } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 { margin-top: 70vw } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 img.quote-left.white, .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 img.quote-right.white { display: none } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 .text-box { width: 90% } } @media (max-width: 414px) { .container-fluid.page.centuryon-membership-cfy-page .row.section3 .content { margin: 20px auto 0; width: 100%; padding: 0 10px 20px } .container-fluid.page.centuryon-membership-cfy-page .row.section3 .content img.quote-left { left: 0; top: 0 } .container-fluid.page.centuryon-membership-cfy-page .row.section3 .content img.quote-right { right: 3%; bottom: 9% } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 { margin-top: 87vw } .container-fluid.page.centuryon-membership-cfy-page .section5 .col-sm-5.col-sm-push-7.col-xs-12.col-xs-push-0 .text-box { width: 90% } } .container-fluid.page.careers-page .row.row-centered { margin-bottom: 50px } .cfyc-memberships a, .cfyc-memberships button, .cfyc-memberships div, .cfyc-memberships h1, .cfyc-memberships h2, .cfyc-memberships h3, .cfyc-memberships h4, .cfyc-memberships img, .cfyc-memberships p, .cfyc-memberships span { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease } .cfyc-memberships a .col-md-8.col-centered p, .cfyc-memberships button .col-md-8.col-centered p, .cfyc-memberships div .col-md-8.col-centered p, .cfyc-memberships h1 .col-md-8.col-centered p, .cfyc-memberships h2 .col-md-8.col-centered p, .cfyc-memberships h3 .col-md-8.col-centered p, .cfyc-memberships h4 .col-md-8.col-centered p, .cfyc-memberships img .col-md-8.col-centered p, .cfyc-memberships p .col-md-8.col-centered p, .cfyc-memberships span .col-md-8.col-centered p { text-align: center } @media (min-width: 768px) { .cfyc-memberships .banner-top { position: relative; background: url(../img/cfyc-memberships/bg-header.jpg) center top no-repeat #fff; background-size: 100% } } .cfyc-memberships .banner-top .cta { max-width: 40vw; margin: 24vw 0 50px 10%; padding: 20px; position: relative } @media (min-width: 768px) and (max-width: 1200px) { .cfyc-memberships .banner-top .cta { max-width: 50vw } } @media (max-width: 767px) { .cfyc-memberships .banner-top { position: relative; background: url(../img/cfyc-memberships/m-bg-header.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .cfyc-memberships .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .cfyc-memberships .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .cfyc-memberships .banner-top .cta { max-width: 700px } } .cfyc-memberships .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .cfyc-memberships .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .cfyc-memberships .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; max-width: 100%; margin: 0 auto; width: inherit } @media (max-width: 2000px) { .cfyc-memberships .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .cfyc-memberships .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .cfyc-memberships .banner-top .cta fieldset legend { font-size: 6.4vw } } .cfyc-memberships .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .cfyc-memberships .banner-top .cta fieldset .red-btn a, .cfyc-memberships .banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .cfyc-memberships .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .cfyc-memberships .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .cfyc-memberships .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .cfyc-memberships .banner-top .cta h1 { font-size: 2.1vw } } @media (min-width: 1920px) { .cfyc-memberships .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .cfyc-memberships .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .cfyc-memberships .banner-top .cta h1 { font-size: 30px } } @media (max-width: 550px) { .cfyc-memberships .banner-top .cta h1 { font-size: 6.4vw } } .cfyc-memberships .banner-top .carousel-caption { font-size: 40px; left: 10%; bottom: 13%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 550px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } @media (max-width: 2000px) { .cfyc-memberships .banner-top .carousel-caption { max-width: 40vw } } @media (max-width: 1360px) { .cfyc-memberships .banner-top .carousel-caption { bottom: 2% } } @media (max-width: 991px) { .cfyc-memberships .banner-top .carousel-caption { max-width: 50vw; left: 5% } } .cfyc-memberships .banner-top .carousel-caption strong { font-weight: 300 } .cfyc-memberships .banner-top .carousel-caption hr { background: #db2128; height: 2px; border: none; max-width: 50%; margin: 20px auto } @media (max-width: 767px) { .cfyc-memberships .banner-top .carousel-caption hr { margin: 10px auto 0 } } @media (max-width: 480px) { .cfyc-memberships .banner-top .carousel-caption hr { margin: 3px auto; height: 1px } } .cfyc-memberships .banner-top .carousel-caption span { color: #fff; font-size: 16px; display: inline-block; margin-bottom: 30px; line-height: 150% } @media (min-width: 768px) and (max-width: 991px) { .cfyc-memberships .banner-top .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .cfyc-memberships .banner-top .carousel-caption span { font-size: 14px; margin-top: 0; padding-top: 10px; margin-bottom: 20px } } @media (max-width: 480px) { .cfyc-memberships .banner-top .carousel-caption span { font-size: .8em; margin-bottom: 10px; padding-top: 0; margin-top: 0 } } .cfyc-memberships .banner-top .carousel-caption .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .cfyc-memberships .banner-top .carousel-caption .red-btn a { color: #fff; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; bottom: 0 } @media (max-width: 480px) { .cfyc-memberships .banner-top .carousel-caption .red-btn a { font-size: .8em } } @media (min-width: 768px) and (max-width: 991px) { .cfyc-memberships .banner-top .carousel-caption .red-btn { bottom: -13px } .cfyc-memberships .banner-top .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .cfyc-memberships .banner-top .carousel-caption .red-btn a { padding: 1% 7% } .cfyc-memberships .banner-top .carousel-caption .red-btn { bottom: -8px } .cfyc-memberships .banner-top .carousel-caption { width: auto; font-size: 16px; bottom: 0; line-height: normal } } @media (max-width: 480px) { .cfyc-memberships .banner-top .carousel-caption { width: auto; right: 5%; font-size: 10px; bottom: -5%; line-height: normal; left: 5% } } .cfyc-memberships .video { padding: 35px 0; margin-top: 20px } .cfyc-memberships .video .pLeft0 { padding-left: 0 } .cfyc-memberships .video .pRight0 { padding-right: 0 } .cfyc-memberships .video .desc-video { position: relative; top: 0; text-align: justify } .cfyc-memberships .top-content { text-align: center; margin-top: 20px } .cfyc-memberships .top-content .strike { display: block; text-align: center; overflow: hidden; margin: 20px auto } .cfyc-memberships .top-content .strike h1 { position: relative; display: inline-block; color: #db2128; text-transform: uppercase; line-height: 1.3em; font-size: 25px; font-size: calculateRem(25px); max-width: 700px } .cfyc-memberships .top-content .strike h1:after, .cfyc-memberships .top-content .strike h1:before { content: ""; position: absolute; top: 35%; width: 9999px; height: 2px; background: #e60000 } .cfyc-memberships .top-content .strike h1:before { right: 95%; margin-right: 15px } .cfyc-memberships .top-content .strike h1:after { left: 95%; margin-left: 15px } .cfyc-memberships .top-content .strike.line-3 h1:after, .cfyc-memberships .top-content .strike.line-3 h1:before { top: 25% } .cfyc-memberships .top-content .strike.line-3 h1:before { right: 85%; margin-right: 15px } .cfyc-memberships .top-content .strike.line-3 h1:after { left: 85%; margin-left: 15px } .cfyc-memberships .gallery { padding: 2% 0 } .cfyc-memberships .gallery>div { margin-bottom: 30px } .cfyc-memberships .gallery p { padding: 0 10px; text-align: center; font-size: 1.5em } .cfyc-memberships .gallery img { margin-bottom: 20px } .cfyc-memberships .gallery .pLeft0 { padding-left: 0 } .cfyc-memberships .gallery .pRight0 { padding-right: 0 } .cfyc-memberships .gallery .pLeftRight75 { padding-left: 7.5px; padding-right: 7.5px } .cfyc-memberships .banner-bottom { background: url(../img/cfyc-memberships/bg-footer.jpg) 60% no-repeat #fff; top: 50px; position: relative; min-height: 500px } .cfyc-memberships .banner-bottom .text-box { position: absolute; max-width: 50%; top: 10%; left: 7%; text-transform: uppercase } .cfyc-memberships .banner-bottom .text-box h2 { font-weight: 100; color: #fff } .cfyc-memberships .banner-bottom .text-box h2.yellow { font-weight: 300; color: #ffe600; margin-top: 0; margin-bottom: 6%; line-height: 1.4em } .cfyc-memberships .banner-bottom .text-box h3 { font-weight: 300; margin-top: 6%; color: #fff; text-align: justify; line-height: 1.4em } .cfyc-memberships .banner-bottom .text-box a.cta { padding: 2% 5%; background: #ffe600; font-size: 15px; font-size: calculateRem(15px); color: #000; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out } .cfyc-memberships .banner-bottom .text-box a.cta:hover { background: #ffff25; text-decoration: none } @media (max-width: 2000px) { .cfyc-memberships .top-content .strike h1 { font-size: 25px; font-size: calculateRem(25px) } .cfyc-memberships .banner-top h1.headline { font-size: 6vw; font-size: calculateRem(6vw) } .cfyc-memberships .banner-bottom .text-box h1 { font-size: 2.8vw; font-size: calculateRem(2.8vw) } .cfyc-memberships .banner-bottom .text-box h3 { font-size: 1.9vw; font-size: calculateRem(1.9vw) } .cfyc-memberships .banner-bottom .text-box a.cta { font-size: 1vw; font-size: calculateRem(1vw) } } @media (max-width: 1200px) { .cfyc-memberships .banner-bottom { background-position: 70% } } @media (max-width: 1024px) { .cfyc-memberships .video .desc-video { top: 0 } } @media (max-width: 767px) { .cfyc-memberships .strike { max-width: 99% } .cfyc-memberships .video { margin-top: 0; padding: 20px 0 } .cfyc-memberships .video .pLeft0, .cfyc-memberships .video .pRight0 { padding: 0 } .cfyc-memberships .video .desc-video { margin-bottom: 20px } .cfyc-memberships .top-content { margin-top: 0 } .cfyc-memberships .gallery { padding: 1% 0 } .cfyc-memberships .gallery .pLeft0, .cfyc-memberships .gallery .pLeft75 { padding-left: 15px } .cfyc-memberships .gallery .pRight0, .cfyc-memberships .gallery .pRight75 { padding-right: 15px } .cfyc-memberships .gallery img { margin-bottom: 15px } .cfyc-memberships .gallery .pLeftRight75 { padding-left: 15px; padding-right: 15px } .cfyc-memberships .banner-bottom { top: 20px; margin-bottom: 30px } } @media (max-width: 600px) { .cfyc-memberships .banner-top h1.headline { top: -2% } .cfyc-memberships .top-content .strike h1 { font-size: 6vw; font-size: calculateRem(6vw) } .cfyc-memberships .banner-bottom { background: url(../img/centuryon-membership/m-centuryon-membership-header.jpg) center top no-repeat #fff; background-size: cover; min-height: 900px } .cfyc-memberships .banner-bottom .text-box { max-height: 250px; max-width: 90%; bottom: 130px; top: auto; text-align: center } .cfyc-memberships .banner-bottom .text-box h1 { font-size: 5vw } .cfyc-memberships .banner-bottom .text-box h3 { font-size: 4vw; padding: 20px 0 } .cfyc-memberships .banner-bottom .text-box a.cta { font-size: 4vw; padding: 5% 10% } } @media (max-width: 450px) { .cfyc-memberships .banner-bottom { min-height: 550px } .cfyc-memberships .banner-bottom .text-box { bottom: 30px } } .classes-page .banner-top { position: relative; background: url(../img/classes/classes-banner.jpg) center top no-repeat #fff; background-size: 100% } .classes-page .banner-top .cta { max-width: 40vw; margin: 15vw 0 248px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .classes-page .banner-top { background: url(../img/classes/m-classes-banner.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .classes-page .banner-top .cta { max-width: 50vw } .classes-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .classes-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } .classes-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .classes-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .classes-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .classes-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .classes-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .classes-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .classes-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .classes-page .banner-top .cta fieldset .red-btn a, .classes-page .banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .classes-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: .79em } } .classes-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .classes-page .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (max-width: 767px) { .classes-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } } .classes-page fieldset { border: 2px solid #db2128 } .classes-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; margin-bottom: 0; padding-left: 20px; padding-right: 20px; max-width: 100%; width: inherit } @media (max-width: 767px) { .classes-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .classes-page fieldset legend { font-size: 16px } } .classes-page .top-content { margin-bottom: 50px } .classes-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } .classes-page .top-content .carousel-caption strong { font-weight: 300 } .classes-page .top-content .carousel-caption span { color: #fff; font-size: 18px; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128 } @media (min-width: 768px) and (max-width: 991px) { .classes-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .classes-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 20px } } @media (max-width: 480px) { .classes-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 20px } } .classes-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px } @media (max-width: 480px) { .classes-page .top-content .carousel-caption a { left: 25% } } @media (min-width: 768px) and (max-width: 991px) { .classes-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .classes-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .classes-page .top-content .carousel-caption a { left: 25% } .classes-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } @media (max-width: 480px) { .classes-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .classes-page .location { margin-top: 80px; margin-bottom: 80px } .classes-page .location .firstcol .nav-tabs { background: #f5f5f5; padding: 30px } .classes-page .location .firstcol .nav-tabs li { width: 50% } .classes-page .location .firstcol .nav-tabs li a { background: 0 0; border: none; color: #000; padding: 0; margin: 10px 0 } .classes-page .location .firstcol .nav-tabs .active a, .classes-page .location .firstcol .nav-tabs li a:hover { color: #db2128 } .classes-page .location .firstcol .nav-tabs .title { display: block; width: 100%; font-size: 20px; margin-bottom: 20px; margin-top: 20px } .classes-page .location .firstcol .nav-tabs .title img { margin-right: 10px } .classes-page .location .firstcol .nav-tabs .even { text-align: right; border-bottom: 1px solid #b6b6b6 } .classes-page .location .firstcol .nav-tabs .odd { text-align: left; border-bottom: 1px solid #b6b6b6 } .classes-page .location .firstcol .nav-tabs .last { border: none } .classes-page .location .secondcol { padding-top: 120px } @media (max-width: 480px) { .classes-page .location .firstcol .nav-tabs .title { font-size: 16px } .classes-page .location .secondcol { padding-left: 0; padding-right: 0 } } .classes-page .location .secondcol .btn-cta, .classes-page .location .secondcol .btn-download, .classes-page .location .secondcol .btn-view { padding: 10px 0; margin-top: 40px; text-align: center; text-decoration: none } .classes-page .location .secondcol .tab-content .tab-pane div { position: relative } .classes-page .location .secondcol .tab-content .tab-pane div img { border-radius: 50% } .classes-page .location .secondcol .tab-content .tab-pane div span { position: absolute; left: 0; right: 0; text-align: center; top: 160px; color: #fff; font-size: 30px } @media (min-width: 768px) and (max-width: 991px) { .classes-page .location .secondcol .tab-content .tab-pane div span { font-size: 20px; top: 75px } } @media (max-width: 767px) { .classes-page .location .secondcol .tab-content .tab-pane div span { font-size: 16px; top: 40px } } @media (max-width: 480px) { .classes-page .location .secondcol .tab-content .tab-pane div span { font-size: 16px; top: 40px } } .classes-page .location .secondcol .tab-content .tab-pane .small span { top: 90px } @media (min-width: 768px) and (max-width: 991px) { .classes-page .location .secondcol .tab-content .tab-pane .small span { font-size: 16px; top: 40px } } @media (max-width: 767px) { .classes-page .location .secondcol .tab-content .tab-pane .small span { font-size: 12px; top: 20px } } @media (max-width: 480px) { .classes-page .location .secondcol .tab-content .tab-pane .small span { font-size: 12px; top: 20px } } .classes-page .location .secondcol .tab-content .tab-pane .space { clear: both; margin-top: 40px } .classes-page .location .secondcol .btn-cta { display: block; background-color: #db2128; color: #fff; margin-bottom: 40px; font-size: 20px; clear: both; border-radius: 50px } @media (min-width: 768px) and (max-width: 991px) { .classes-page .location .secondcol .btn-cta { font-size: 15px } } @media (max-width: 767px) { .classes-page .location .secondcol .btn-cta { font-size: 13px } } @media (max-width: 480px) { .classes-page .location .secondcol .btn-cta { font-size: 13px } } .classes-page .location .secondcol .btn-view { font-size: 20px; width: 50%; background: #282828; float: left; color: #fff; border-radius: 30px 0 0 30px; margin-bottom: 30px; border-right: 2px solid #fff } @media (min-width: 768px) and (max-width: 991px) { .classes-page .location .secondcol .btn-view { font-size: 15px } } @media (max-width: 767px) { .classes-page .location .secondcol .btn-view { font-size: 13px } } @media (max-width: 480px) { .classes-page .location .secondcol .btn-view { font-size: 13px; width: 100%; border-radius: 50px; margin-bottom: 20px } } .classes-page .location .secondcol .btn-view .dropdown-toggle { color: #fff } .classes-page .location .secondcol .btn-download { font-size: 20px; width: 50%; background: #e7e7e7; float: left; color: #000; margin-bottom: 30px; border-radius: 0 30px 30px 0; border-left: 2px solid #fff } @media (min-width: 768px) and (max-width: 991px) { .classes-page .location .secondcol .btn-download { font-size: 15px } } @media (max-width: 767px) { .classes-page .location .secondcol .btn-download { font-size: 13px } } @media (max-width: 480px) { .classes-page .location .secondcol .btn-download { font-size: 13px; width: 100%; border-radius: 50px; margin-bottom: 20px; margin-top: 0 } } .classes-page .location .secondcol .btn-download .dropdown-toggle { color: #000 } .classes-page h2 { color: #868686; text-transform: uppercase; font-size: 18px; text-align: center; margin-bottom: 30px } .club-page .mobile { display: none } .club-page .row { overflow: hidden } .club-page .container-page { padding-left: 15px; padding-right: 15px } .club-page .carousel.slide .container-page, .club-page .information .container-page { margin: 0 auto } .club-page .whitespace { padding: 10px 0 } .club-page .whitespace-2x { padding: 20px 0 } .club-page .whitespace-3x { padding: 30px 0 } @media (min-width: 768px) { .club-page .banner-top { position: relative; background: url(../img/club/tap-gym-the-hinh.jpg) center top no-repeat #fff; background-size: cover } } .club-page .banner-top .cta { max-width: 42vw; margin: 9vw 0 130px 3%; padding: 20px; position: relative } @media (min-width: 1920px) { .club-page .banner-top .cta { max-width: 700px; margin: 450px 0 90px 10%; padding: 20px; position: relative } } @media (min-width: 768px) and (max-width: 1200px) { .club-page .banner-top .cta { max-width: 50vw } } @media (max-width: 767px) { .club-page .mobile { display: block } .club-page .banner-top { position: relative; background: url(../img/club/m-banner-1.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .club-page .banner-top .cta { max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .club-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } .club-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .club-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .club-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 767px) { .club-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .club-page .banner-top .cta fieldset legend { font-size: 6.4vw } } @media (min-width: 768px) and (max-width: 2000px) { .club-page .banner-top .cta fieldset legend h1 { font-size: 2vw } } @media (max-width: 767px) { .club-page .banner-top .cta fieldset legend h1 { font-size: 35px } } @media (max-width: 550px) { .club-page .banner-top .cta fieldset legend h1 { font-size: 6.4vw } } .club-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .club-page .banner-top .cta fieldset .red-btn a, .club-page .banner-top .cta fieldset h2, .club-page .banner-top .cta fieldset span { color: #fff; margin: 0 auto; text-transform: uppercase; text-align: center } .club-page .banner-top .cta fieldset span { display: block; padding: 15px 25px 0 } @media (max-width: 767px) { .club-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: .79em } } .club-page .banner-top .cta fieldset h2 { display: block; padding: 15px 25px 0; font-size: 15px; line-height: 1.4em } @media (max-width: 767px) { .club-page .banner-top .cta fieldset h2 { padding-bottom: 10px; font-size: .79em } } .club-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .club-page .banner-top .cta fieldset .red-btn .red-btn-inline { position: relative; text-align: center } .club-page .banner-top .cta fieldset .red-btn a { width: auto; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; display: inline-block; white-space: nowrap; font-weight: 600 } @media (max-width: 550px) { .club-page .banner-top .cta fieldset .red-btn a { bottom: 0 } } .club-page .banner-top .carousel-caption { font-size: 40px; left: 10%; bottom: 13%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 550px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } @media (max-width: 2000px) { .club-page .banner-top .carousel-caption { max-width: 40vw } } @media (max-width: 1360px) { .club-page .banner-top .carousel-caption { bottom: 2% } } @media (max-width: 991px) { .club-page .banner-top .carousel-caption { max-width: 50vw; left: 5% } } .club-page .banner-top .carousel-caption strong { font-weight: 300 } .club-page .banner-top .carousel-caption hr { background: #db2128; height: 2px; border: none; max-width: 50%; margin: 20px auto } @media (max-width: 767px) { .club-page .banner-top .cta fieldset .red-btn a { padding: 10px 15px } .club-page .banner-top .carousel-caption hr { margin: 10px auto 0 } } @media (max-width: 480px) { .club-page .banner-top .carousel-caption hr { margin: 3px auto; height: 1px } } .club-page .banner-top .carousel-caption span { color: #fff; font-size: 16px; display: inline-block; margin-bottom: 30px; line-height: 150% } @media (min-width: 768px) and (max-width: 991px) { .club-page .banner-top .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .club-page .banner-top .carousel-caption span { font-size: 14px; margin-top: 0; padding-top: 10px; margin-bottom: 20px } } @media (max-width: 480px) { .club-page .banner-top .carousel-caption span { font-size: .8em; margin-bottom: 10px; padding-top: 0; margin-top: 0 } } .club-page .row.text-center.cyc .content-title { color: #000 } .club-page .row.text-center.cyc .content-title h2 { line-height: 1.3; padding: 0; margin: 20px auto; font-size: 25px } @media (max-width: 767px) { .club-page .row.text-center.cyc .content-title h2 { font-size: 6vw; margin: 20px auto } } .club-page .row.text-center.cyc .content-title p { font-weight: 100; padding: 0 0 20px; text-transform: none; max-width: 75%; margin: 0 auto } .club-page .row.text-center.cyc .content-title h2.choose { color: #db2128; padding: 0; font-size: 18px } @media (min-width: 768px) { .club-page .bien-hoa-club-page .banner-top { position: relative; background: url(../img/club/banner-bien-hoa.jpg) center top no-repeat #fff; background-size: cover } } @media (max-width: 767px) { .club-page .row.text-center.cyc .content-title p { text-align: justify; max-width: 100% } .club-page .row.text-center.cyc .content-title h2.choose { margin: 0 auto } .club-page .bien-hoa-club-page .banner-top { position: relative; background: url(../img/club/m-banner-bien-hoa.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (min-width: 768px) { .club-page .binh-duong-club-page .banner-top { position: relative; background: url(../img/club/banner-binh-duong.jpg) center top no-repeat #fff; background-size: cover } } @media (max-width: 767px) { .club-page .binh-duong-club-page .banner-top { position: relative; background: url(../img/club/m-banner-binh-duong.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (min-width: 768px) { .club-page .ha-noi-club-page .banner-top { position: relative; background: url(../img/club/banner-ha-noi.jpg) center top no-repeat #fff; background-size: cover } } @media (max-width: 767px) { .club-page .ha-noi-club-page .banner-top { position: relative; background: url(../img/club/m-banner-ha-noi.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (min-width: 768px) { .club-page .da-nang-club-page .banner-top { position: relative; background: url(../img/club/banner-da-nang.jpg) center top no-repeat #fff; background-size: cover } } @media (max-width: 767px) { .club-page .da-nang-club-page .banner-top { position: relative; background: url(../img/club/m-banner-da-nang.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (min-width: 768px) { .club-page .nha-trang-club-page .banner-top { position: relative; background: url(../img/club/banner-nha-trang.jpg) center top no-repeat #fff; background-size: cover } } .club-page .club-content p { padding: 20px 0; text-align: center } @media (max-width: 767px) { .club-page .nha-trang-club-page .banner-top { position: relative; background: url(../img/club/m-banner-nha-trang.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .club-page .club-content p { display: block; margin: 0 auto; padding: 20px 0; text-align: justify } } .club-page .club-content .block .block-title { margin: 0; position: relative; text-align: center; color: #000; letter-spacing: 1px; font-size: 2vw; font-size: calculateRem(2vw); text-transform: uppercase } @media screen and (min-width: 1920px) { .club-page .club-content .block .block-title { font-size: 35px; font-size: calculateRem(35px) } } @media screen and (min-width: 320px) and (max-width: 600px) { .club-page .club-content .block .block-title { font-size: 6vw; font-size: calculateRem(6vw) } .club-page .club-content .block .block-title .title-text { padding: 0 10px !important } } .club-page .club-content .block .block-title:after { content: ""; position: absolute; width: 80%; height: 2px; background: #db2128; top: 52%; left: 10%; z-index: 1 } @media screen and (max-width: 320px) { .club-page .club-content .block .block-title:after { width: 90%; left: 5% } } .club-page .club-content .block .block-title .title-text { display: inline-block; position: relative; padding: 0 20px; background: #fff; z-index: 2 } @media screen and (max-width: 650px) { .club-page .club-content .block .block-title .title-text { padding: 0 10px !important } } @media (max-width: 517px) { .club-page .club-content .block .block-title .title-text { max-width: 300px } } @media (max-width: 320px) { .club-page .club-content .block .block-title .title-text { max-width: 205px } } .club-page .cyc { font-weight: 700; color: #868686; text-transform: uppercase } .club-page .down-icon { color: #db2128; font-size: 25px; font-size: calculateRem(25px); margin: 0 auto 20px } @media (max-width: 767px) { .club-page .club-content .text { padding: 0 15px } .club-page .down-icon { font-size: 25px; font-size: calculateRem(25px) } } .club-page .club-wrapper { position: relative } .club-page .club-list { position: absolute; z-index: 98; width: 100%; background-color: rgba(0, 0, 0, .7) } .club-page .club-list .club-list-inline { position: relative; width: 100% } .club-page .club-list .navbar-center { position: relative; width: 100%; text-align: center; margin: 10px auto; float: none; max-width: 1200px } .club-page .club-list .navbar-center li { float: none; display: inline-block; border-right: 1px solid #4d4847 } .club-page .club-list .navbar-center li:last-child { border-right: none } .club-page .club-list .navbar-center li a { padding: 10px 15px; font-size: 14px; font-size: calculateRem(14px); color: #c3c2c2; text-transform: uppercase; background: 0 0 } .club-page .club-list .navbar-center li a:hover { color: #db2128 } @media (max-width: 500px) { .club-page .club-list .navbar-center li a { padding: 5px !important } } .club-page .club-list .navbar-center li.active a { color: #db2128; font-weight: 700 } .club-page .club-list-mobile { display: none; position: relative; z-index: 1 } .club-page .club-list-mobile .btn { background: #000; color: #fff; width: 100%; border: none; border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; padding: 10px 5px } .club-page .club-list-mobile .btn:active, .club-page .club-list-mobile .btn:focus { background: #000; color: #fff } .club-page .club-list-mobile .dropdown-menu { width: 100%; background: #000; border-radius: 0; -o-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; top: 40px; text-transform: uppercase } .club-page .club-list-mobile .dropdown-menu li { border-bottom: 1px #464646 solid } .club-page .club-list-mobile .dropdown-menu li:last-child { border-bottom: none } .club-page .club-list-mobile .dropdown-menu li a { color: #fff; padding-top: 7px; padding-bottom: 7px } .club-page .club-list-mobile .dropdown-menu li a:hover { background: #464646 } @media (max-width: 768px) { .club-page .club-list { display: none } .club-page .club-list-mobile { display: block } } .club-page .slideshow { background: #f5f5f5 } .club-page .slideshow .item img { width: 100% } .club-page .slideshow .carousel-caption { width: 100%; background: rgba(0, 0, 0, .5); left: 0; bottom: 0; padding: 40px 60px } @media (max-width: 480px) { .club-page .slideshow .carousel-caption { background: #000; position: relative; padding: 20px } } .club-page .slideshow .carousel-indicators { position: inherit; bottom: inherit; left: inherit; z-index: inherit; width: inherit; padding-left: inherit; margin-left: inherit; list-style: inherit } .club-page .slideshow .carousel-indicators .active { width: inherit; height: inherit; margin: 0 auto; background-color: inherit } .club-page .slideshow .carousel-indicators li { display: inherit; width: inherit; height: inherit; margin: inherit; text-indent: inherit; cursor: inherit; background-color: inherit; border: inherit; border-radius: inherit } .club-page .thumbs { position: relative !important; margin-top: 20px !important; width: 100% !important } .club-page .thumbs .box { position: relative; height: 200px !important; width: 25% !important } @media (max-width: 991px) { .club-page .thumbs { margin-top: 15px !important } .club-page .thumbs .box { height: 120px !important } } @media (max-width: 767px) { .club-page .thumbs { margin-top: 10px !important } .club-page .thumbs .box { height: 90px !important; padding: 0 10px } .club-page .thumbs .box { height: 180px !important } } @media (max-width: 480px) { .club-page .thumbs .box { height: 60px !important } } @media (max-width: 320px) { .club-page .thumbs .box { height: 40px !important; padding: 0 5px } } .club-page .thumbs .box img { width: 100%; height: 100%; cursor: pointer } .club-page .thumbs .box .box-inner { height: 100%; width: 100%; overflow: hidden; position: relative; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray } .club-page .thumbs .active .box-inner, .club-page .thumbs .box .box-inner:hover { -webkit-filter: inherit; -moz-filter: inherit; -ms-filter: inherit; -o-filter: inherit; filter: inherit } .club-page .thumbs .carousel-control { display: block; top: 120px; width: auto } .club-page .thumbs .right { right: -25px } .club-page .thumbs .left { left: -25px } .club-page .thumbs .glyphicon-chevron-right { background: url(../img/club/right-arr.png) no-repeat } .club-page .thumbs .glyphicon-chevron-right:before { content: "" } .club-page .thumbs .glyphicon-chevron-left { background: url(../img/club/left-arr.png) no-repeat } .club-page .thumbs .glyphicon-chevron-left:before { content: "" } @media (max-width: 1300px) { .club-page .thumbs .carousel-control { display: none } } .club-page .information { width: 100%; position: relative; display: table; margin: 20px auto } .club-page .information h3, .club-page .information p.lb-bld { font-size: 16px; font-size: calculateRem(16px); text-transform: uppercase; font-weight: 700 } @media (max-width: 991px) { .club-page .information { padding-top: 20px; margin: 0 } .club-page .information .col-md-6:first-child { padding-bottom: 20px } } .club-page .information .see-more-btn { text-align: center; margin-top: 35px; padding: 20px 0 } .club-page .information .see-more-btn a { text-decoration: none; font-size: 17px; font-size: calculateRem(17px); color: #000; padding: 5px 30px; border: 2px solid #808285; text-transform: uppercase; font-weight: 700 } @media (max-width: 480px) { .club-page .information .see-more-btn a { padding: 5px; font-size: 14px; font-size: calculateRem(14px) } } .club-page .information .see-more-btn a:hover { text-decoration: none; background: #808285; color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out } .dance-services-page .benefits .cover img, .dynamicstretching-services-page .benefits .cover img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out } .club-page .information .text p { margin: 20px 0 0; text-align: justify; border-left: #d21f28 5px solid; padding: 0 0 0 25px } @media (max-width: 767px) { .club-page .information .text p { max-width: 100%; border-left: 0; padding: 0; margin: 0 } .club-page .information .col-md-6 { padding-left: 0; padding-right: 0 } } .club-page .information .col-md-6 { margin-top: 40px } .club-page .visit_benefit p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; font-weight: 400; text-align: center } .club-page .quan { display: none } @media (min-width: 768px) { .club-page .carousel.slide.desktop { display: block } } .club-page .carousel.slide.mobile { display: none } .club-page .service-slide { margin: 30px 0 80px } .club-page .service-slide h2 { text-align: center } .club-page .service-slide #service-slide { margin: 30px auto 0 } .club-page .service-slide .fa { top: 40%; color: #7c7c7c; position: absolute; font-size: 50px } .club-page .service-slide .fa-angle-right { right: -15px } .club-page .service-slide .fa-angle-left { left: -15px } @media (max-width: 767px) { .club-page .carousel.slide.desktop { display: none } .club-page .carousel.slide.mobile { display: block } .club-page .service-slide .fa { bottom: 20px; position: absolute; color: #fff; font-size: 40px } .club-page .service-slide .fa-angle-right { right: 10px } .club-page .service-slide .fa-angle-left { left: 10px } .club-page .service-slide .col-sm-12, .club-page .service-slide .col-xs-12 { padding: 0 } .club-page .service-slide .carousel-control { width: 20% } } .club-page .service-slide h4.description { text-align: center; margin: 30px 0; line-height: 1.4em } .club-page .service-slide h4.description span { font-weight: 700; color: #e54272 } .club-page .service-slide .carousel-control { opacity: 1 } .club-page .service-slide .carousel-control.left:hover img, .club-page .service-slide .carousel-control.right:hover img { opacity: .3 } .club-page .service-slide .carousel-control .glyphicon-chevron-left, .club-page .service-slide .carousel-control .glyphicon-chevron-right { width: auto; height: auto } .club-page .section3 .carousel-control.left, .club-page .section3 .carousel-control.right, .club-page .service-slide .carousel-control.left, .club-page .service-slide .carousel-control.right { background: 0 0 } .club-page .service-slide .slide-inner { position: relative } .club-page .service-slide img { width: 100%; border: 1px solid #13426e } .club-page .service-slide .carousel-control img { border: none } .club-page .service-slide .slide-inner h4 { position: absolute; bottom: 0; display: block; width: 100%; padding: 10px 3px; text-align: center; font-weight: 700; margin-bottom: 0; text-transform: uppercase; color: #fff; background: rgba(219, 33, 40, .8) } @media (min-width: 768px) { .bien-hoa-club-page .banner-top { position: relative; background: url(../img/club/banner-bien-hoa.jpg) center top no-repeat #fff; background-size: cover } } @media (max-width: 767px) { .bien-hoa-club-page .banner-top { position: relative; background: url(../img/club/m-banner-bien-hoa.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (min-width: 768px) { .binh-duong-club-page .banner-top { position: relative; background: url(../img/club/banner-binh-duong.jpg) center top no-repeat #fff; background-size: cover } } @media (max-width: 767px) { .binh-duong-club-page .banner-top { position: relative; background: url(../img/club/m-banner-binh-duong.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (min-width: 768px) { .ha-noi-club-page .banner-top { position: relative; background: url(../img/club/banner-ha-noi.jpg) center top no-repeat #fff; background-size: cover } } @media (max-width: 767px) { .ha-noi-club-page .banner-top { position: relative; background: url(../img/club/m-banner-ha-noi.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (min-width: 768px) { .da-nang-club-page .banner-top { position: relative; background: url(../img/club/banner-da-nang.jpg) center top no-repeat #fff; background-size: cover } } @media (max-width: 767px) { .da-nang-club-page .banner-top { position: relative; background: url(../img/club/m-banner-da-nang.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (min-width: 768px) { .nha-trang-club-page .banner-top { position: relative; background: url(../img/club/banner-nha-trang.jpg) center top no-repeat #fff; background-size: cover } } .contact-us-page fieldset { border: 2px solid #db2128 } .contact-us-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; padding-left: 20px; padding-right: 20px; max-width: 100%; width: inherit; margin: 0 auto } @media (max-width: 767px) { .nha-trang-club-page .banner-top { position: relative; background: url(../img/club/m-banner-nha-trang.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .contact-us-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .contact-us-page fieldset legend { font-size: 16px } } @media (min-width: 768px) { .contact-us-page .banner-top { position: relative; background: url(../img/contact-us/contact-banner.jpg) center top no-repeat; background-size: 100% } } .contact-us-page .banner-top .cta { max-width: 40vw; margin: 18vw 0 13vw 3%; padding: 20px; position: relative } @media (max-width: 767px) { .contact-us-page .banner-top { position: relative; background: url(../img/contact-us/contact-banner.jpg) no-repeat; background-size: cover; min-height: 500px } .contact-us-page .banner-top .cta { max-width: 50vw } .contact-us-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .contact-us-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } .contact-us-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .contact-us-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .contact-us-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .contact-us-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .contact-us-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .contact-us-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .contact-us-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .contact-us-page .banner-top .cta fieldset span { color: #fff; text-transform: uppercase; text-align: center; display: block; margin: 0 auto } @media (max-width: 767px) { .contact-us-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .contact-us-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .contact-us-page .banner-top .cta fieldset .red-btn a { color: #fff; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; bottom: 0; display: block; width: 40%; text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600 } @media (max-width: 767px) { .contact-us-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } } .contact-us-page .contact { text-align: center } .contact-us-page .contact #form { width: 310px; margin: 0 auto } .contact-us-page .contact h1 { font-size: 28px; border: 1px solid; color: #db2128; font-weight: 400; padding: 20px; margin-top: 60px; margin-bottom: 20px } .contact-us-page .contact p { text-transform: uppercase } .contact-us-page .contact div a { color: #000; margin-top: 20px; text-decoration: none } .contact-us-page .contact div a img { margin-bottom: 20px } .contact-us-page .contact div a span { display: block; font-size: 13px; margin-bottom: 40px } @media (max-width: 480px) { .contact-us-page .contact, .contact-us-page .contact .col-lg-offset-2.col-md-offset-2.col-md-8.col-lg-8.col-sm-12.col-xs-12 { padding-left: 0; padding-right: 0 } .contact-us-page .contact { margin-left: auto; margin-right: auto } } .cta-form .mobile { display: none } @media (max-width: 767px) { .cta-form .mobile { display: block } } .cta-form .desktop { display: none } @media (min-width: 768px) { .cta-form .desktop { display: block } } .cta-form .contactform { background-size: cover; color: #fff; text-transform: uppercase; padding: 0 } .cta-form .contactform .bg-contactform { background: rgba(0, 0, 0, .5) } @media (max-width: 767px) { .cta-form .contactform .bg-contactform { padding-bottom: 20px } } .cta-form .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px; text-align: center } .cta-form .contactform fieldset legend { line-height: 1.4em; width: auto; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; margin: 0 auto } @media (max-width: 767px) { .cta-form .contactform fieldset legend { margin: 0 20px } } .cta-form .contactform fieldset h2 { border: none; color: #fff; margin-top: 10px; padding: 0; font-size: 22px; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .cta-form .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps } @media (max-width: 400px) { .cta-form .contactform fieldset { margin-top: 10px } .cta-form .contactform fieldset legend { padding: 10px 15px } .cta-form .contactform fieldset h2 { font-size: 18px } .cta-form .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } } .cta-form .contactform h3 { line-height: 1.5em; font-size: 17px; text-align: center } .cta-form .contactform .visit_benefit { text-align: left; margin-top: 20px } .cta-form .contactform .visit_benefit p { font-size: 16px } .cta-form .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .cta-form .contactform .visit_benefit ul li { color: #fff; list-style: none; position: relative; margin: 15px 0; font-weight: 700; font-weight: 400 } .cta-form .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px; color: #ff000a } .cta-form .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } .cta-form .contactform #signUp_form { width: 240px; float: right } .cta-form.club p { text-align: center; padding: 20px 0 } @media (max-width: 767px) { .cta-form .contactform .visit_benefit ul li { display: none } .cta-form .contactform #signUp_form { float: none; margin: 0 auto; clear: both } .cta-form.club p { font-size: 13px } } .cta-form.club h3 { border: none; color: #fff; margin-top: 10px; padding: 0; font-size: 22px; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .cta-form.club .contactform { margin-top: 0; min-height: auto } @media (min-width: 768px) { .cta-form.club .contactform .bg-clubs { background: url(../img/call-to-action/cac-bai-tap-gym.jpg) center top no-repeat rgba(0, 0, 0, .5); overflow: hidden; padding: 0 } } @media (max-width: 767px) { .cta-form.club .contactform .bg-clubs { background: url(../img/call-to-action/m-bg.jpg) center top no-repeat rgba(0, 0, 0, .5); background-size: cover } .cta-form.club .contactform .bg-clubs .fill { background-size: cover; overflow: visible } } .cta-form.club .contactform .bg-clubs .fill { background: rgba(0, 0, 0, .7); overflow: hidden } @media (min-width: 768px) { .cta-form.club .contactform { background: url(../img/call-to-action/huong-dan-gym.jpg) center top no-repeat #fff; background-size: cover; overflow: hidden } } .cta-form.club .contactform #signUp_form { width: 246px; max-width: 100%; margin: 0 auto; float: right } @media (max-width: 767px) { .cta-form.club .contactform { background: url(../img/call-to-action/huong-dan-gym.jpg) center top no-repeat #fff; background-size: cover } .cta-form.club .contactform #signUp_form { float: none; margin: 0 auto; clear: both; height: 448px } } .cta-form.club .contactform p.cta-text { font-size: 14px; padding: 7px 5px; background: #000; color: #fff; font-weight: 400; text-align: center; text-shadow: none } .cta-form.club .container-page.bg { background: rgba(0, 0, 0, .5) } .dance-services-page fieldset { border: 2px solid #db2128 } .dance-services-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 767px) { .dance-services-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .dance-services-page fieldset legend { font-size: 16px } } .dance-services-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-align: center; text-shadow: none } .dance-services-page .top-content .carousel-caption strong { font-weight: 300 } .dance-services-page .top-content .carousel-caption span { color: #fff; font-size: 18px; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128; line-height: normal; padding-top: 15px } @media (min-width: 768px) and (max-width: 991px) { .dance-services-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .dance-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } @media (max-width: 480px) { .dance-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } .dance-services-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px } @media (max-width: 480px) { .dance-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } } @media (min-width: 768px) and (max-width: 991px) { .dance-services-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .dance-services-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .dance-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } .dance-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .dance-services-page .calidance p.sub-heading { text-align: center } .dance-services-page .calidance p { text-align: justify } .dance-services-page .calidance .embed-responsive-4by3 { padding-bottom: 50% } @media (max-width: 480px) { .dance-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } .dance-services-page .calidance { padding: 0 } } .dance-services-page .discover .dropdown .btn-primary { width: 100%; font-size: 18px; background: #db2128; border-color: #db2128; border-radius: 0; text-transform: uppercase } .dance-services-page .discover .dropdown ul { width: 100%; border-radius: 0; box-shadow: none; top: 35px; padding: 0; border: none } .dance-services-page .discover .dropdown ul li { text-transform: uppercase; border-bottom: #BB2127 1px solid } .dance-services-page .discover .dropdown ul li a { width: 100%; padding-top: 8px; padding-bottom: 8px; color: #FFF; background-color: #db2128 } .dance-services-page .discover .nav-tabs { text-align: center; background: #db2128; border: none } .dance-services-page .discover .nav-tabs li { float: none; display: inline-block; margin: 0; padding: 0 } .dance-services-page .discover .nav-tabs li a { color: #fff; background-color: transparent; border-radius: 0; border-left: 0; border-bottom: 1px solid transparent; border-right: 0; border-top: 0; padding: 0; display: block; margin: 20px 10px } @media (max-width: 767px) { .dance-services-page .discover .nav-tabs li a { margin: 10px } } @media (max-width: 480px) { .dance-services-page .discover .nav-tabs li a { margin: 10px } } .dance-services-page .discover .nav-tabs .active a, .dance-services-page .discover .nav-tabs:hover a { border-color: #fff } .dance-services-page .discover .tab-content { color: #fff; text-align: center; padding-top: 90px; padding-bottom: 90px; background: url(../img/dance-services/discover.jpg) no-repeat; background-size: cover } .dance-services-page .discover .tab-content .container-page { background: rgba(219, 33, 40, .6) } .dance-services-page .discover .tab-content .container-page h3 { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; background: rgba(255, 255, 255, .8); display: inline-block; color: #db2128; padding: 50px 120px; margin-bottom: 90px } @media (min-width: 768px) and (max-width: 991px) { .dance-services-page .discover .tab-content .container-page h3 { padding: 20px 50px; margin-bottom: 30px } .dance-services-page .discover .tab-content .container-page { top: 0 } } .dance-services-page .discover .tab-content .container-page p { text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 100 } .dance-services-page .discover .tab-content .container-page p:first-child { font-weight: 300; letter-spacing: 1px } @media (max-width: 480px) { .dance-services-page .discover .tab-content .container-page h3 { padding: 10px 15px; margin-bottom: 10px } .dance-services-page .discover .tab-content .container-page p { font-size: 14px } } @media (min-width: 992px) and (max-width: 1199px) { .dance-services-page .discover .tab-content .container-page { top: 0 } } @media (max-width: 767px) { .dance-services-page .discover .tab-content .container-page h3 { padding: 10px 15px; margin-bottom: 10px } .dance-services-page .discover .tab-content .container-page p { font-size: 14px } .dance-services-page .discover .tab-content .container-page { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .dance-services-page .benefits { width: 100% } } .dance-services-page .benefits { margin: 0 auto; text-align: center } @media (max-width: 480px) { .dance-services-page .discover .tab-content .container-page { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .dance-services-page .benefits { width: 100% } .dance-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .dance-services-page .benefits .cover { position: relative; padding: 0; overflow: hidden; border-right: 2px solid #fff } .dance-services-page .benefits .cover:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } @media (max-width: 767px) { .dance-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .dance-services-page .benefits .cover .content-over { position: absolute; background: rgba(219, 33, 40, .6); bottom: 0; display: inline-block; color: #fff; width: 100%; padding: 5px 10px; font-size: 13px; height: 120px } .dance-services-page .benefits .cover .content-over h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 0 } .dance-services-page .benefits .cover .content-over p { margin-bottom: 2px; margin-top: 2px } .dance-services-page .benefits .cover img { transition: all .2s ease-in-out } .dance-services-page .stories ul { margin: 0 } .dance-services-page .stories ul li { margin-bottom: 40px; list-style: none; display: block } .dance-services-page .stories ul li p { margin-left: 30px } .dance-services-page .stories ul li p:first-child { margin-top: 40px } @media (min-width: 768px) and (max-width: 991px) { .dance-services-page .benefits { width: 100% } .dance-services-page .stories ul li p { margin-left: 0 } .dance-services-page .stories ul li p:first-child { margin-top: 20px } } .dance-services-page .stories ul li .seemore { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 700; border: 1px solid; padding: 5px 40px } @media (max-width: 480px) { .dance-services-page .stories ul { padding-left: 0 } .dance-services-page .stories { margin-left: 0 } } .dance-services-page .contactform { margin-top: 30px; background: url(../img/dance-services/form-dance.jpg) center top no-repeat; min-height: 770px; background-size: cover; color: #fff; padding: 0; text-transform: uppercase } @media (max-width: 767px) { .dance-services-page .stories ul { padding-left: 0 } .dance-services-page .stories { margin-left: 0 } .dance-services-page .contactform { background: url(../img/dance-services/m-form-dance.jpg) center top no-repeat #000 } .dance-services-page .contactform .bg-contactform { padding-bottom: 20px } } .dance-services-page .contactform .bg-contactform { background: rgba(0, 0, 0, .5); min-height: 770px } .dance-services-page .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px; text-align: center } .dance-services-page .contactform fieldset legend { line-height: 1.4em; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; margin: 0 auto; max-width: 100% } .dance-services-page .contactform fieldset h2 { border: none; color: #fff; margin-top: 10px; padding: 0; font-size: 22px; text-shadow: 2px 2px 7px #000; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .dance-services-page .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps; text-shadow: 2px 2px 7px #000 } @media (max-width: 400px) { .dance-services-page .contactform fieldset { margin-top: 10px } .dance-services-page .contactform fieldset legend { padding: 10px 15px } .dance-services-page .contactform fieldset h2 { font-size: 18px } .dance-services-page .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } } .dance-services-page .contactform h3 { line-height: 1.5em; font-size: 17px; text-align: center; text-shadow: 2px 2px 7px #000 } .dance-services-page .contactform .visit_benefit { text-align: left; margin-top: 20px } .dance-services-page .contactform .visit_benefit p { font-size: 16px; text-shadow: 2px 2px 7px #000 } .dance-services-page .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .dance-services-page .contactform .visit_benefit ul li { color: #ff000a; list-style: none; position: relative; margin: 15px 0; font-weight: 700; text-shadow: 2px 2px 7px #000 } .dance-services-page .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px } .dance-services-page .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } @media (max-width: 767px) { .dance-services-page .contactform .visit_benefit ul li { width: 45%; margin-right: 10%; float: left } .dance-services-page .contactform .visit_benefit ul li:nth-child(even) { margin-right: 0 } .dance-services-page .contactform .visit_benefit ul li:last-child { margin-bottom: 30px; margin-right: 0 } .dance-services-page .contactform .visit_benefit ul li span { display: none } } .dance-services-page .contactform #signUp_form { width: 240px; float: right } @media (max-width: 767px) { .dance-services-page .contactform #signUp_form { float: none; margin: 0 auto; clear: both } } .dance-services-page .contactform #signUp_form p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; font-weight: 400; text-align: center } .dance-services-page .trainers p { text-align: justify } .dance-services-page .trainers center { font-weight: 700; margin-bottom: 20px } .dance-services-page .trainers .area { border: none; text-align: center; display: none } .dance-services-page .trainers .area li { float: none; display: inline-block } .dance-services-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .dance-services-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .dance-services-page .trainers .area .active a, .dance-services-page .trainers .area .active a:focus, .dance-services-page .trainers .area .active a:hover { border: none; color: #db2128 } .dance-services-page .trainers .teacher-detail { margin-top: 60px } .dance-services-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700 } .dance-services-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .dance-services-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000 } .dance-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block } .dance-services-page .trainers .teacher-detail ul.nav-tabs li a span { display: block } @media (max-width: 480px) { .dance-services-page .trainers .area li a { padding: 5px 10px } .dance-services-page .trainers .teacher-detail { margin-top: 10px } .dance-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .dance-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } } @media (max-width: 767px) { .dance-services-page .trainers .area li a { padding: 5px 10px } .dance-services-page .trainers .teacher-detail { margin-top: 10px } .dance-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .dance-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .dance-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .dance-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .dance-services-page .trainers .teacher-detail ul.nav-tabs li:focus, .dance-services-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } .dance-services-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 0 } .dance-services-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0 } .dance-services-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .dance-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .dance-services-page .trainers, .dance-services-page .trainers .teacher-detail .tab-content, .dance-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } } @media (max-width: 480px) { .dance-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .dance-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .dance-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .dance-services-page .trainers, .dance-services-page .trainers .teacher-detail .tab-content, .dance-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } .dance-services-page h2 .line { display: none } } .dance-services-page .school { margin-top: 20px } .dance-services-page .school .carousel-caption { background: rgba(219, 33, 40, .6); width: 100%; left: 0; right: 0; top: 0; bottom: auto; text-transform: uppercase; padding-top: 23px; font-size: 16px; letter-spacing: 1px } .dance-services-page h2 { text-transform: uppercase; text-align: center; color: #db2128; max-width: 450px; margin: 60px auto 30px; position: relative; line-height: normal } .dance-services-page h2 .line:first-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; left: -200px; top: 25px } @media (max-width: 767px) { .dance-services-page h2 .line:first-child { display: none } } @media (max-width: 480px) { .dance-services-page h2 .line:first-child { display: none } } .dance-services-page h2 .line:last-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; right: -200px; top: 25px } @media (max-width: 767px) { .dance-services-page h2 .line:last-child { display: none } .dance-services-page h2 { width: 100%; overflow: hidden; font-size: 6vw } } @media (max-width: 480px) { .dance-services-page h2 .line:last-child { display: none } .dance-services-page h2 { width: 100%; overflow: hidden; margin: 40px auto; font-size: 6vw } } @media (max-width: 320px) { .dance-services-page h2 { font-size: 20px } } @media (min-width: 768px) { .dance-services-page .banner-top { position: relative; background: url(../img/dance-services/top-banner.jpg) center top no-repeat #fff; background-size: 100% } } .dance-services-page .banner-top .cta { max-width: 40vw; margin: 15vw 0 258px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .dance-services-page .banner-top { position: relative; background: url(../img/dance-services/top-mobile.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .dance-services-page .banner-top .cta { max-width: 50vw } .dance-services-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .dance-services-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .dance-services-page .banner-top .cta { max-width: 700px } } .dance-services-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .dance-services-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .dance-services-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .dance-services-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .dance-services-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .dance-services-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .dance-services-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .dance-services-page .banner-top .cta fieldset span { color: #fff; text-transform: uppercase; text-align: center; display: block; margin: 0 auto } @media (max-width: 767px) { .dance-services-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .dance-services-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .dance-services-page .banner-top .cta fieldset .red-btn a { color: #fff; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; bottom: 0; display: block; width: 40%; text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .dance-services-page .banner-top .cta h1 { font-size: 2.1vw } .dance-services-page .carousel.slide.desktop { display: block } } @media (min-width: 1920px) { .dance-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .dance-services-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .dance-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 550px) { .dance-services-page .banner-top .cta h1 { font-size: 6.4vw } } .dance-services-page .carousel.slide.mobile { display: none } .dynamicstretching-services-page fieldset { border: 2px solid #db2128 } .dynamicstretching-services-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 767px) { .dance-services-page .carousel.slide.desktop { display: none } .dance-services-page .carousel.slide.mobile { display: block } .dynamicstretching-services-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .dynamicstretching-services-page fieldset legend { font-size: 16px } } .dynamicstretching-services-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } .dynamicstretching-services-page .top-content .carousel-caption strong { font-weight: 300 } .dynamicstretching-services-page .top-content .carousel-caption span { color: #fff; font-size: 18px; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128; line-height: normal; padding-top: 15px } @media (min-width: 768px) and (max-width: 991px) { .dynamicstretching-services-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .dynamicstretching-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } @media (max-width: 480px) { .dynamicstretching-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } .dynamicstretching-services-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px; text-shadow: none } @media (max-width: 480px) { .dynamicstretching-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } } @media (min-width: 768px) and (max-width: 991px) { .dynamicstretching-services-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .dynamicstretching-services-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .dynamicstretching-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } .dynamicstretching-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .dynamicstretching-services-page .calidance p { text-align: justify } .dynamicstretching-services-page .calidance .embed-responsive-4by3 { padding-bottom: 50% } .dynamicstretching-services-page .discover .nav-tabs { text-align: center; background: #db2128; border: none } .dynamicstretching-services-page .discover .nav-tabs li { float: none; display: inline-block; margin: 0; padding: 0 } .dynamicstretching-services-page .discover .nav-tabs li a { color: #fff; background-color: transparent; border-radius: 0; border-left: 0; border-bottom: 1px solid transparent; border-right: 0; border-top: 0; padding: 0; display: block; margin: 20px 10px } @media (max-width: 767px) { .dynamicstretching-services-page .discover .nav-tabs li a { margin: 10px } } @media (max-width: 480px) { .dynamicstretching-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } .dynamicstretching-services-page .calidance { padding: 0 } .dynamicstretching-services-page .discover .nav-tabs li a { margin: 10px } } .dynamicstretching-services-page .discover .nav-tabs .active a, .dynamicstretching-services-page .discover .nav-tabs:hover a { border-color: #fff } .dynamicstretching-services-page .discover .tab-content { color: #fff; text-align: center; padding-top: 90px; padding-bottom: 90px; background: url(../img/dance-services/discover.jpg) no-repeat; background-size: cover } .dynamicstretching-services-page .discover .tab-content h3 { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; background: rgba(219, 33, 40, .6); display: inline-block; padding: 50px 120px; margin-bottom: 90px } @media (min-width: 768px) and (max-width: 991px) { .dynamicstretching-services-page .discover .tab-content h3 { padding: 20px 50px; margin-bottom: 30px } .dynamicstretching-services-page .discover .tab-content { top: 0 } } .dynamicstretching-services-page .discover .tab-content p { text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 100 } .dynamicstretching-services-page .discover .tab-content p:first-child { font-weight: 300; letter-spacing: 1px } @media (max-width: 480px) { .dynamicstretching-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .dynamicstretching-services-page .discover .tab-content p { font-size: 14px } } @media (min-width: 992px) and (max-width: 1199px) { .dynamicstretching-services-page .discover .tab-content { top: 0 } } @media (max-width: 767px) { .dynamicstretching-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .dynamicstretching-services-page .discover .tab-content p { font-size: 14px } .dynamicstretching-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .dynamicstretching-services-page .benefits { width: 100% } } .dynamicstretching-services-page .benefits { margin: 0 auto; text-align: center } @media (max-width: 480px) { .dynamicstretching-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .dynamicstretching-services-page .benefits { width: 100% } .dynamicstretching-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .dynamicstretching-services-page .benefits .cover { position: relative; padding: 0; overflow: hidden; border-right: 2px solid #fff } .dynamicstretching-services-page .benefits .cover:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } @media (max-width: 767px) { .dynamicstretching-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .dynamicstretching-services-page .benefits .cover .content-over { position: absolute; background: rgba(219, 33, 40, .6); bottom: 0; display: inline-block; color: #fff; width: 100%; padding: 5px 10px; font-size: 13px; height: 120px } .dynamicstretching-services-page .benefits .cover .content-over h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 0 } .dynamicstretching-services-page .benefits .cover .content-over p { margin-bottom: 2px; margin-top: 2px } .dynamicstretching-services-page .benefits .cover img { transition: all .2s ease-in-out } .dynamicstretching-services-page .stories ul { margin: 0 } .dynamicstretching-services-page .stories ul li { margin-bottom: 40px; list-style: none; display: block } .dynamicstretching-services-page .stories ul li p { margin-left: 30px } .dynamicstretching-services-page .stories ul li p:first-child { margin-top: 40px } @media (min-width: 768px) and (max-width: 991px) { .dynamicstretching-services-page .benefits { width: 100% } .dynamicstretching-services-page .stories ul li p { margin-left: 0 } .dynamicstretching-services-page .stories ul li p:first-child { margin-top: 20px } } .dynamicstretching-services-page .stories ul li .seemore { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 700; border: 1px solid; padding: 5px 40px } @media (max-width: 480px) { .dynamicstretching-services-page .stories ul { padding-left: 0 } .dynamicstretching-services-page .stories { margin-left: 0 } } .dynamicstretching-services-page .contactform { margin-top: 30px; background: url(../img/dynamicstretching-services/form-dynamicstretching.jpg) center top no-repeat; min-height: 800px; background-size: cover; color: #fff; padding: 0; text-transform: uppercase } @media (max-width: 767px) { .dynamicstretching-services-page .stories ul { padding-left: 0 } .dynamicstretching-services-page .stories { margin-left: 0 } .dynamicstretching-services-page .contactform { background: url(../img/dynamicstretching-services/m-form-dynamicstretching.jpg) center top no-repeat #595959 } .dynamicstretching-services-page .contactform .bg-contactform { padding-bottom: 20px } } .dynamicstretching-services-page .contactform .bg-contactform { background: rgba(0, 0, 0, .5); min-height: 800px } .dynamicstretching-services-page .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px; text-align: center } .dynamicstretching-services-page .contactform fieldset legend { line-height: 1.4em; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; margin: 0 auto } @media (max-width: 767px) { .dynamicstretching-services-page .contactform fieldset legend { margin: 0 20px } } .dynamicstretching-services-page .contactform fieldset h2 { border: none; color: #fff; margin-top: 10px; padding: 0; font-size: 22px; text-shadow: 2px 2px 7px #000; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .dynamicstretching-services-page .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps; text-shadow: 2px 2px 7px #000 } @media (max-width: 400px) { .dynamicstretching-services-page .contactform fieldset { margin-top: 10px } .dynamicstretching-services-page .contactform fieldset legend { padding: 10px 15px } .dynamicstretching-services-page .contactform fieldset h2 { font-size: 18px } .dynamicstretching-services-page .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } } .dynamicstretching-services-page .contactform h3 { line-height: 1.5em; font-size: 17px; text-shadow: 2px 2px 7px #000; text-align: center } .dynamicstretching-services-page .contactform .visit_benefit { text-align: left; margin-top: 20px } .dynamicstretching-services-page .contactform .visit_benefit p { font-size: 16px; text-shadow: 2px 2px 7px #000 } .dynamicstretching-services-page .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .dynamicstretching-services-page .contactform .visit_benefit ul li { color: #fff; list-style: none; position: relative; margin: 15px 0; text-shadow: 2px 2px 7px #000 } .dynamicstretching-services-page .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px; color: #e00202 } .dynamicstretching-services-page .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } .dynamicstretching-services-page .contactform #signUp_form { width: 240px; float: right } @media (max-width: 767px) { .dynamicstretching-services-page .contactform .visit_benefit ul li { display: none } .dynamicstretching-services-page .contactform #signUp_form { float: none; clear: both; margin: 0 auto } } .dynamicstretching-services-page .contactform #signUp_form p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; font-weight: 400; text-align: center } .dynamicstretching-services-page .trainers p { text-align: justify } .dynamicstretching-services-page .trainers center { font-weight: 700; margin-bottom: 20px } .dynamicstretching-services-page .trainers .area { border: none; text-align: center; display: none } .dynamicstretching-services-page .trainers .area li { float: none; display: inline-block } .dynamicstretching-services-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .dynamicstretching-services-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .dynamicstretching-services-page .trainers .area .active a, .dynamicstretching-services-page .trainers .area .active a:focus, .dynamicstretching-services-page .trainers .area .active a:hover { border: none; color: #db2128 } .dynamicstretching-services-page .trainers .teacher-detail { margin-top: 60px } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700 } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000 } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a span { display: block } @media (max-width: 480px) { .dynamicstretching-services-page .trainers .area li a { padding: 5px 10px } .dynamicstretching-services-page .trainers .teacher-detail { margin-top: 10px } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } } @media (max-width: 767px) { .dynamicstretching-services-page .trainers .area li a { padding: 5px 10px } .dynamicstretching-services-page .trainers .teacher-detail { margin-top: 10px } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li:focus, .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } .dynamicstretching-services-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 0 } .dynamicstretching-services-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0 } .dynamicstretching-services-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .dynamicstretching-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .dynamicstretching-services-page .trainers, .dynamicstretching-services-page .trainers .teacher-detail .tab-content, .dynamicstretching-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } } @media (max-width: 480px) { .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .dynamicstretching-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .dynamicstretching-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .dynamicstretching-services-page .trainers, .dynamicstretching-services-page .trainers .teacher-detail .tab-content, .dynamicstretching-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } .dynamicstretching-services-page h2 .line { display: none } } .dynamicstretching-services-page .school { margin-top: 20px } .dynamicstretching-services-page .school .carousel-caption { background: rgba(219, 33, 40, .6); width: 100%; left: 0; right: 0; top: 0; bottom: auto; text-transform: uppercase; padding-top: 23px; font-size: 16px; letter-spacing: 1px } .dynamicstretching-services-page h2 { text-transform: uppercase; text-align: center; color: #db2128; max-width: 450px; margin: 60px auto 30px; position: relative; line-height: normal } .dynamicstretching-services-page h2 .line:first-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; left: -200px; top: 25px } @media (max-width: 767px) { .dynamicstretching-services-page h2 .line:first-child { display: none } } @media (max-width: 480px) { .dynamicstretching-services-page h2 .line:first-child { display: none } } .dynamicstretching-services-page h2 .line:last-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; right: -200px; top: 25px } @media (max-width: 767px) { .dynamicstretching-services-page h2 .line:last-child { display: none } .dynamicstretching-services-page h2 { width: 100%; overflow: hidden; font-size: 6vw } } @media (max-width: 480px) { .dynamicstretching-services-page h2 .line:last-child { display: none } .dynamicstretching-services-page h2 { width: 100%; overflow: hidden; margin: 40px auto; font-size: 6vw } } @media (max-width: 320px) { .dynamicstretching-services-page h2 { font-size: 20px } } @media (min-width: 768px) { .dynamicstretching-services-page .banner-top { position: relative; background: url(../img/dynamicstretching-services/top-banner.jpg) center top no-repeat #fff; background-size: 100% } } .dynamicstretching-services-page .banner-top .cta { max-width: 40vw; margin: 10vw 0 308px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .dynamicstretching-services-page .banner-top { position: relative; background: url(../img/dynamicstretching-services/top-mobile.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .dynamicstretching-services-page .banner-top .cta { max-width: 50vw } .dynamicstretching-services-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .dynamicstretching-services-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .dynamicstretching-services-page .banner-top .cta { max-width: 700px } } .dynamicstretching-services-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .dynamicstretching-services-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .dynamicstretching-services-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .dynamicstretching-services-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .dynamicstretching-services-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .dynamicstretching-services-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .dynamicstretching-services-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .dynamicstretching-services-page .banner-top .cta fieldset span { color: #000; text-transform: uppercase; text-align: center; display: block; margin: 0 auto } @media (max-width: 767px) { .dynamicstretching-services-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em; color: #fff } } .dynamicstretching-services-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .dynamicstretching-services-page .banner-top .cta fieldset .red-btn a { color: #fff; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; bottom: 0; display: block; width: 40%; text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .dynamicstretching-services-page .banner-top .cta h1 { font-size: 2.1vw } .dynamicstretching-services-page .carousel.slide.desktop { display: block; margin-bottom: 50px } } @media (min-width: 1920px) { .dynamicstretching-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .dynamicstretching-services-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .dynamicstretching-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 550px) { .dynamicstretching-services-page .banner-top .cta h1 { font-size: 6.4vw } } .dynamicstretching-services-page .carousel.slide.mobile { display: none } .container-fluid.page.find-a-club-page h4 { line-height: 1.3em } @media (min-width: 768px) { .container-fluid.page.find-a-club-page .banner-top { background: url(../img/find-a-club-in-your-city/find-a-club-banner.jpg) center top no-repeat #000; background-size: 100%; min-height: 500px } } .container-fluid.page.find-a-club-page .list-city { margin: 20px auto; clear: both } .container-fluid.page.find-a-club-page .list-city .city a { color: #000; margin-bottom: 30px } .container-fluid.page.find-a-club-page .list-city .city a:hover { color: #db2128; cursor: hand } .container-fluid.page.find-a-club-page .list-city .city a img { border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; padding: 7px; border: 1px outset #db2128 } .container-fluid.page.find-a-club-page .list-city h4 { text-transform: uppercase; text-align: center; font-size: 1.5em; margin-top: 20px; font-weight: 700 } .container-fluid.page.find-a-club-page .list-city span { font-size: .6em } .group-fitness-services-page fieldset { border: 2px solid #db2128 } .group-fitness-services-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 767px) { .dynamicstretching-services-page .carousel.slide.desktop { display: none } .dynamicstretching-services-page .carousel.slide.mobile { display: block } .container-fluid.page.find-a-club-page .banner-top { background: url(../img/find-a-club-in-your-city/m-find-a-club-banner.jpg) center top no-repeat #000; background-size: cover; min-height: 300px } .group-fitness-services-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .group-fitness-services-page fieldset legend { font-size: 16px } } .group-fitness-services-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } .group-fitness-services-page .top-content .carousel-caption strong { font-weight: 300 } .group-fitness-services-page .top-content .carousel-caption span { color: #fff; font-size: 1em; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128; line-height: normal; padding-top: 15px } @media (min-width: 768px) and (max-width: 991px) { .group-fitness-services-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .group-fitness-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } @media (max-width: 480px) { .group-fitness-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } .group-fitness-services-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px } @media (max-width: 480px) { .group-fitness-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } } @media (min-width: 768px) and (max-width: 991px) { .group-fitness-services-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .group-fitness-services-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .group-fitness-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } .group-fitness-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .group-fitness-services-page .calidance .embed-responsive-4by3 { padding-bottom: 50% } @media (max-width: 480px) { .group-fitness-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } .group-fitness-services-page .calidance { padding: 0 } } .group-fitness-services-page .discover .dropdown .btn-primary { width: 100%; font-size: 18px; background: #db2128; border-color: #db2128; border-radius: 0; text-transform: uppercase } .group-fitness-services-page .discover .dropdown ul { width: 100%; border-radius: 0; box-shadow: none; top: 35px; padding: 0; border: none; text-transform: uppercase } .group-fitness-services-page .discover .dropdown ul li { border-bottom: #BB2127 1px solid } .group-fitness-services-page .discover .dropdown ul li a { width: 100%; padding-top: 8px; padding-bottom: 8px; color: #FFF; background-color: #db2128 } .group-fitness-services-page .discover .nav-tabs { text-align: center; background: #db2128; border: none } .group-fitness-services-page .discover .nav-tabs li { float: none; display: inline-block; margin: 0; padding: 0 } .group-fitness-services-page .discover .nav-tabs li a { color: #fff; background-color: transparent; border-radius: 0; border-left: 0; border-bottom: 1px solid transparent; border-right: 0; border-top: 0; padding: 0; display: block; margin: 20px 10px } @media (max-width: 480px) { .group-fitness-services-page .discover .nav-tabs li a { margin: 10px } } .group-fitness-services-page .discover .nav-tabs .active a, .group-fitness-services-page .discover .nav-tabs:hover a { border-color: #fff } .group-fitness-services-page .discover .tab-content { color: #fff; text-align: center; padding-top: 90px; padding-bottom: 90px; background: url(../img/group-fitness-services/discover.jpg) no-repeat; background-size: 100% } @media (max-width: 767px) { .group-fitness-services-page .discover .nav-tabs li a { margin: 10px } .group-fitness-services-page .discover .tab-content { background-size: cover } } .group-fitness-services-page .discover .tab-content .container-page { background: rgba(219, 33, 40, .5) } .group-fitness-services-page .discover .tab-content .container-page h3 { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; background: rgba(255, 255, 255, .8); display: inline-block; padding: 50px 120px; margin-bottom: 90px; color: #db2128; font-weight: 700 } @media (min-width: 768px) and (max-width: 991px) { .group-fitness-services-page .discover .tab-content .container-page h3 { padding: 20px 50px; margin-bottom: 30px } .group-fitness-services-page .discover .tab-content .container-page { top: 0 } } .group-fitness-services-page .discover .tab-content .container-page p { text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 100 } .group-fitness-services-page .discover .tab-content .container-page p:first-child { font-weight: 700; letter-spacing: 1px } @media (max-width: 480px) { .group-fitness-services-page .discover .tab-content .container-page h3 { padding: 10px 15px; margin-bottom: 10px } .group-fitness-services-page .discover .tab-content .container-page p { font-size: 14px } } @media (min-width: 992px) and (max-width: 1199px) { .group-fitness-services-page .discover .tab-content .container-page { top: 0 } } @media (max-width: 767px) { .group-fitness-services-page .discover .tab-content .container-page h3 { padding: 10px 15px; margin-bottom: 10px } .group-fitness-services-page .discover .tab-content .container-page p { font-size: 14px } .group-fitness-services-page .discover .tab-content .container-page { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .group-fitness-services-page .benefits { width: 100% } } .group-fitness-services-page .benefits { margin: 0 auto; text-align: center } @media (max-width: 480px) { .group-fitness-services-page .discover .tab-content .container-page { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .group-fitness-services-page .benefits { width: 100% } .group-fitness-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .group-fitness-services-page .benefits .cover { position: relative; padding: 0; overflow: hidden; border-right: 2px solid #fff } .group-fitness-services-page .benefits .cover:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } @media (max-width: 767px) { .group-fitness-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .group-fitness-services-page .benefits .cover .content-over { position: absolute; background: rgba(219, 33, 40, .6); bottom: 0; display: inline-block; color: #fff; width: 100%; padding: 5px 10px; font-size: 13px; height: 120px } .group-fitness-services-page .benefits .cover .content-over h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 0 } .group-fitness-services-page .benefits .cover .content-over p { margin-bottom: 2px; margin-top: 2px } .group-fitness-services-page .benefits .cover img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .group-fitness-services-page .stories ul { margin: 0 } .group-fitness-services-page .stories ul li { margin-bottom: 40px; list-style: none; display: block } .group-fitness-services-page .stories ul li p { margin-left: 30px } .group-fitness-services-page .stories ul li p:first-child { margin-top: 40px } @media (min-width: 768px) and (max-width: 991px) { .group-fitness-services-page .benefits { width: 100% } .group-fitness-services-page .stories ul li p { margin-left: 0 } .group-fitness-services-page .stories ul li p:first-child { margin-top: 20px } } .group-fitness-services-page .stories ul li .seemore { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 700; border: 1px solid; padding: 5px 40px } @media (max-width: 480px) { .group-fitness-services-page .stories ul { padding-left: 0 } .group-fitness-services-page .stories { margin-left: 0 } } .group-fitness-services-page .contactform { margin-top: 30px; background: url(../img/group-fitness-services/form-groupx.jpg) center top no-repeat; min-height: 800px; background-size: cover; color: #fff; padding: 0; text-transform: uppercase } @media (max-width: 767px) { .group-fitness-services-page .stories ul { padding-left: 0 } .group-fitness-services-page .stories { margin-left: 0 } .group-fitness-services-page .contactform { background: url(../img/group-fitness-services/m-form-groupx.jpg) center top no-repeat #000 } .group-fitness-services-page .contactform .bg-contactform { padding-bottom: 20px } } .group-fitness-services-page .contactform .bg-contactform { background: rgba(0, 0, 0, .5); min-height: 800px } .group-fitness-services-page .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px; text-align: center } .group-fitness-services-page .contactform fieldset legend { line-height: 1.4em; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; margin: 0 auto } @media (max-width: 767px) { .group-fitness-services-page .contactform fieldset legend { margin: 0 20px } } .group-fitness-services-page .contactform fieldset h2 { border: none; color: #fff; margin-top: 10px; padding: 0; font-size: 22px; text-shadow: 2px 2px 7px #000; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .group-fitness-services-page .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps; text-shadow: 2px 2px 7px #000 } @media (max-width: 400px) { .group-fitness-services-page .contactform fieldset { margin-top: 10px } .group-fitness-services-page .contactform fieldset legend { padding: 10px 15px } .group-fitness-services-page .contactform fieldset h2 { font-size: 18px } .group-fitness-services-page .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } } .group-fitness-services-page .contactform h3 { line-height: 1.5em; font-size: 17px; text-shadow: 2px 2px 7px #000; text-align: center } .group-fitness-services-page .contactform .visit_benefit { text-align: left; margin-top: 20px } .group-fitness-services-page .contactform .visit_benefit p { font-size: 16px; text-shadow: 2px 2px 7px #000 } .group-fitness-services-page .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .group-fitness-services-page .contactform .visit_benefit ul li { color: #ff000a; list-style: none; position: relative; margin: 15px 0; font-weight: 700; text-shadow: 2px 2px 7px #000 } .group-fitness-services-page .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px } .group-fitness-services-page .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } @media (max-width: 767px) { .group-fitness-services-page .contactform .visit_benefit ul li { width: 45%; margin-right: 10%; float: left } .group-fitness-services-page .contactform .visit_benefit ul li:nth-child(even) { margin-right: 0 } .group-fitness-services-page .contactform .visit_benefit ul li:last-child { margin-bottom: 30px; margin-right: 0 } .group-fitness-services-page .contactform .visit_benefit ul li span { display: none } } .group-fitness-services-page .contactform #signUp_form { width: 240px; float: right } @media (max-width: 767px) { .group-fitness-services-page .contactform #signUp_form { float: none; margin: 0 auto; clear: both } } .group-fitness-services-page .contactform #signUp_form p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; font-weight: 400; text-align: center } .group-fitness-services-page .trainers center { font-weight: 700; margin-bottom: 20px } .group-fitness-services-page .trainers .area { border: none; text-align: center; display: none } .group-fitness-services-page .trainers .area li { float: none; display: inline-block } .group-fitness-services-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .group-fitness-services-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .group-fitness-services-page .trainers .area .active a, .group-fitness-services-page .trainers .area .active a:focus, .group-fitness-services-page .trainers .area .active a:hover { border: none; color: #db2128 } .group-fitness-services-page .trainers .teacher-detail { margin-top: 60px } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700 } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000 } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a span { display: block } @media (max-width: 480px) { .group-fitness-services-page .trainers .area li a { padding: 5px 10px } .group-fitness-services-page .trainers .teacher-detail { margin-top: 10px } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } } @media (max-width: 767px) { .group-fitness-services-page .trainers .area li a { padding: 5px 10px } .group-fitness-services-page .trainers .teacher-detail { margin-top: 10px } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li:focus, .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } .group-fitness-services-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 0 } .group-fitness-services-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0 } .group-fitness-services-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .group-fitness-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .group-fitness-services-page .trainers, .group-fitness-services-page .trainers .teacher-detail .tab-content, .group-fitness-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } } @media (max-width: 480px) { .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .group-fitness-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .group-fitness-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .group-fitness-services-page .trainers, .group-fitness-services-page .trainers .teacher-detail .tab-content, .group-fitness-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } .group-fitness-services-page h2 .line { display: none } } .group-fitness-services-page .school { margin-top: 20px } .group-fitness-services-page .school .carousel-caption { background: rgba(219, 33, 40, .6); width: 100%; left: 0; right: 0; top: 0; bottom: auto; text-transform: uppercase; padding-top: 23px; font-size: 16px; letter-spacing: 1px } .group-fitness-services-page h2 { text-transform: uppercase; text-align: center; color: #db2128; max-width: 450px; margin: 60px auto 30px; position: relative; line-height: normal } .group-fitness-services-page h2 .line:first-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; left: -200px; top: 25px } @media (max-width: 767px) { .group-fitness-services-page h2 .line:first-child { display: none } } @media (max-width: 480px) { .group-fitness-services-page h2 .line:first-child { display: none } } .group-fitness-services-page h2 .line:last-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; right: -200px; top: 25px } @media (max-width: 767px) { .group-fitness-services-page h2 .line:last-child { display: none } .group-fitness-services-page h2 { width: 100%; overflow: hidden; font-size: 6vw } } @media (max-width: 480px) { .group-fitness-services-page h2 .line:last-child { display: none } .group-fitness-services-page h2 { width: 100%; overflow: hidden; margin: 40px auto; font-size: 6vw } } @media (max-width: 320px) { .group-fitness-services-page h2 { font-size: 20px } } @media (min-width: 768px) { .group-fitness-services-page .banner-top { position: relative; background: url(../img/group-fitness-services/top-banner.jpg) center top no-repeat #fff; background-size: 100% } } .group-fitness-services-page .banner-top .cta { max-width: 40vw; margin: 15vw 0 248px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .group-fitness-services-page .banner-top { position: relative; background: url(../img/group-fitness-services/banner-mobile.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .group-fitness-services-page .banner-top .cta { max-width: 50vw } .group-fitness-services-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .group-fitness-services-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .group-fitness-services-page .banner-top .cta { max-width: 700px } } .group-fitness-services-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .group-fitness-services-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .group-fitness-services-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .group-fitness-services-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .group-fitness-services-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .group-fitness-services-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .group-fitness-services-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .group-fitness-services-page .banner-top .cta fieldset .red-btn a, .group-fitness-services-page .banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .group-fitness-services-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .group-fitness-services-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .group-fitness-services-page .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .group-fitness-services-page .banner-top .cta h1 { font-size: 2.1vw } .group-fitness-services-page .carousel.slide.desktop { display: block } } @media (min-width: 1920px) { .group-fitness-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .group-fitness-services-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .group-fitness-services-page .banner-top .cta h1 { font-size: 30px } } .group-fitness-services-page .carousel.slide.mobile { display: none } @media (max-width: 767px) { .group-fitness-services-page .carousel.slide.desktop { display: none } .group-fitness-services-page .carousel.slide.mobile { display: block } } .group-fitness-services-page .item.active.mobile { display: none } .home-page .container-fluid { padding: 0 } .home-page .container-fluid .gallery { position: relative } .home-page .container-fluid .gallery img { max-width: 100% } @media (min-width: 768px) { .home-page .container-fluid .home-banner-top { position: relative; background: url(../img/home/giam-can-nhanh-nhat.jpg) center top no-repeat; background-size: 100%; height: 55vw; max-height: 997px } } @media (max-width: 767px) { .group-fitness-services-page .item.active.mobile { display: block; margin-bottom: 50px } .home-page .container-fluid .home-banner-top { position: relative; background: url(../img/home/m-banner-top-loseweight.jpg) no-repeat #fff; background-size: 100%; min-height: 650px } } @media (max-width: 550px) { .group-fitness-services-page .banner-top .cta h1 { font-size: 6.4vw } .home-page .container-fluid .home-banner-top { background-size: contain; min-height: 780px } } @media (max-width: 400px) { .home-page .container-fluid .home-banner-top { background-size: contain; min-height: 690px } } .home-page .container-fluid .home-banner-top .cta { max-width: 800px; margin: 13% 0 50px 7%; padding: 20px; position: relative; font-family: utm_avoregular, sans-serif } @media (min-width: 768px) and (max-width: 990px) { .home-page .container-fluid .home-banner-top .cta { max-width: 55vw; margin: 100px 0 50px 6% } } @media (min-width: 991px) and (max-width: 1350px) { .home-page .container-fluid .home-banner-top .cta { max-width: 50vw; margin: 150px 0 50px 5% } } @media (min-width: 1351px) and (max-width: 1550px) { .home-page .container-fluid .home-banner-top .cta { max-width: 47vw; margin: 170px 0 50px 5% } } @media (max-width: 767px) { .home-page .container-fluid .home-banner-top .cta { width: 100%; max-width: 100%; margin: 700px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .home-page .container-fluid .home-banner-top .cta { position: absolute; bottom: 50px; padding: 0 10px; margin: 0 auto } } @media (max-width: 320px) { .home-page .container-fluid .home-banner-top .cta { bottom: 30px } } .home-page .container-fluid .home-banner-top .cta fieldset { position: relative; border: none; padding: 0 15px 30px; height: auto } .home-page .container-fluid .home-banner-top .cta fieldset .wrap-line { position: relative; display: block; color: #da2028; text-transform: uppercase; line-height: 1.3em; max-width: 80%; margin: 0 auto } .home-page .container-fluid .home-banner-top .cta fieldset .wrap-line img { margin: 20px auto 0 } @media (max-width: 767px) { .home-page .container-fluid .home-banner-top .cta fieldset { padding: 10px 0 20px; height: auto; border-color: #fff } .home-page .container-fluid .home-banner-top .cta fieldset .wrap-line img { margin-top: 0 } } .home-page .container-fluid .home-banner-top .cta fieldset legend { color: #000; text-align: center; font-weight: 700; line-height: 1.6em; text-transform: uppercase; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } .home-page .container-fluid .home-banner-top .cta fieldset legend strong { color: #d30505; font-family: utm_avobold, sans-serif } .home-page .container-fluid .home-banner-top .cta fieldset hr { border-bottom: 1px solid #ee386d; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } @media (max-width: 767px) { .home-page .container-fluid .home-banner-top .cta fieldset legend { padding: 10px 0 0; line-height: 1.3em; text-transform: uppercase; font-weight: 400 } .home-page .container-fluid .home-banner-top .cta fieldset hr { border-color: #fff } } .home-page .container-fluid .home-banner-top .cta fieldset span { color: #000; text-transform: uppercase; text-align: center; display: block; margin: 15px auto; padding: 0 50px; font-size: 2.8em } @media (min-width: 1600px) { .home-page .container-fluid .home-banner-top .cta fieldset span { font-size: 3em; margin-bottom: 20px } } @media (max-width: 991px) { .home-page .container-fluid .home-banner-top .cta fieldset span { padding: 0; font-size: 3vw } } @media (max-width: 767px) { .home-page .container-fluid .home-banner-top .cta fieldset span { padding-bottom: 10px; font-size: 8vw } .home-page .container-fluid .home-banner-top .cta fieldset span { font-size: 3vw } .home-page .container-fluid .home-banner-top .cta fieldset span br { display: none } } .home-page .container-fluid .home-banner-top .cta fieldset span strong { font-family: utm_avobold, sans-serif } .home-page .container-fluid .home-banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -10px; text-align: center } .home-page .container-fluid .home-banner-top .cta fieldset .red-btn a { color: #fff; font-size: 16px; background: #d30505; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; font-family: utm_avobold, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 0; text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600 } @media (min-width: 1600px) { .home-page .container-fluid .home-banner-top .cta fieldset .red-btn a { font-size: 20px } } @media (max-width: 967px) { .home-page .container-fluid .home-banner-top .cta fieldset .red-btn a { padding: 10px 15px; font-size: 14px } } .home-page .container-fluid .home-banner-top .cta h1 { line-height: 1.5em; font-size: 1.5em } @media (max-width: 1366px) { .home-page .container-fluid .home-banner-top .cta h1 { font-size: 2.1vw } } @media (max-width: 767px) { .home-page .container-fluid .home-banner-top .cta h1 { font-size: 30px } } @media (max-width: 550px) { .home-page .container-fluid .home-banner-top .cta h1 { font-size: 6.1vw } .home-page .container-fluid .home-banner-top .cta h1 br { display: none } } .home-page .top-content .holder-top-content .whitespace { padding: 10px 0; clear: both } .home-page .top-content .holder-top-content .subject { color: #db2128; text-transform: uppercase; font-size: 19px; font-size: calculateRem(19px); font-weight: 700; margin-bottom: 0 } .home-page .top-content .holder-top-content .text { margin-top: 10px } .home-page .top-content .holder-top-content .seemorebtn { clear: both; padding: 15px 0 } .home-page .top-content .holder-top-content .seemorebtn a { padding: 4px 10px; border: 1px solid #333; font-weight: 700; text-transform: uppercase; color: #333 } .home-page .top-content .holder-top-content .seemorebtn:hover { text-decoration: none; color: #db2128; border-color: #db2128 } .home-page .top-content .holder-top-content .ourservice .service_item { text-align: center; margin: 0; padding: 0; overflow: hidden; position: relative } .home-page .top-content .holder-top-content .ourservice .service_item .service_img { display: block; width: 100%; height: auto; transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .home-page .top-content .holder-top-content .ourservice .service_item .service_img img { max-width: 100%; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .home-page .top-content .holder-top-content .ourservice .service_item .overlay { position: absolute; width: 100%; height: 100%; top: 0; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out } .home-page .top-content .holder-top-content .ourservice .service_item .overlay h2 { border: none; bottom: 0; color: #fff; padding: 15px; position: absolute; width: 100%; margin: 5px auto; text-transform: uppercase; font-size: 25px } .home-page .top-content .holder-top-content .ourservice .service_item .overlay h2 a { color: #fff } .home-page .top-content .holder-top-content .ourservice .service_item .overlay h2:hover { text-decoration: none; color: #000 } .home-page .top-content .holder-top-content .ourservice .service_item .overlay:hover { background: rgba(211, 8, 15, .6); cursor: pointer } .home-page .top-content .holder-top-content .ourservice .service_item:hover .service_img img { cursor: pointer; -moz-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08) } .home-page .top-content .holder-top-content .findyourclub div { margin: 0; padding: 0; max-width: 100% } .home-page .top-content .holder-top-content .findyourclub div .overlay { height: 100%; position: absolute; top: 40%; width: 100% } @media (max-width: 414px) { .home-page .top-content .holder-top-content .findyourclub div .overlay { top: 15% } } .home-page .top-content .holder-top-content .findyourclub div .overlay h2.service_title { align-items: center; border: none; color: #fff; display: flex; justify-content: center; width: 100%; font-size: 25px } .home-page .top-content .holder-top-content .findyourclub div .overlay h2.service_title a { color: #fff } .home-page .top-content .holder-top-content .findyourclub div .overlay h2.service_title:hover { text-decoration: none; color: #fff } .home-page .top-content .holder-top-content .findyourclub div img { max-width: 100% } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo img { cursor: pointer; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo .active { filter: none; -webkit-filter: none } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text { background: #edeeef } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc { text-align: left; display: none; padding: 15px 0; min-height: 550px } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc h3 span { font-size: 60%; font-style: italic } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc strong { color: #db2128 } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .active { display: block } .home-page .top-content .holder-top-content .success_stories { background: url(../img/home/california-wow-success-stories-bg.jpg); background-size: cover; padding: 30px 0; color: #fff } .home-page .top-content .holder-top-content .success_stories .roundphoto { position: relative } .home-page .top-content .holder-top-content .success_stories .roundphoto img { width: 100% } .home-page .top-content .holder-top-content .success_stories .roundphoto .before { position: absolute; top: 25%; left: 25%; text-align: right } .home-page .top-content .holder-top-content .success_stories .roundphoto .before h3 { font-size: 40px; font-size: calculateRem(40px); text-transform: uppercase; color: #db2128; border-bottom: 1px solid #838383; padding-bottom: 5px } .home-page .top-content .holder-top-content .success_stories .roundphoto .before p { font-size: 30px; font-size: calculateRem(30px); color: #fff; padding: 0; margin: 2px; text-align: right } @media (max-width: 2000px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .before { top: 20%; left: 22% } .home-page .top-content .holder-top-content .success_stories .roundphoto .before h3 { font-size: 2vw; font-size: calculateRem(2vw); padding-bottom: 2px } .home-page .top-content .holder-top-content .success_stories .roundphoto .before p { font-size: 1.5vw; font-size: calculateRem(1.5vw); color: #fff; padding: 0; margin: 2px } } @media (max-width: 992px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .before { top: 23%; left: 25% } .home-page .top-content .holder-top-content .success_stories .roundphoto .before h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .before p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 960px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .before { top: 23%; left: 22% } .home-page .top-content .holder-top-content .success_stories .roundphoto .before h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .before p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 768px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .before { top: 20%; left: 23% } .home-page .top-content .holder-top-content .success_stories .roundphoto .before h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .before p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 480px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .before { top: 18%; left: 19% } .home-page .top-content .holder-top-content .success_stories .roundphoto .before h3 { font-size: 4vw; font-size: calculateRem(4vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .before p { font-size: 3vw; font-size: calculateRem(3vw) } } @media (max-width: 320px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .before { top: 14%; left: 19% } .home-page .top-content .holder-top-content .success_stories .roundphoto .before h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .before p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } .home-page .top-content .holder-top-content .success_stories .roundphoto .after { position: absolute; bottom: 25%; right: 25%; text-align: left } .home-page .top-content .holder-top-content .success_stories .roundphoto .after h3 { font-size: 40px; font-size: calculateRem(40px); text-transform: uppercase; color: #db2128; border-bottom: 1px solid #838383; padding-bottom: 5px } .home-page .top-content .holder-top-content .success_stories .roundphoto .after p { font-size: 30px; font-size: calculateRem(30px); color: #fff; padding: 0; margin: 2px; text-align: left } @media (max-width: 2000px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .after { bottom: 20%; right: 20% } .home-page .top-content .holder-top-content .success_stories .roundphoto .after h3 { font-size: 2vw; font-size: calculateRem(2vw); padding-bottom: 2px } .home-page .top-content .holder-top-content .success_stories .roundphoto .after p { font-size: 1.5vw; font-size: calculateRem(1.5vw) } } @media (max-width: 992px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .after { bottom: 23%; right: 25% } .home-page .top-content .holder-top-content .success_stories .roundphoto .after h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .after p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 960px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .after { bottom: 23%; right: 22% } .home-page .top-content .holder-top-content .success_stories .roundphoto .after h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .after p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 768px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .after { bottom: 20%; right: 23% } .home-page .top-content .holder-top-content .success_stories .roundphoto .after h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .after p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 480px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .after { bottom: 19%; right: 19% } .home-page .top-content .holder-top-content .success_stories .roundphoto .after h3 { font-size: 4vw; font-size: calculateRem(4vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .after p { font-size: 3vw; font-size: calculateRem(3vw) } } @media (max-width: 320px) { .home-page .top-content .holder-top-content .success_stories .roundphoto .after { bottom: 20%; right: 19% } .home-page .top-content .holder-top-content .success_stories .roundphoto .after h3 { font-size: 3vw; font-size: calculateRem(3vw) } .home-page .top-content .holder-top-content .success_stories .roundphoto .after p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } .home-page .top-content .holder-top-content .success_stories h3 { text-transform: uppercase } .home-page .top-content .holder-top-content .success_stories p { text-align: center } .home-page .top-content .holder-top-content .success_stories img { max-width: 100% } .home-page .top-content .holder-top-content .celebrities { background: url(../img/home/california-wow-celeb-member-bg.jpg) no-repeat; padding-bottom: 10px } .home-page .top-content .holder-top-content .celebrities .celeb-items { padding-top: 25px } .home-page .top-content .holder-top-content .celebrities .celeb-items a img { max-width: 100%; border: 1px solid #989898; border-radius: 150px; padding: 10px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out } .home-page .top-content .holder-top-content .celebrities .celeb-items a p { color: #fff; font-weight: 700; margin: 15px 0 } .home-page .top-content .holder-top-content .celebrities .celeb-items a:hover { text-decoration: none } .home-page .top-content .holder-top-content .celebrities .celeb-items:hover img { border-color: #db2128; cursor: pointer } .home-page .top-content .holder-top-content .celebrities .celeb-items:hover p { color: #db2128 } .home-page .top-content .holder-top-content .features_stories div img { max-width: 100% } .home-page .top-content .holder-top-content .features_stories div p { text-align: left } .home-page .top-content .holder-top-content .features_stories div h4 { text-transform: capitalize } .home-page .top-content .holder-top-content .features_stories div a { text-decoration: none; color: #db2128; text-transform: inherit } .home-page .top-content .holder-top-content .features_stories div a:hover { text-decoration: none } .home-page .top-content .holder-top-content .special_offers div img { max-width: 100% } @media only screen and (max-width: 20em) { .home-page .top-content .holder-top-content .celebrities { background-size: cover } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo { margin-bottom: 15px } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo img { cursor: pointer; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden; width: 30% } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo .active { filter: none; -webkit-filter: none } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text { background: #edeeef } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc { text-align: left; display: none; padding: 15px 0 } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc h3 span { font-size: 60%; font-style: italic } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc strong { color: #db2128 } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .active { display: block } .home-page .top-content .holder-top-content .special_offers img { margin-bottom: 10px } .home-page .top-content .holder-top-content .findyourclub div { margin: 0; padding: 0; max-width: 100% } .home-page .top-content .holder-top-content .findyourclub div .overlay { height: 100%; position: absolute; top: 0; width: 100% } .home-page .top-content .holder-top-content .findyourclub div .overlay h2.service_title { top: 40%; position: absolute; align-items: center; border: none; color: #fff; display: flex; justify-content: center; width: 100%; font-size: 80%; font-weight: 700 } .home-page .top-content .holder-top-content .findyourclub div img { max-width: 100% } .home-page .top-content .holder-top-content .ourservice .service_item .overlay h2 { bottom: 0; font-size: 80%; font-weight: 700 } } @media only screen and (max-width: 40em) { .home-page .top-content .holder-top-content .ourservice .service_item .overlay h2 { bottom: 0; font-size: 80%; font-weight: 700 } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo { margin-bottom: 15px } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo img { cursor: pointer; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden; width: 30% } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo .active { filter: none; -webkit-filter: none } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text { background: #edeeef } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc { text-align: left; display: none; padding: 15px 0 } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc h3 span { font-size: 60%; font-style: italic } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .active { display: block } .home-page .top-content .holder-top-content .special_offers img { margin-bottom: 10px } .home-page .top-content .holder-top-content .findyourclub div { margin: 0; padding: 0; max-width: 100% } .home-page .top-content .holder-top-content .findyourclub div .overlay { height: 100%; position: absolute; top: 0; width: 100% } .home-page .top-content .holder-top-content .findyourclub div .overlay h2.service_title { position: absolute; top: 40%; align-items: center; border: none; color: #fff; display: flex; justify-content: center; width: 100%; font-size: 80%; font-weight: 700 } .home-page .top-content .holder-top-content .findyourclub div img { max-width: 100% } .home-page .top-content .holder-top-content .celebrities { background-size: cover } } @media only screen and (min-width: 40.063em) { .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo { margin-bottom: 15px } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo img { cursor: pointer; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden; width: 30% } .home-page .top-content .holder-top-content .find_your_trainner .trainner_photo .active { filter: none; -webkit-filter: none } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text { background: #edeeef } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc { text-align: left; display: none; padding: 15px 0 } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc h3 span { font-size: 60%; font-style: italic } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .trainner_desc strong { color: #db2128 } .home-page .top-content .holder-top-content .find_your_trainner .trainner_text .active { display: block } .home-page .top-content .holder-top-content .find_your_trainner .special_offers img { margin-bottom: 10px } .home-page .top-content .holder-top-content .celebrities { background-size: cover } } .kickfit-mma-services-page fieldset { border: 2px solid #db2128 } .kickfit-mma-services-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 767px) { .kickfit-mma-services-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .kickfit-mma-services-page fieldset legend { font-size: 16px } } .kickfit-mma-services-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } .kickfit-mma-services-page .top-content .carousel-caption strong { font-weight: 300 } .kickfit-mma-services-page .top-content .carousel-caption span { color: #fff; font-size: 18px; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128; line-height: normal; padding-top: 15px } @media (min-width: 768px) and (max-width: 991px) { .kickfit-mma-services-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .kickfit-mma-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } @media (max-width: 480px) { .kickfit-mma-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } .kickfit-mma-services-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px } @media (max-width: 480px) { .kickfit-mma-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } } @media (min-width: 768px) and (max-width: 991px) { .kickfit-mma-services-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .kickfit-mma-services-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .kickfit-mma-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } .kickfit-mma-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .kickfit-mma-services-page .calidance p { text-align: justify } .kickfit-mma-services-page .calidance .embed-responsive-4by3 { padding-bottom: 50% } .kickfit-mma-services-page .discover .nav-tabs { text-align: center; background: #db2128; border: none } .kickfit-mma-services-page .discover .nav-tabs li { float: none; display: inline-block; margin: 0; padding: 0 } .kickfit-mma-services-page .discover .nav-tabs li a { color: #fff; background-color: transparent; border-radius: 0; border-left: 0; border-bottom: 1px solid transparent; border-right: 0; border-top: 0; padding: 0; display: block; margin: 20px 10px } @media (max-width: 767px) { .kickfit-mma-services-page .discover .nav-tabs li a { margin: 10px } } @media (max-width: 480px) { .kickfit-mma-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } .kickfit-mma-services-page .calidance { padding: 0 } .kickfit-mma-services-page .discover .nav-tabs li a { margin: 10px } } .kickfit-mma-services-page .discover .nav-tabs .active a, .kickfit-mma-services-page .discover .nav-tabs:hover a { border-color: #fff } .kickfit-mma-services-page .discover .tab-content { color: #fff; text-align: center; padding-top: 90px; padding-bottom: 90px; background: url(../img/group-fitness-services/discover.jpg) no-repeat; background-size: cover } .kickfit-mma-services-page .discover .tab-content h3 { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; background: rgba(219, 33, 40, .6); display: inline-block; padding: 50px 120px; margin-bottom: 90px } @media (min-width: 768px) and (max-width: 991px) { .kickfit-mma-services-page .discover .tab-content h3 { padding: 20px 50px; margin-bottom: 30px } .kickfit-mma-services-page .discover .tab-content { top: 0 } } .kickfit-mma-services-page .discover .tab-content p { text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 100 } .kickfit-mma-services-page .discover .tab-content p:first-child { font-weight: 300; letter-spacing: 1px } @media (max-width: 480px) { .kickfit-mma-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .kickfit-mma-services-page .discover .tab-content p { font-size: 14px } } @media (min-width: 992px) and (max-width: 1199px) { .kickfit-mma-services-page .discover .tab-content { top: 0 } } @media (max-width: 767px) { .kickfit-mma-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .kickfit-mma-services-page .discover .tab-content p { font-size: 14px } .kickfit-mma-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .kickfit-mma-services-page .benefits { width: 100% } } .kickfit-mma-services-page .benefits { margin: 0 auto; text-align: center } @media (max-width: 480px) { .kickfit-mma-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .kickfit-mma-services-page .benefits { width: 100% } .kickfit-mma-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .kickfit-mma-services-page .benefits .cover { position: relative; padding: 0; overflow: hidden; border-right: 2px solid #fff } .kickfit-mma-services-page .benefits .cover:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } @media (max-width: 767px) { .kickfit-mma-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .kickfit-mma-services-page .benefits .cover .content-over { position: absolute; background: rgba(219, 33, 40, .6); bottom: 0; display: inline-block; color: #fff; width: 100%; padding: 5px 10px; font-size: 13px; height: 120px } .kickfit-mma-services-page .benefits .cover .content-over h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 0 } .kickfit-mma-services-page .benefits .cover .content-over p { margin-bottom: 2px; margin-top: 2px } .kickfit-mma-services-page .benefits .cover img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .kickfit-mma-services-page .stories ul { margin: 0 } .kickfit-mma-services-page .stories ul li { margin-bottom: 40px; list-style: none; display: block } .kickfit-mma-services-page .stories ul li p { margin-left: 30px } .kickfit-mma-services-page .stories ul li p:first-child { margin-top: 40px } @media (min-width: 768px) and (max-width: 991px) { .kickfit-mma-services-page .benefits { width: 100% } .kickfit-mma-services-page .stories ul li p { margin-left: 0 } .kickfit-mma-services-page .stories ul li p:first-child { margin-top: 20px } } .kickfit-mma-services-page .stories ul li .seemore { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 700; border: 1px solid; padding: 5px 40px } @media (max-width: 480px) { .kickfit-mma-services-page .stories ul { padding-left: 0 } .kickfit-mma-services-page .stories { margin-left: 0 } } .kickfit-mma-services-page .contactform { margin-top: 30px; background: url(../img/kickfit-mma-services/form-kickfitmma.jpg) center top no-repeat; min-height: 800px; background-size: cover; color: #fff; text-transform: uppercase; padding: 0 } @media (max-width: 767px) { .kickfit-mma-services-page .stories ul { padding-left: 0 } .kickfit-mma-services-page .stories { margin-left: 0 } .kickfit-mma-services-page .contactform { background: url(../img/kickfit-mma-services/m-form-kickfitmma.jpg) center top no-repeat #000 } .kickfit-mma-services-page .contactform .bg-contactform { padding-bottom: 20px } } .kickfit-mma-services-page .contactform .bg-contactform { background: rgba(0, 0, 0, .5); min-height: 800px } .kickfit-mma-services-page .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px; text-align: center } .kickfit-mma-services-page .contactform fieldset legend { line-height: 1.4em; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; margin: 0 auto } @media (max-width: 767px) { .kickfit-mma-services-page .contactform fieldset legend { margin: 0 20px } } .kickfit-mma-services-page .contactform fieldset h2 { border: none; color: #fff; margin-top: 10px; padding: 0; font-size: 22px; text-shadow: 2px 2px 7px #000; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .kickfit-mma-services-page .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps; text-shadow: 2px 2px 7px #000 } @media (max-width: 400px) { .kickfit-mma-services-page .contactform fieldset { margin-top: 10px } .kickfit-mma-services-page .contactform fieldset legend { padding: 10px 15px } .kickfit-mma-services-page .contactform fieldset h2 { font-size: 18px } .kickfit-mma-services-page .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } } .kickfit-mma-services-page .contactform h3 { line-height: 1.5em; font-size: 17px; text-shadow: 2px 2px 7px #000; text-align: center } .kickfit-mma-services-page .contactform .visit_benefit { text-align: left; margin-top: 20px } .kickfit-mma-services-page .contactform .visit_benefit p { font-size: 16px; text-shadow: 2px 2px 7px #000 } .kickfit-mma-services-page .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .kickfit-mma-services-page .contactform .visit_benefit ul li { color: #fff; list-style: none; position: relative; margin: 15px 0; text-shadow: 2px 2px 7px #000; font-weight: 400 } .kickfit-mma-services-page .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px; color: #ff000a } .kickfit-mma-services-page .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } .kickfit-mma-services-page .contactform #signUp_form { width: 240px; float: right } @media (max-width: 767px) { .kickfit-mma-services-page .contactform .visit_benefit ul li { display: none } .kickfit-mma-services-page .contactform #signUp_form { float: none; margin: 0 auto; clear: both } } .kickfit-mma-services-page .contactform #signUp_form p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; font-weight: 400; text-align: center } .kickfit-mma-services-page .trainers p { text-align: justify } .kickfit-mma-services-page .trainers center { font-weight: 700; margin-bottom: 20px } .kickfit-mma-services-page .trainers .area { border: none; text-align: center; display: none } .kickfit-mma-services-page .trainers .area li { float: none; display: inline-block } .kickfit-mma-services-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .kickfit-mma-services-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .kickfit-mma-services-page .trainers .area .active a, .kickfit-mma-services-page .trainers .area .active a:focus, .kickfit-mma-services-page .trainers .area .active a:hover { border: none; color: #db2128 } .kickfit-mma-services-page .trainers .teacher-detail { margin-top: 60px } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700 } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000 } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a span { display: block } @media (max-width: 480px) { .kickfit-mma-services-page .trainers .area li a { padding: 5px 10px } .kickfit-mma-services-page .trainers .teacher-detail { margin-top: 10px } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } } @media (max-width: 767px) { .kickfit-mma-services-page .trainers .area li a { padding: 5px 10px } .kickfit-mma-services-page .trainers .teacher-detail { margin-top: 10px } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li:focus, .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } .kickfit-mma-services-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 0 } .kickfit-mma-services-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0 } .kickfit-mma-services-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .kickfit-mma-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .kickfit-mma-services-page .trainers, .kickfit-mma-services-page .trainers .teacher-detail .tab-content, .kickfit-mma-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } } @media (max-width: 480px) { .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .kickfit-mma-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .kickfit-mma-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .kickfit-mma-services-page .trainers, .kickfit-mma-services-page .trainers .teacher-detail .tab-content, .kickfit-mma-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } .kickfit-mma-services-page h2 .line { display: none } } .kickfit-mma-services-page .school { margin-top: 20px } .kickfit-mma-services-page .school .carousel-caption { background: rgba(219, 33, 40, .6); width: 100%; left: 0; right: 0; top: 0; bottom: auto; text-transform: uppercase; padding-top: 23px; font-size: 16px; letter-spacing: 1px } .kickfit-mma-services-page h2 { text-transform: uppercase; text-align: center; color: #db2128; max-width: 450px; margin: 60px auto 30px; position: relative; line-height: normal } .kickfit-mma-services-page h2 .line:first-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; left: -200px; top: 25px } @media (max-width: 767px) { .kickfit-mma-services-page h2 .line:first-child { display: none } } @media (max-width: 480px) { .kickfit-mma-services-page h2 .line:first-child { display: none } } .kickfit-mma-services-page h2 .line:last-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; right: -200px; top: 25px } @media (max-width: 767px) { .kickfit-mma-services-page h2 .line:last-child { display: none } .kickfit-mma-services-page h2 { width: 100%; overflow: hidden; font-size: 6vw } } @media (max-width: 480px) { .kickfit-mma-services-page h2 .line:last-child { display: none } .kickfit-mma-services-page h2 { width: 100%; overflow: hidden; margin: 40px auto; font-size: 6vw } } @media (max-width: 320px) { .kickfit-mma-services-page h2 { font-size: 20px } } @media (min-width: 768px) { .kickfit-mma-services-page .banner-top { position: relative; background: url(../img/kickfit-mma-services/top-banner.jpg) center top no-repeat #fff; background-size: 100% } } .kickfit-mma-services-page .banner-top .cta { max-width: 40vw; margin: 15vw 0 258px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .kickfit-mma-services-page .banner-top { position: relative; background: url(../img/kickfit-mma-services/top-mobile.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .kickfit-mma-services-page .banner-top .cta { max-width: 50vw } .kickfit-mma-services-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .kickfit-mma-services-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .kickfit-mma-services-page .banner-top .cta { max-width: 700px } } .kickfit-mma-services-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .kickfit-mma-services-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .kickfit-mma-services-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .kickfit-mma-services-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .kickfit-mma-services-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .kickfit-mma-services-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .kickfit-mma-services-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .kickfit-mma-services-page .banner-top .cta fieldset .red-btn a, .kickfit-mma-services-page .banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .kickfit-mma-services-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .kickfit-mma-services-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .kickfit-mma-services-page .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .kickfit-mma-services-page .banner-top .cta h1 { font-size: 2.1vw } .kickfit-mma-services-page .carousel.slide.desktop { display: block } } @media (min-width: 1920px) { .kickfit-mma-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .kickfit-mma-services-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .kickfit-mma-services-page .banner-top .cta h1 { font-size: 30px } } .kickfit-mma-services-page .carousel.slide.mobile { display: none } @media (max-width: 767px) { .kickfit-mma-services-page .carousel.slide.desktop { display: none } .kickfit-mma-services-page .carousel.slide.mobile { display: block } } .member-privileges-page .col-centered { vertical-align: middle } .member-privileges-page .vertical-align { display: block; padding: 0 auto } .member-privileges-page .vertical-align .left { margin-top: 20px } .member-privileges-page .vertical-align .col-centered.right { vertical-align: initial } .member-privileges-page .showDescription { display: none } .member-privileges-page .showDescription img { max-width: 100% } .member-privileges-page .btViewmore { width: 30px; height: 30px; display: block; background: url(../img/btViewmore.png) 0 -51px no-repeat; cursor: pointer; float: right } .member-privileges-page .btActived { background-position: 0 0 } .member-testimonials-page .desktop { display: none } @media (min-width: 768px) { .member-testimonials-page .desktop { display: block } .member-testimonials-page .banner-top { position: relative; background: url(../img/member-testimonials/banner.jpg) center top no-repeat #fff; background-size: cover } } .member-testimonials-page .mobile { display: none } .member-testimonials-page a, .member-testimonials-page h1, .member-testimonials-page h2, .member-testimonials-page h3, .member-testimonials-page h4, .member-testimonials-page img, .member-testimonials-page p { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease } .pt-services-page .benefits .cover img, .ptx-services-page .benefits .cover img { -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out } .member-testimonials-page .white-space { padding: 10px 0; clear: both } .member-testimonials-page .white-space-2x { padding: 20px 0; clear: both } .member-testimonials-page .white-space-3x { padding: 30px 0; clear: both } @media (max-width: 767px) { .member-testimonials-page .mobile { display: block } .member-testimonials-page .banner-top { position: relative; background: url(../img/member-testimonials/m-banner.jpg) center top no-repeat #fff; background-size: cover; min-height: 540px } } @media (max-width: 415px) { .member-testimonials-page .banner-top { min-height: 700px; background: url(../img/member-testimonials/m-banner.jpg) center top no-repeat #000 } } .member-testimonials-page .banner-top .cta { max-width: 42vw; margin: 50px 0 50px 3%; padding: 20px; position: relative } @media (min-width: 2000px) { .member-testimonials-page .banner-top .cta { max-width: 575px; margin: 450px 0 90px 15%; padding: 20px; position: relative } } @media (max-width: 767px) { .member-testimonials-page .banner-top .cta { max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } .member-testimonials-page .banner-top .cta { max-width: 50vw } } @media (max-width: 550px) { .kickfit-mma-services-page .banner-top .cta h1 { font-size: 6.4vw } .member-testimonials-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } .member-testimonials-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .member-testimonials-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .member-testimonials-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (min-width: 1920px) { .member-testimonials-page .banner-top .cta fieldset legend { max-width: 767px } } @media (max-width: 767px) { .member-testimonials-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .member-testimonials-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .member-testimonials-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .member-testimonials-page .banner-top .cta fieldset .embed-responsive { padding-bottom: 55%; max-width: 85%; margin: 0 auto } .member-testimonials-page .banner-top .cta fieldset span { color: #fff; text-transform: uppercase; text-align: center; display: block; margin: 0 auto; padding: 15px 15px 0 } @media (max-width: 767px) { .member-testimonials-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: .79em } } .member-testimonials-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .member-testimonials-page .banner-top .cta fieldset .red-btn .red-btn-inline { position: relative; text-align: center } .member-testimonials-page .banner-top .cta fieldset .red-btn a { color: #fff; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; display: inline-block; text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .member-testimonials-page .banner-top .cta h1 { font-size: 2.1vw } } @media (min-width: 1920px) { .member-testimonials-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .member-testimonials-page .banner-top .cta fieldset .red-btn a { padding: 10px 15px } .member-testimonials-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 550px) { .member-testimonials-page .banner-top .cta fieldset .red-btn a { bottom: 0 } .member-testimonials-page .banner-top .cta h1 { font-size: 6.4vw } } .member-testimonials-page .banner-top .carousel-caption { font-size: 40px; left: 10%; bottom: 13%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 550px; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } @media (max-width: 2000px) { .member-testimonials-page .banner-top .carousel-caption { max-width: 40vw } } @media (max-width: 1360px) { .member-testimonials-page .banner-top .carousel-caption { bottom: 2% } } @media (max-width: 991px) { .member-testimonials-page .banner-top .carousel-caption { max-width: 50vw; left: 5% } } .member-testimonials-page .banner-top .carousel-caption strong { font-weight: 300 } .member-testimonials-page .banner-top .carousel-caption hr { background: #db2128; height: 2px; border: none; max-width: 50%; margin: 20px auto } @media (max-width: 767px) { .member-testimonials-page .banner-top .carousel-caption hr { margin: 10px auto 0 } } @media (max-width: 480px) { .member-testimonials-page .banner-top .carousel-caption hr { margin: 3px auto; height: 1px } } .member-testimonials-page .banner-top .carousel-caption span { color: #fff; font-size: 16px; display: inline-block; margin-bottom: 30px; line-height: 150% } @media (min-width: 768px) and (max-width: 991px) { .member-testimonials-page .banner-top .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .member-testimonials-page .banner-top .carousel-caption span { font-size: 14px; margin-top: 0; padding-top: 10px; margin-bottom: 20px } } .member-testimonials-page #member-list .carousel-control { background: 0 0 } .member-testimonials-page #member-list .carousel-control .glyphicon { color: #db2128 } @media (max-width: 480px) { .member-testimonials-page .banner-top .carousel-caption span { font-size: .8em; margin-bottom: 10px; padding-top: 0; margin-top: 0 } .member-testimonials-page #member-list .carousel-control { background: 0 0; -moz-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 58%; height: 20px } } .member-testimonials-page #member-list .item .box img { border: 1px solid #db2128; padding: 10px; width: 100%; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); filter: gray } .member-testimonials-page #member-list .item .box p { color: #333; text-align: center; margin: 15px 0; font-weight: 700; cursor: pointer } .member-testimonials-page #member-list .item .active p, .member-testimonials-page #member-list .item .box:hover p { color: #db2128 } .member-testimonials-page #member-list .item .box:hover img { border-color: #db2128; -webkit-filter: initial; -moz-filter: initial; -ms-filter: initial; -o-filter: initial; filter: initial; -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden } .member-testimonials-page #member-list .item .active img { border-color: #db2128; -webkit-filter: initial; -moz-filter: initial; -ms-filter: initial; -o-filter: initial; filter: initial } @media (max-width: 767px) { .member-testimonials-page #member-list-m .carousel-control { background: 0 0; width: 40px; height: 50% } .member-testimonials-page #member-list-m .carousel-control .fa.fa-angle-left, .member-testimonials-page #member-list-m .carousel-control .fa.fa-angle-right { color: #db2128; font-size: 35px } .member-testimonials-page #member-list-m .item .box { padding: 0 4px } .member-testimonials-page #member-list-m .item .box img { border: 1px solid #db2128; width: 100%; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; max-width: 100%; padding: 0; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); filter: gray } .member-testimonials-page #member-list-m .item .box p { color: #333; text-align: center; margin: 15px 0; font-weight: 700; cursor: pointer } .member-testimonials-page #member-list-m .item .active p, .member-testimonials-page #member-list-m .item .box:hover p { color: #db2128 } .member-testimonials-page #member-list-m .item .box:hover img { border-color: #db2128; -webkit-filter: initial; -moz-filter: initial; -ms-filter: initial; -o-filter: initial; filter: initial; -webkit-transition: all .6s ease; -webkit-backface-visibility: hidden } .member-testimonials-page #member-list-m .item .active img { border-color: #db2128; -webkit-filter: initial; -moz-filter: initial; -ms-filter: initial; -o-filter: initial; filter: initial } } @media (max-width: 767px) and (max-width: 480px) { .member-testimonials-page #member-list-m .carousel-control { background: 0 0; -moz-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); top: 58%; height: 20px } } .member-testimonials-page .story { display: none } .member-testimonials-page .story .image { padding: 30px; width: 100%; background: url(../img/member-testimonials/bg.jpg); -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover } .member-testimonials-page .story .image .img-wrapper { position: relative; margin: 0 auto; width: 50% } .member-testimonials-page .story .image .img-wrapper img { width: 100% } .member-testimonials-page .story .image .img-wrapper .before { position: absolute; top: 25%; left: 25%; text-align: right } .member-testimonials-page .story .image .img-wrapper .before h3 { font-size: 40px; font-size: calculateRem(40px); text-transform: uppercase; color: #db2128; border-bottom: 1px solid #838383; padding-bottom: 5px } .member-testimonials-page .story .image .img-wrapper .before p { font-size: 30px; font-size: calculateRem(30px); color: #fff; padding: 0; margin: 2px } @media (max-width: 2000px) { .member-testimonials-page .story .image .img-wrapper .before { top: 20%; left: 22% } .member-testimonials-page .story .image .img-wrapper .before h3 { font-size: 2vw; font-size: calculateRem(2vw); padding-bottom: 2px } .member-testimonials-page .story .image .img-wrapper .before p { font-size: 1.5vw; font-size: calculateRem(1.5vw); color: #fff; padding: 0; margin: 2px } } @media (max-width: 992px) { .member-testimonials-page .story .image .img-wrapper { width: 100% } .member-testimonials-page .story .image .img-wrapper .before { top: 23%; left: 25% } .member-testimonials-page .story .image .img-wrapper .before h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .member-testimonials-page .story .image .img-wrapper .before p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 960px) { .member-testimonials-page .story .image .img-wrapper .before { top: 23%; left: 22% } .member-testimonials-page .story .image .img-wrapper .before h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .member-testimonials-page .story .image .img-wrapper .before p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 768px) { .member-testimonials-page .story .image .img-wrapper .before { top: 20%; left: 23% } .member-testimonials-page .story .image .img-wrapper .before h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .member-testimonials-page .story .image .img-wrapper .before p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 480px) { .member-testimonials-page .story .image .img-wrapper .before { top: 18%; left: 19% } .member-testimonials-page .story .image .img-wrapper .before h3 { font-size: 4vw; font-size: calculateRem(4vw) } .member-testimonials-page .story .image .img-wrapper .before p { font-size: 3vw; font-size: calculateRem(3vw) } } @media (max-width: 320px) { .member-testimonials-page .story .image .img-wrapper .before { top: 14%; left: 19% } .member-testimonials-page .story .image .img-wrapper .before h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .member-testimonials-page .story .image .img-wrapper .before p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } .member-testimonials-page .story .image .img-wrapper .after { position: absolute; bottom: 25%; right: 25%; text-align: left } .member-testimonials-page .story .image .img-wrapper .after h3 { font-size: 40px; font-size: calculateRem(40px); text-transform: uppercase; color: #db2128; border-bottom: 1px solid #838383; padding-bottom: 5px } .member-testimonials-page .story .image .img-wrapper .after p { font-size: 30px; font-size: calculateRem(30px); color: #fff; padding: 0; margin: 2px } @media (max-width: 2000px) { .member-testimonials-page .story .image .img-wrapper .after { bottom: 20%; right: 22% } .member-testimonials-page .story .image .img-wrapper .after h3 { font-size: 2vw; font-size: calculateRem(2vw); padding-bottom: 2px } .member-testimonials-page .story .image .img-wrapper .after p { font-size: 1.5vw; font-size: calculateRem(1.5vw) } } @media (max-width: 992px) { .member-testimonials-page .story .image .img-wrapper .after { bottom: 23%; right: 25% } .member-testimonials-page .story .image .img-wrapper .after h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .member-testimonials-page .story .image .img-wrapper .after p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 960px) { .member-testimonials-page .story .image .img-wrapper .after { bottom: 23%; right: 22% } .member-testimonials-page .story .image .img-wrapper .after h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .member-testimonials-page .story .image .img-wrapper .after p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 768px) { .member-testimonials-page .story .image .img-wrapper .after { bottom: 20%; right: 23% } .member-testimonials-page .story .image .img-wrapper .after h3 { font-size: 3.5vw; font-size: calculateRem(3.5vw) } .member-testimonials-page .story .image .img-wrapper .after p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } @media (max-width: 480px) { .member-testimonials-page .story .image .img-wrapper .after { bottom: 19%; right: 19% } .member-testimonials-page .story .image .img-wrapper .after h3 { font-size: 4vw; font-size: calculateRem(4vw) } .member-testimonials-page .story .image .img-wrapper .after p { font-size: 3vw; font-size: calculateRem(3vw) } } @media (max-width: 320px) { .member-testimonials-page .story .image .img-wrapper .after { bottom: 20%; right: 19% } .member-testimonials-page .story .image .img-wrapper .after h3 { font-size: 3vw; font-size: calculateRem(3vw) } .member-testimonials-page .story .image .img-wrapper .after p { font-size: 2.75vw; font-size: calculateRem(2.75vw) } } .member-testimonials-page .story .text { margin: auto; padding-bottom: 20px; line-height: 150% } .member-testimonials-page .story .text h3 { margin: 2%; font-size: 18px; font-size: calculateRem(18px); text-transform: uppercase; text-align: center; color: #868686; font-weight: 700 } .member-testimonials-page .story .text p { margin: 20px 15px; font-size: 14px; font-size: calculateRem(14px); text-align: text } @media (max-width: 500px) { .member-testimonials-page .story .text h3 { margin: 20px 15px; font-size: 17px; font-size: calculateRem(17px) } .member-testimonials-page .story .text p { margin: 25px 15px; font-size: 15px; font-size: calculateRem(15px) } } .privacy-policy-page .container-page { max-width: 1024px } .privacy-policy-page .container-page h2 { font-size: 30px; color: #db2128 } .pt-services-page .item.active.desktop { display: block; margin-bottom: 50px } .pt-services-page fieldset { border: 2px solid #db2128 } .pt-services-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 767px) { .pt-services-page .item.active.desktop { display: none } .pt-services-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .pt-services-page fieldset legend { font-size: 16px } } .pt-services-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-shadow: 1px 1px 1px rgba(0, 0, 0, .5); text-align: center } .pt-services-page .top-content .carousel-caption strong { font-weight: 300 } .pt-services-page .top-content .carousel-caption span { color: #fff; font-size: 18px; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128; line-height: normal; padding-top: 15px } @media (min-width: 768px) and (max-width: 991px) { .pt-services-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .pt-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } @media (max-width: 480px) { .pt-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } .pt-services-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px } @media (max-width: 480px) { .pt-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } } @media (min-width: 768px) and (max-width: 991px) { .pt-services-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .pt-services-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .pt-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } .pt-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .pt-services-page .calidance p { text-align: justify } .pt-services-page .calidance p.text-center { text-align: center } .pt-services-page .calidance .embed-responsive-4by3 { padding-bottom: 50% } .pt-services-page .discover .nav-tabs { text-align: center; background: #db2128; border: none } .pt-services-page .discover .nav-tabs li { float: none; display: inline-block; margin: 0; padding: 0 } .pt-services-page .discover .nav-tabs li a { color: #fff; background-color: transparent; border-radius: 0; border-left: 0; border-bottom: 1px solid transparent; border-right: 0; border-top: 0; padding: 0; display: block; margin: 20px 10px } @media (max-width: 767px) { .pt-services-page .discover .nav-tabs li a { margin: 10px } } @media (max-width: 480px) { .pt-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } .pt-services-page .calidance { padding: 0 } .pt-services-page .discover .nav-tabs li a { margin: 10px } } .pt-services-page .discover .nav-tabs .active a, .pt-services-page .discover .nav-tabs:hover a { border-color: #fff } .pt-services-page .discover .tab-content { color: #fff; text-align: center; padding-top: 90px; padding-bottom: 90px; background: url(../img/ptx-services/discover.jpg) no-repeat; background-size: cover } .pt-services-page .discover .tab-content h3 { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; background: rgba(219, 33, 40, .6); display: inline-block; padding: 50px 120px; margin-bottom: 90px } @media (min-width: 768px) and (max-width: 991px) { .pt-services-page .discover .tab-content h3 { padding: 20px 50px; margin-bottom: 30px } .pt-services-page .discover .tab-content { top: 0 } } .pt-services-page .discover .tab-content p { text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 100 } .pt-services-page .discover .tab-content p:first-child { font-weight: 300; letter-spacing: 1px } @media (max-width: 480px) { .pt-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .pt-services-page .discover .tab-content p { font-size: 14px } } @media (min-width: 992px) and (max-width: 1199px) { .pt-services-page .discover .tab-content { top: 0 } } @media (max-width: 767px) { .pt-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .pt-services-page .discover .tab-content p { font-size: 14px } .pt-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .pt-services-page .benefits { width: 100% } } .pt-services-page .benefits { margin: 0 auto; text-align: center } @media (max-width: 480px) { .pt-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .pt-services-page .benefits { width: 100% } .pt-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .pt-services-page .benefits .cover { position: relative; padding: 0; overflow: hidden; border-right: 2px solid #fff } .pt-services-page .benefits .cover:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } @media (max-width: 767px) { .pt-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .pt-services-page .benefits .cover .content-over { position: absolute; background: rgba(219, 33, 40, .6); bottom: 0; display: inline-block; color: #fff; width: 100%; padding: 5px 10px; font-size: 13px; height: 120px } .pt-services-page .benefits .cover .content-over h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 0 } .pt-services-page .benefits .cover .content-over p { margin-bottom: 2px; margin-top: 2px } .pt-services-page .benefits .cover img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .pt-services-page .stories ul { margin: 0 } .pt-services-page .stories ul li { margin-bottom: 40px; list-style: none; display: block } .pt-services-page .stories ul li p { margin-left: 30px } .pt-services-page .stories ul li p:first-child { margin-top: 40px } @media (min-width: 768px) and (max-width: 991px) { .pt-services-page .benefits { width: 100% } .pt-services-page .stories ul li p { margin-left: 0 } .pt-services-page .stories ul li p:first-child { margin-top: 20px } } .pt-services-page .stories ul li .seemore { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 700; border: 1px solid; padding: 5px 40px } @media (max-width: 480px) { .pt-services-page .stories ul { padding-left: 0 } .pt-services-page .stories { margin-left: 0 } } .pt-services-page .contactform { margin-top: 30px; background: url(../img/pt-services/form-pt.jpg) center top no-repeat; min-height: 800px; background-size: cover; color: #fff; padding: 0; text-transform: uppercase } @media (max-width: 767px) { .pt-services-page .stories ul { padding-left: 0 } .pt-services-page .stories { margin-left: 0 } .pt-services-page .contactform { background: url(../img/pt-services/m-form-pt.jpg) center top no-repeat #000 } .pt-services-page .contactform .bg-contactform { padding-bottom: 20px } } .pt-services-page .contactform .bg-contactform { background: rgba(0, 0, 0, .5); min-height: 800px } .pt-services-page .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px; text-align: center } .pt-services-page .contactform fieldset legend { line-height: 1.4em; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; margin: 0 auto } @media (max-width: 767px) { .pt-services-page .contactform fieldset legend { margin: 0 20px } } .pt-services-page .contactform fieldset h2 { border: none; color: #fff; margin-top: 10px; padding: 0; font-size: 22px; text-shadow: 2px 2px 7px #000; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .pt-services-page .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps; text-shadow: 2px 2px 7px #000 } @media (max-width: 400px) { .pt-services-page .contactform fieldset { margin-top: 10px } .pt-services-page .contactform fieldset legend { padding: 10px 15px } .pt-services-page .contactform fieldset h2 { font-size: 18px } .pt-services-page .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } } .pt-services-page .contactform h3 { line-height: 1.5em; font-size: 17px; text-shadow: 2px 2px 7px #000; text-align: center } .pt-services-page .contactform .visit_benefit { text-align: left; margin-top: 20px } .pt-services-page .contactform .visit_benefit p { font-size: 16px; text-shadow: 2px 2px 7px #000 } .pt-services-page .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .pt-services-page .contactform .visit_benefit ul li { color: #fff; list-style: none; position: relative; margin: 15px 0; text-shadow: 2px 2px 7px #000; font-weight: 400 } .pt-services-page .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px; color: #ff000a } .pt-services-page .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } .pt-services-page .contactform #signUp_form { width: 240px; float: right } @media (max-width: 767px) { .pt-services-page .contactform .visit_benefit ul li { display: none } .pt-services-page .contactform #signUp_form { float: none; margin: 0 auto; clear: both } } .pt-services-page .contactform #signUp_form p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; font-weight: 400; text-align: center } .pt-services-page .trainers p { text-align: justify } .pt-services-page .trainers center { font-weight: 700; margin-bottom: 20px } .pt-services-page .trainers .area { border: none; text-align: center; display: none } .pt-services-page .trainers .area li { float: none; display: inline-block } .pt-services-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .pt-services-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .pt-services-page .trainers .area .active a, .pt-services-page .trainers .area .active a:focus, .pt-services-page .trainers .area .active a:hover { border: none; color: #db2128 } .pt-services-page .trainers .teacher-detail { margin-top: 60px } .pt-services-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700 } .pt-services-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .pt-services-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000 } .pt-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block } .pt-services-page .trainers .teacher-detail ul.nav-tabs li a span { display: block } @media (max-width: 480px) { .pt-services-page .trainers .area li a { padding: 5px 10px } .pt-services-page .trainers .teacher-detail { margin-top: 10px } .pt-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .pt-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } } @media (max-width: 767px) { .pt-services-page .trainers .area li a { padding: 5px 10px } .pt-services-page .trainers .teacher-detail { margin-top: 10px } .pt-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .pt-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .pt-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .pt-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .pt-services-page .trainers .teacher-detail ul.nav-tabs li:focus, .pt-services-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } .pt-services-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 0 } .pt-services-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0 } .pt-services-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .pt-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .pt-services-page .trainers, .pt-services-page .trainers .teacher-detail .tab-content, .pt-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } } @media (max-width: 480px) { .pt-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .pt-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .pt-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .pt-services-page .trainers, .pt-services-page .trainers .teacher-detail .tab-content, .pt-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } .pt-services-page h2 .line { display: none } } .pt-services-page .school { margin-top: 20px } .pt-services-page .school .carousel-caption { background: rgba(219, 33, 40, .6); width: 100%; left: 0; right: 0; top: 0; bottom: auto; text-transform: uppercase; padding-top: 23px; font-size: 16px; letter-spacing: 1px } .pt-services-page h2 { text-transform: uppercase; text-align: center; color: #db2128; max-width: 450px; margin: 60px auto 30px; position: relative; line-height: normal } .pt-services-page h2 .line:first-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; left: -200px; top: 25px } @media (max-width: 767px) { .pt-services-page h2 .line:first-child { display: none } } @media (max-width: 480px) { .pt-services-page h2 .line:first-child { display: none } } .pt-services-page h2 .line:last-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; right: -200px; top: 25px } @media (max-width: 767px) { .pt-services-page h2 .line:last-child { display: none } .pt-services-page h2 { width: 100%; overflow: hidden; font-size: 6vw } } @media (max-width: 480px) { .pt-services-page h2 .line:last-child { display: none } .pt-services-page h2 { width: 100%; overflow: hidden; margin: 40px auto; font-size: 6vw } } @media (max-width: 320px) { .pt-services-page h2 { font-size: 20px } } @media (min-width: 768px) { .pt-services-page .banner-top { position: relative; background: url(../img/pt-services/top-banner.jpg) center top no-repeat #fff; background-size: 100% } } .pt-services-page .banner-top .cta { max-width: 40vw; margin: 10vw 0 308px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .pt-services-page .banner-top { position: relative; background: url(../img/pt-services/top-mobile.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .pt-services-page .banner-top .cta { max-width: 50vw } .pt-services-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .pt-services-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .pt-services-page .banner-top .cta { max-width: 700px } } .pt-services-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .pt-services-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .pt-services-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .pt-services-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .pt-services-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .pt-services-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .pt-services-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .pt-services-page .banner-top .cta fieldset .red-btn a, .pt-services-page .banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .pt-services-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .pt-services-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .pt-services-page .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .pt-services-page .banner-top .cta h1 { font-size: 2.1vw } .pt-services-page .carousel.slide.desktop { display: block } } @media (min-width: 1920px) { .pt-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .pt-services-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .pt-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 550px) { .pt-services-page .banner-top .cta h1 { font-size: 6.4vw } } .pt-services-page .carousel.slide.mobile { display: none } @media (max-width: 767px) { .pt-services-page .carousel.slide.desktop { display: none } .pt-services-page .carousel.slide.mobile { display: block } } .pt-services-page .item.active.mobile { display: none } @media (max-width: 767px) { .pt-services-page .item.active.mobile { display: block; margin-bottom: 50px } } .ptx-services-page fieldset { border: 2px solid #db2128 } .ptx-services-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 767px) { .ptx-services-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .ptx-services-page fieldset legend { font-size: 16px } } .ptx-services-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-shadow: none; text-align: center } .ptx-services-page .top-content .carousel-caption strong { font-weight: 300 } .ptx-services-page .top-content .carousel-caption span { color: #fff; font-size: 18px; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128; line-height: normal; padding-top: 15px } @media (min-width: 768px) and (max-width: 991px) { .ptx-services-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .ptx-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } @media (max-width: 480px) { .ptx-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } .ptx-services-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px; text-shadow: none } @media (max-width: 480px) { .ptx-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } } @media (min-width: 768px) and (max-width: 991px) { .ptx-services-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .ptx-services-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .ptx-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } .ptx-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .ptx-services-page .calidance p { text-align: justify } .ptx-services-page .calidance .embed-responsive-4by3 { padding-bottom: 50% } .ptx-services-page .discover .nav-tabs { text-align: center; background: #db2128; border: none } .ptx-services-page .discover .nav-tabs li { float: none; display: inline-block; margin: 0; padding: 0 } .ptx-services-page .discover .nav-tabs li a { color: #fff; background-color: transparent; border-radius: 0; border-left: 0; border-bottom: 1px solid transparent; border-right: 0; border-top: 0; padding: 0; display: block; margin: 20px 10px } @media (max-width: 767px) { .ptx-services-page .discover .nav-tabs li a { margin: 10px } } @media (max-width: 480px) { .ptx-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } .ptx-services-page .calidance { padding: 0 } .ptx-services-page .discover .nav-tabs li a { margin: 10px } } .ptx-services-page .discover .nav-tabs .active a, .ptx-services-page .discover .nav-tabs:hover a { border-color: #fff } .ptx-services-page .discover .tab-content { color: #fff; text-align: center; padding-top: 90px; padding-bottom: 90px; background: url(../img/ptx-services/discover.jpg) no-repeat; background-size: cover } .ptx-services-page .discover .tab-content h3 { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; background: rgba(219, 33, 40, .6); display: inline-block; padding: 50px 120px; margin-bottom: 90px } @media (min-width: 768px) and (max-width: 991px) { .ptx-services-page .discover .tab-content h3 { padding: 20px 50px; margin-bottom: 30px } .ptx-services-page .discover .tab-content { top: 0 } } .ptx-services-page .discover .tab-content p { text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 100 } .ptx-services-page .discover .tab-content p:first-child { font-weight: 300; letter-spacing: 1px } @media (max-width: 480px) { .ptx-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .ptx-services-page .discover .tab-content p { font-size: 14px } } @media (min-width: 992px) and (max-width: 1199px) { .ptx-services-page .discover .tab-content { top: 0 } } @media (max-width: 767px) { .ptx-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .ptx-services-page .discover .tab-content p { font-size: 14px } .ptx-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .ptx-services-page .benefits { width: 100% } } .ptx-services-page .benefits { margin: 0 auto; text-align: center } @media (max-width: 480px) { .ptx-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .ptx-services-page .benefits { width: 100% } .ptx-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .ptx-services-page .benefits .cover { position: relative; padding: 0; overflow: hidden; border-right: 2px solid #fff } .ptx-services-page .benefits .cover:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } @media (max-width: 767px) { .ptx-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .ptx-services-page .benefits .cover .content-over { position: absolute; background: rgba(219, 33, 40, .6); bottom: 0; display: inline-block; color: #fff; width: 100%; padding: 5px 10px; font-size: 13px; height: 120px } .ptx-services-page .benefits .cover .content-over h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 0 } .ptx-services-page .benefits .cover .content-over p { margin-bottom: 2px; margin-top: 2px } .ptx-services-page .benefits .cover img { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .ptx-services-page .stories ul { margin: 0 } .ptx-services-page .stories ul li { margin-bottom: 40px; list-style: none; display: block } .ptx-services-page .stories ul li p { margin-left: 30px } .ptx-services-page .stories ul li p:first-child { margin-top: 40px } @media (min-width: 768px) and (max-width: 991px) { .ptx-services-page .benefits { width: 100% } .ptx-services-page .stories ul li p { margin-left: 0 } .ptx-services-page .stories ul li p:first-child { margin-top: 20px } } .ptx-services-page .stories ul li .seemore { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 700; border: 1px solid; padding: 5px 40px } @media (max-width: 480px) { .ptx-services-page .stories ul { padding-left: 0 } .ptx-services-page .stories { margin-left: 0 } } .ptx-services-page .contactform { margin-top: 30px; background: url(../img/ptx-services/form-ptx.jpg) center top no-repeat; min-height: 800px; background-size: cover; color: #fff; padding: 0; text-transform: uppercase } @media (max-width: 767px) { .ptx-services-page .stories ul { padding-left: 0 } .ptx-services-page .stories { margin-left: 0 } .ptx-services-page .contactform { background: url(../img/ptx-services/m-form-ptx.jpg) center top no-repeat #000 } .ptx-services-page .contactform .bg-contactform { padding-bottom: 20px } } .ptx-services-page .contactform .bg-contactform { background: rgba(0, 0, 0, .5); min-height: 800px } .ptx-services-page .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px; text-align: center } .ptx-services-page .contactform fieldset legend { line-height: 1.4em; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #7f7f7f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; width: inherit; margin: 0 auto } @media (max-width: 767px) { .ptx-services-page .contactform fieldset legend { margin: 0 20px } } .ptx-services-page .contactform fieldset h2 { border: none; color: #fff; margin-top: 10px; padding: 0; font-size: 22px; text-shadow: 2px 2px 7px #000; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .ptx-services-page .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps; text-shadow: 2px 2px 7px #000 } @media (max-width: 400px) { .ptx-services-page .contactform fieldset { margin-top: 10px } .ptx-services-page .contactform fieldset legend { padding: 10px 15px } .ptx-services-page .contactform fieldset h2 { font-size: 18px } .ptx-services-page .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } } .ptx-services-page .contactform h3 { line-height: 1.5em; font-size: 17px; text-shadow: 2px 2px 7px #000; text-align: center } .ptx-services-page .contactform .visit_benefit { text-align: left; margin-top: 20px } .ptx-services-page .contactform .visit_benefit p { font-size: 16px; text-shadow: 2px 2px 7px #000 } .ptx-services-page .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .ptx-services-page .contactform .visit_benefit ul li { color: #fff; list-style: none; position: relative; margin: 15px 0; text-shadow: 2px 2px 7px #000; font-weight: 400 } .ptx-services-page .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px; color: #ff000a } .ptx-services-page .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } .ptx-services-page .contactform #signUp_form { width: 240px; float: right } @media (max-width: 767px) { .ptx-services-page .contactform .visit_benefit ul li { display: none } .ptx-services-page .contactform #signUp_form { float: none; margin: 0 auto; clear: both } } .ptx-services-page .contactform #signUp_form p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; font-weight: 400; text-align: center } .ptx-services-page .trainers p { text-align: justify } .ptx-services-page .trainers center { font-weight: 700; margin-bottom: 20px } .ptx-services-page .trainers .area { border: none; text-align: center; display: none } .ptx-services-page .trainers .area li { float: none; display: inline-block } .ptx-services-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .ptx-services-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .ptx-services-page .trainers .area .active a, .ptx-services-page .trainers .area .active a:focus, .ptx-services-page .trainers .area .active a:hover { border: none; color: #db2128 } .ptx-services-page .trainers .teacher-detail { margin-top: 60px } .ptx-services-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700 } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000 } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a span { display: block } @media (max-width: 480px) { .ptx-services-page .trainers .area li a { padding: 5px 10px } .ptx-services-page .trainers .teacher-detail { margin-top: 10px } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } } @media (max-width: 767px) { .ptx-services-page .trainers .area li a { padding: 5px 10px } .ptx-services-page .trainers .teacher-detail { margin-top: 10px } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li:focus, .ptx-services-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } .ptx-services-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 0 } .ptx-services-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0 } .ptx-services-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .ptx-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .ptx-services-page .trainers, .ptx-services-page .trainers .teacher-detail .tab-content, .ptx-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } } @media (max-width: 480px) { .ptx-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .ptx-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .ptx-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .ptx-services-page .trainers, .ptx-services-page .trainers .teacher-detail .tab-content, .ptx-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } .ptx-services-page h2 .line { display: none } } .ptx-services-page .school { margin-top: 20px } .ptx-services-page .school .carousel-caption { background: rgba(219, 33, 40, .6); width: 100%; left: 0; right: 0; top: 0; bottom: auto; text-transform: uppercase; padding-top: 23px; font-size: 16px; letter-spacing: 1px } .ptx-services-page h2 { text-transform: uppercase; text-align: center; color: #db2128; max-width: 450px; margin: 60px auto 30px; position: relative; line-height: normal } .ptx-services-page h2 .line:first-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; left: -200px; top: 25px } @media (max-width: 767px) { .ptx-services-page h2 .line:first-child { display: none } } @media (max-width: 480px) { .ptx-services-page h2 .line:first-child { display: none } } .ptx-services-page h2 .line:last-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; right: -200px; top: 25px } @media (max-width: 767px) { .ptx-services-page h2 .line:last-child { display: none } .ptx-services-page h2 { width: 100%; overflow: hidden; font-size: 6vw } } @media (max-width: 480px) { .ptx-services-page h2 .line:last-child { display: none } .ptx-services-page h2 { width: 100%; overflow: hidden; margin: 40px auto; font-size: 6vw } } @media (max-width: 320px) { .ptx-services-page h2 { font-size: 20px } } @media (min-width: 768px) { .ptx-services-page .banner-top { position: relative; background: url(../img/ptx-services/top-banner.jpg) center top no-repeat #fff; background-size: 100% } } .ptx-services-page .banner-top .cta { max-width: 40vw; margin: 12vw 0 258px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .ptx-services-page .banner-top { position: relative; background: url(../img/ptx-services/top-mobile.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .ptx-services-page .banner-top .cta { max-width: 50vw } .ptx-services-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .ptx-services-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .ptx-services-page .banner-top .cta { max-width: 750px } } .ptx-services-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .ptx-services-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .ptx-services-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .ptx-services-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .ptx-services-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .ptx-services-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .ptx-services-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .ptx-services-page .banner-top .cta fieldset .red-btn a, .ptx-services-page .banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .ptx-services-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .ptx-services-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .ptx-services-page .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .ptx-services-page .banner-top .cta h1 { font-size: 2.1vw } .ptx-services-page .carousel.slide.desktop { display: block } } @media (min-width: 1920px) { .ptx-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .ptx-services-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .ptx-services-page .banner-top .cta h1 { font-size: 30px } } .ptx-services-page .carousel.slide.mobile { display: none } @media (min-width: 768px) { .container-fluid.page.services-page .banner-top { position: relative; background: url(../img/services/banner.jpg) center top no-repeat #fff; background-size: 100% } } .container-fluid.page.services-page .banner-top .cta { max-width: 40vw; margin: 12vw 0 258px 3%; padding: 20px; position: relative } @media (max-width: 767px) { .ptx-services-page .carousel.slide.desktop { display: none } .container-fluid.page.services-page .banner-top .cta { max-width: 50vw } .ptx-services-page .carousel.slide.mobile { display: block } .container-fluid.page.services-page .banner-top { position: relative; background: url(../img/services/m-banner.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } .container-fluid.page.services-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .ptx-services-page .banner-top .cta h1 { font-size: 6.4vw } .container-fluid.page.services-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } .container-fluid.page.services-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .container-fluid.page.services-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .container-fluid.page.services-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .container-fluid.page.services-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .container-fluid.page.services-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .container-fluid.page.services-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .container-fluid.page.services-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .container-fluid.page.services-page .banner-top .cta fieldset .red-btn a, .container-fluid.page.services-page .banner-top .cta fieldset span { margin: 0 auto; display: block; color: #fff; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .container-fluid.page.services-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .container-fluid.page.services-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .container-fluid.page.services-page .banner-top .cta fieldset .red-btn a { font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 40%; white-space: nowrap; font-weight: 600 } @media (max-width: 767px) { .container-fluid.page.services-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } } .container-fluid.page.services-page .col-md-4.col-xs-12.col-centered { overflow: hidden; position: relative; padding: 0; margin: 20px -6 } .container-fluid.page.services-page .col-md-4.col-xs-12.col-centered img { max-width: 100%; display: block; margin: 0 auto; position: relative; left: 0; top: 0; z-index: 0 } .container-fluid.page.services-page .col-md-4.col-xs-12.col-centered .title { transform: translateY(85%); min-height: 100%; transition: .25s ease-in; -moz-transition: .25s ease-in; -webkit-transition: .25s ease-in; display: block; margin: 0 auto; position: absolute; top: 0; left: 0; z-index: 1; color: #fff; background: rgba(219, 33, 40, .5); min-width: 100%; padding: 5px 20px } .container-fluid.page.services-page .col-md-4.col-xs-12.col-centered .title h2 { text-align: center } .container-fluid.page.services-page .col-md-4.col-xs-12.col-centered:hover>.title { transform: translateY(0) } .container-fluid.page.services-page .whitespace { min-width: 100%; min-height: 50px; background: 0 0 } .container-fluid.page.services-page .section1 .text-box { margin: 20px auto; text-align: center } @media (max-width: 767px) { .container-fluid.page.services-page .section1 .text-box { max-width: 90% } } .vip-members-page .container-fluid { padding: 0 } @media (min-width: 768px) { .vip-members-page .container-fluid .common-banner-top { background: url(../img/vip-members/california-wow-vip-members.jpg) center top no-repeat #fff; background-size: cover } } .vip-members-page .container-fluid .common-banner-top .cta { margin: 7vw 0 21vw 2%; padding: 20px; position: relative; max-width: 620px } @media (min-width: 1920px) { .vip-members-page .container-fluid .common-banner-top .cta { margin: 190px 0 421px 2% } } @media (max-width: 767px) { .vip-members-page .container-fluid .common-banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } .vip-members-page .container-fluid .common-banner-top .cta { max-width: 50vw } } @media (max-width: 550px) { .vip-members-page .container-fluid .common-banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } .vip-members-page .container-fluid .common-banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .vip-members-page .container-fluid .common-banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .vip-members-page .container-fluid .common-banner-top .cta fieldset legend { color: #fff; text-align: center; line-height: 1.1em; text-transform: uppercase; font-weight: 600 !important; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 2000px) { .vip-members-page .container-fluid .common-banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .vip-members-page .container-fluid .common-banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .vip-members-page .container-fluid .common-banner-top .cta fieldset legend { font-size: 6.4vw } } .vip-members-page .container-fluid .common-banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .vip-members-page .container-fluid .common-banner-top .cta fieldset .red-btn a, .vip-members-page .container-fluid .common-banner-top .cta fieldset span { color: #fff; margin: 0 auto; display: block; text-align: center; text-transform: uppercase } @media (max-width: 767px) { .vip-members-page .container-fluid .common-banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em } } .vip-members-page .container-fluid .common-banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .vip-members-page .container-fluid .common-banner-top .cta fieldset .red-btn a { font-size: 12px; background: #222; border-radius: 20px; text-decoration: none; position: relative; padding: 10px 30px; bottom: 0; width: 60%; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .vip-members-page .container-fluid .common-banner-top .cta h1 { font-size: 2.1vw } } @media (min-width: 1920px) { .vip-members-page .container-fluid .common-banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .vip-members-page .container-fluid .common-banner-top .cta fieldset .red-btn a { background: #db2128; width: 55%; padding: 10px 15px } .vip-members-page .container-fluid .common-banner-top .cta h1 { font-size: 30px } .vip-members-page .container-fluid .common-banner-top { background: url(../img/vip-members/california-wow-vip-members-mobile.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } @media (max-width: 550px) { .vip-members-page .container-fluid .common-banner-top .cta h1 { font-size: 6.4vw } } .vip-members-page .top-content .holder-top-content .whitespace { padding: 10px 0; clear: both } .vip-members-page .top-content .holder-top-content .rsvpnow { background: #fff } .vip-members-page .top-content .holder-top-content .rsvpnow img { max-width: 100% } .vip-members-page .top-content .holder-top-content .rsvpnow h2.title { color: #db2128; font-size: 16px; text-transform: uppercase; padding: 0 10px } .vip-members-page .top-content .holder-top-content .rsvpnow p.title_desc { padding: 0 10px } .vip-members-page .top-content .holder-top-content .rsvpnow h3.section_title { font-size: 13px; line-height: 20px; text-transform: uppercase } .vip-members-page .top-content .holder-top-content .rsvpnow hr { border-color: #000; margin: 0 0 40px } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items { padding: 0; border: 1px solid #fff } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items img { width: 100% } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items .overlay { position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(0, 0, 0, .5) } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items .overlay h2 { margin-top: 10px; color: #fff } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items .overlay h2 a { color: #fff } .vip-members-page .top-content .holder-top-content .rsvpnow h2.booktitle { border: 1px solid #000; padding: 4% 8%; text-transform: uppercase; margin-bottom: 30px } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit { font-size: 13px; line-height: inherit; text-transform: uppercase; margin-bottom: 50px } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit span { font-size: 90% } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit span.title { font-size: 120% } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm { text-align: left; text-transform: uppercase } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm label { font-weight: 700 } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm input { width: 100%; height: 30px; padding: 2px 5px } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm:focus { color: #db2128 } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm select { text-align: left; width: 100%; height: 30px } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm input[type=submit] { color: #fff; font-weight: 700; margin-top: 30px; margin-bottom: 30px; height: 40px; font-size: 130%; letter-spacing: 2px; text-transform: uppercase; background: #db2128; padding: 7px 12px; border: none } @media only screen and (max-width: 20em) { .vip-members-page .top-content .holder-top-content .rsvpnow { background: #fff } .vip-members-page .top-content .holder-top-content .rsvpnow img { width: 100% } .vip-members-page .top-content .holder-top-content .rsvpnow h2.title { color: #db2128; font-size: 16px; text-transform: uppercase; padding: 0 10px; border-bottom: none; margin-bottom: 0; margin-top: 5px } .vip-members-page .top-content .holder-top-content .rsvpnow p.title_desc { padding: 0 10px; margin-bottom: 30px } .vip-members-page .top-content .holder-top-content .rsvpnow h3 { font-size: 13px; line-height: 20px; text-transform: uppercase } .vip-members-page .top-content .holder-top-content .rsvpnow hr { border-color: #000; margin: 0 0 40px } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items { padding: 0; border: 1px solid #fff } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items img { width: 100% } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items .overlay { position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(0, 0, 0, .5); height: 36px } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items .overlay h2 { margin-top: 10px; color: #fff; border-bottom: none } .vip-members-page .top-content .holder-top-content .rsvpnow h2.booktitle { border: 1px solid #000; padding: 5px 10px; text-transform: uppercase } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit { font-size: 13px; line-height: inherit; text-transform: uppercase; margin-bottom: 50px } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit span { font-size: 90% } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit span.title { font-size: 120% } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm { text-align: left; text-transform: uppercase } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm label { font-weight: 700 } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm input { width: 100%; height: 30px; padding: 2px 5px } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm:focus { color: #db2128 } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm select { text-align: left; width: 100%; height: 30px } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm input[type=submit] { color: #fff; font-weight: 700; margin-top: 30px; margin-bottom: 30px; height: 40px; font-size: 130%; letter-spacing: 2px; text-transform: uppercase; background: #db2128; padding: 7px 12px; border: none } } @media only screen and (max-width: 40em) { .vip-members-page .top-content .holder-top-content .rsvpnow { background: #fff } .vip-members-page .top-content .holder-top-content .rsvpnow img { width: 100% } .vip-members-page .top-content .holder-top-content .rsvpnow h2.title { color: #db2128; font-size: 16px; text-transform: uppercase; padding: 0 10px; border-bottom: none; margin-bottom: 0; margin-top: 5px } .vip-members-page .top-content .holder-top-content .rsvpnow p.title_desc { padding: 0 10px; margin-bottom: 30px } .vip-members-page .top-content .holder-top-content .rsvpnow h3.section_title { font-size: 13px; line-height: 20px; text-transform: uppercase } .vip-members-page .top-content .holder-top-content .rsvpnow hr { border-color: #000; margin: 0 0 40px } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items { padding: 0; border: 1px solid #fff } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items img { width: 100% } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items .overlay { position: absolute; bottom: 0; width: 100%; text-align: center; background: rgba(0, 0, 0, .5); height: 36px } .vip-members-page .top-content .holder-top-content .rsvpnow .chance_items .overlay h2 { margin-top: 10px; color: #fff; border-bottom: none } .vip-members-page .top-content .holder-top-content .rsvpnow h2.booktitle { border: 1px solid #000; padding: 5px 10px; text-transform: uppercase } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit { font-size: 13px; line-height: inherit; text-transform: uppercase; margin-bottom: 50px } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit span { font-size: 90% } .vip-members-page .top-content .holder-top-content .rsvpnow h3.visit_benefit span.title { font-size: 120% } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm { text-align: left; text-transform: uppercase } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm label { font-weight: 700 } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm input { width: 100%; height: 30px; padding: 2px 5px } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm:focus { color: #db2128 } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm select { text-align: left; width: 100%; height: 30px } .vip-members-page .top-content .holder-top-content .rsvpnow .registerfrm input[type=submit] { color: #fff; font-weight: 700; margin-top: 30px; margin-bottom: 30px; height: 40px; font-size: 130%; letter-spacing: 2px; text-transform: uppercase; background: #db2128; padding: 7px 12px; border: none } } .yoga-services-page fieldset { border: 2px solid #db2128 } .yoga-services-page fieldset legend { color: #db2128; text-align: center; font-size: 40px; border: none; padding-left: 20px; padding-right: 20px; width: inherit; max-width: 100%; margin: 0 auto } @media (max-width: 767px) { .yoga-services-page fieldset legend { font-size: 16px } } @media (max-width: 480px) { .yoga-services-page fieldset legend { font-size: 16px } } .yoga-services-page .top-content .carousel-caption { font-size: 40px; left: 10%; bottom: 20%; right: 0; color: #db2128; line-height: 40px; display: inline-block; width: 600px; text-transform: uppercase; letter-spacing: 2px; text-shadow: none; text-align: center } .yoga-services-page .top-content .carousel-caption strong { font-weight: 300 } .yoga-services-page .top-content .carousel-caption span { color: #fff; font-size: 18px; display: inline-block; margin-top: 10px; margin-bottom: 30px; border-top: 1px solid #db2128; line-height: normal; padding-top: 15px } @media (min-width: 768px) and (max-width: 991px) { .yoga-services-page .top-content .carousel-caption span { margin-top: 0; padding-top: 10px } } @media (max-width: 767px) { .yoga-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } @media (max-width: 480px) { .yoga-services-page .top-content .carousel-caption span { font-size: 14px; margin-top: 10px; padding-top: 10px; margin-bottom: 10px } } .yoga-services-page .top-content .carousel-caption a { color: #fff; font-size: 12px; background: #db2128; position: absolute; display: inline-block; border-radius: 20px; text-decoration: none; width: 140px; left: 35%; bottom: 12px } @media (max-width: 480px) { .yoga-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } } @media (min-width: 768px) and (max-width: 991px) { .yoga-services-page .top-content .carousel-caption a { bottom: 20px; padding: 5px } .yoga-services-page .top-content .carousel-caption { font-size: 40px; line-height: normal } } @media (max-width: 767px) { .yoga-services-page .top-content .carousel-caption a { left: 0; right: 0; margin: 0 auto } .yoga-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } } .yoga-services-page .calidance p { text-align: justify } .yoga-services-page .calidance .embed-responsive-4by3 { padding-bottom: 50% } @media (max-width: 480px) { .yoga-services-page .top-content .carousel-caption { width: auto; right: 5%; font-size: 16px; bottom: 0; line-height: normal; left: 5% } .yoga-services-page .calidance { padding: 0 } } .yoga-services-page .discover .dropdown .btn-primary { width: 100%; font-size: 18px; background: #00528c; border: 0; border-radius: 0; text-transform: uppercase } .yoga-services-page .discover .dropdown ul { width: 100%; border-radius: 0; box-shadow: none; top: 35px; padding: 0; border: none; text-transform: uppercase } .yoga-services-page .discover .dropdown ul li a { width: 100%; padding-top: 8px; padding-bottom: 8px; color: #FFF; background-color: #00528c } .yoga-services-page .discover .nav-tabs { text-align: center; background: #00528c; border: none } .yoga-services-page .discover .nav-tabs li { float: none; display: inline-block; margin: 0; padding: 0 } .yoga-services-page .discover .nav-tabs li a { color: #fff; background-color: transparent; border-radius: 0; border-left: 0; border-bottom: 1px solid transparent; border-right: 0; border-top: 0; padding: 0; display: block; margin: 20px 10px; text-transform: uppercase } @media (max-width: 767px) { .yoga-services-page .discover .nav-tabs li a { margin: 10px } } @media (max-width: 480px) { .yoga-services-page .discover .nav-tabs li a { margin: 10px } } .yoga-services-page .discover .nav-tabs .active a, .yoga-services-page .discover .nav-tabs:hover a { border-color: #fff } .yoga-services-page .discover .tab-content { color: #fff; text-align: center; padding-top: 90px; padding-bottom: 90px; background: url(../img/yoga-services/discover-1.jpg) no-repeat; background-size: cover } .yoga-services-page .discover .tab-content h3 { font-size: 30px; text-transform: uppercase; letter-spacing: 2px; background: rgba(0, 82, 140, .6); display: inline-block; padding: 50px 120px; margin-bottom: 90px } @media (min-width: 768px) and (max-width: 991px) { .yoga-services-page .discover .tab-content h3 { padding: 20px 50px; margin-bottom: 30px } .yoga-services-page .discover .tab-content { top: 0 } } .yoga-services-page .discover .tab-content p { text-transform: uppercase; font-size: 16px; letter-spacing: 2px; font-weight: 100 } .yoga-services-page .discover .tab-content p:first-child { font-weight: 300; letter-spacing: 1px } @media (max-width: 480px) { .yoga-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .yoga-services-page .discover .tab-content p { font-size: 14px } } @media (min-width: 992px) and (max-width: 1199px) { .yoga-services-page .discover .tab-content { top: 0 } .container-fluid.page { height: 95px } } @media (max-width: 1199px) { #mobile-navigation-menu-toggle { display: block; z-index: 101; position: fixed; right: 15px; top: 21px; padding: 10px 5px } } @media (max-width: 767px) { .yoga-services-page .discover .tab-content h3 { padding: 10px 15px; margin-bottom: 10px } .yoga-services-page .discover .tab-content p { font-size: 14px } .yoga-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .yoga-services-page .benefits { width: 100% } } .yoga-services-page .benefits { margin: 0 auto; text-align: center } @media (max-width: 480px) { .yoga-services-page .discover .tab-content { width: 100%; text-shadow: none; font-weight: 400; padding-left: 15px; left: 0; padding-right: 15px; top: 0 } .yoga-services-page .benefits { width: 100% } .yoga-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .yoga-services-page .benefits .cover { position: relative; padding: 0; overflow: hidden; border-right: 2px solid #fff } .yoga-services-page .benefits .cover:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3) } @media (max-width: 767px) { .yoga-services-page .benefits .cover a { margin-bottom: 20px; display: block } } .yoga-services-page .benefits .cover .content-over { position: absolute; background: rgba(219, 33, 40, .6); bottom: 0; display: inline-block; color: #fff; width: 100%; padding: 5px 10px; font-size: 13px; height: 120px } .yoga-services-page .benefits .cover .content-over h4 { font-size: 14px; text-transform: uppercase; margin-bottom: 0 } .yoga-services-page .benefits .cover .content-over p { margin-bottom: 2px; margin-top: 2px } .yoga-services-page .benefits .cover img { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .yoga-services-page .stories ul { margin: 0 } .yoga-services-page .stories ul li { margin-bottom: 40px; list-style: none; display: block } .yoga-services-page .stories ul li p { margin-left: 30px } .yoga-services-page .stories ul li p:first-child { margin-top: 40px } @media (min-width: 768px) and (max-width: 991px) { .yoga-services-page .benefits { width: 100% } .yoga-services-page .stories ul li p { margin-left: 0 } .yoga-services-page .stories ul li p:first-child { margin-top: 20px } } .yoga-services-page .stories ul li .seemore { font-size: 20px; color: #000; text-transform: uppercase; font-weight: 700; border: 1px solid; padding: 5px 40px } @media (max-width: 480px) { .yoga-services-page .stories ul { padding-left: 0 } .yoga-services-page .stories { margin-left: 0 } } .yoga-services-page .contactform { margin-top: 30px; background: url(../img/yoga-services/form-yoga.jpg) center top no-repeat; min-height: 800px; background-size: cover; color: #000; padding: 0; text-transform: uppercase } @media (max-width: 767px) { .yoga-services-page .stories ul { padding-left: 0 } .yoga-services-page .stories { margin-left: 0 } .yoga-services-page .contactform { background: url(../img/yoga-services/m-form-yoga.jpg) center top no-repeat #fff } .yoga-services-page .contactform .bg-contactform { padding-bottom: 20px } } .yoga-services-page .contactform .bg-contactform { background: rgba(255, 255, 255, .5); min-height: 800px } .yoga-services-page .contactform fieldset { border: 1px solid #999; margin-top: 30px; padding: 0 5px; text-align: center } .yoga-services-page .contactform fieldset legend { line-height: 1.4em; width: inherit; font-size: 17px; background: #e00202; padding: 10px 35px; border: 5px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; margin: 0 auto } @media (max-width: 767px) { .yoga-services-page .contactform fieldset legend { margin: 0 20px } } .yoga-services-page .contactform fieldset h2 { border: none; color: #000; margin-top: 10px; padding: 0; font-size: 22px; text-shadow: 2px 2px 7px #999; line-height: 1.4em; margin-bottom: 10px; max-width: 100% } .yoga-services-page .contactform fieldset h1 { margin-top: 0; font-weight: 800; font-size: 2.7em; letter-spacing: 2px; font-variant: small-caps; text-shadow: 2px 2px 7px #999 } @media (max-width: 400px) { .yoga-services-page .contactform fieldset { margin-top: 10px } .yoga-services-page .contactform fieldset legend { padding: 10px 15px } .yoga-services-page .contactform fieldset h2 { font-size: 18px } .yoga-services-page .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } } .yoga-services-page .contactform h3 { line-height: 1.5em; font-size: 17px; text-shadow: 2px 2px 7px #999; text-align: center } .yoga-services-page .contactform .visit_benefit { text-align: left; margin-top: 20px } .yoga-services-page .contactform .visit_benefit p { font-size: 16px; text-shadow: 2px 2px 7px #999 } .yoga-services-page .contactform .visit_benefit ul { padding-left: 20px; margin-bottom: 30px } .yoga-services-page .contactform .visit_benefit ul li { color: #000; list-style: none; position: relative; margin: 15px 0; text-shadow: 2px 2px 7px #999; font-weight: 400 } .yoga-services-page .contactform .visit_benefit ul li:before { font: normal normal normal 14px/1 FontAwesome; content: "\f111"; position: absolute; left: -20px; top: 3px; color: #ff000a } .yoga-services-page .contactform .visit_benefit ul li span { color: #fff; font-weight: 400; display: block } .yoga-services-page .contactform #signUp_form { width: 240px; float: right } @media (max-width: 767px) { .yoga-services-page .contactform .visit_benefit ul li { display: none } .yoga-services-page .contactform #signUp_form { float: none; margin: 0 auto; clear: both } } .yoga-services-page .contactform #signUp_form .form-group .input_group label { color: #000 } .yoga-services-page .contactform #signUp_form .form-group .input_group input:not([type=submit]), .yoga-services-page .contactform #signUp_form .form-group .input_group select { border: 1px solid #999; color: #000 } .yoga-services-page .contactform #signUp_form .form-group .input_group select option { background: #fff; padding: 3px 0 } .yoga-services-page .contactform #signUp_form .form-group .input_group input:not([type=submit]):focus, .yoga-services-page .contactform #signUp_form .form-group .input_group input:not([type=submit]):hover, .yoga-services-page .contactform #signUp_form .form-group .input_group select:focus, .yoga-services-page .contactform #signUp_form .form-group .input_group select:hover { border: 1px solid #000; box-shadow: 0 0 5px #fff } .yoga-services-page .contactform #signUp_form p.cta-text { font-size: 14px; padding: 7px 5px; background: #e00202; color: #fff; font-weight: 400; text-align: center } .yoga-services-page .trainers p { text-align: justify } .yoga-services-page .trainers img.img-responsive.img-circle { border: 3px solid #ccc } .yoga-services-page .trainers center { font-weight: 700; margin-bottom: 20px } .yoga-services-page .trainers .area { border: none; text-align: center; display: none } .yoga-services-page .trainers .area li { float: none; display: inline-block } .yoga-services-page .trainers .area li a { border: none; font-weight: 700; color: #000 } .yoga-services-page .trainers .area:hover a { background-color: transparent; color: #db2128 } .yoga-services-page .trainers .area .active a, .yoga-services-page .trainers .area .active a:focus, .yoga-services-page .trainers .area .active a:hover { border: none; color: #db2128 } .yoga-services-page .trainers .teacher-detail { margin-top: 60px } .yoga-services-page .trainers .teacher-detail ul.nav-tabs { border: none; text-align: center; font-weight: 700 } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li { float: none; display: list-item } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a { border: none; color: #000 } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100px; display: inline-block } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a span { display: block } @media (max-width: 480px) { .yoga-services-page .trainers .area li a { padding: 5px 10px } .yoga-services-page .trainers .teacher-detail { margin-top: 10px } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } } @media (max-width: 767px) { .yoga-services-page .trainers .area li a { padding: 5px 10px } .yoga-services-page .trainers .teacher-detail { margin-top: 10px } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a img { width: 100% } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a span { font-size: 80% } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li:focus, .yoga-services-page .trainers .teacher-detail ul.nav-tabs li:hover { background: 0 0 !important } .yoga-services-page .trainers .teacher-detail .tab-content h3 { color: #db2128; margin-bottom: 0 } .yoga-services-page .trainers .teacher-detail .tab-content h4 { color: #db2128; font-weight: 400; margin-top: 0 } .yoga-services-page .trainers .teacher-detail .tab-content img { display: inline-block } @media (max-width: 767px) { .yoga-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .yoga-services-page .trainers, .yoga-services-page .trainers .teacher-detail .tab-content, .yoga-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } } @media (max-width: 480px) { .yoga-services-page .trainers .teacher-detail ul.nav-tabs li a { padding: 0 } .yoga-services-page .trainers .teacher-detail ul.nav-tabs li { float: left; width: 25% } .yoga-services-page .trainers .teacher-detail .tab-content img { height: 200px; margin-top: 10px; margin-bottom: 10px } .yoga-services-page .trainers, .yoga-services-page .trainers .teacher-detail .tab-content, .yoga-services-page .trainers .teacher-detail .tab-content .cont { padding: 0 } .yoga-services-page h2 .line { display: none } } .yoga-services-page .school { margin-top: 20px } .yoga-services-page .school .carousel-caption { background: rgba(219, 33, 40, .6); width: 100%; left: 0; right: 0; top: 0; bottom: auto; text-transform: uppercase; padding-top: 23px; font-size: 16px; letter-spacing: 1px } .yoga-services-page h2 { text-transform: uppercase; text-align: center; color: #db2128; max-width: 450px; margin: 60px auto 30px; position: relative; line-height: normal } .yoga-services-page h2 .line:first-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; left: -200px; top: 25px } @media (max-width: 767px) { .yoga-services-page h2 .line:first-child { display: none } } @media (max-width: 480px) { .yoga-services-page h2 .line:first-child { display: none } } .yoga-services-page h2 .line:last-child { width: 180px; display: inline-block; position: absolute; background-color: #db2128; height: 3px; right: -200px; top: 25px } @media (max-width: 767px) { .yoga-services-page h2 .line:last-child { display: none } .yoga-services-page h2 { width: 100%; overflow: hidden; font-size: 6vw } } @media (max-width: 480px) { .yoga-services-page h2 .line:last-child { display: none } .yoga-services-page h2 { width: 100%; overflow: hidden; margin: 40px auto; font-size: 6vw } .yoga-services-page .yogi .firstcol { margin-bottom: 15px } } @media (max-width: 320px) { .yoga-services-page h2 { font-size: 20px } } .yoga-services-page .yogi img { width: 100% } .yoga-services-page .yogi .firstcol { padding-left: 0; padding-right: 0; margin-bottom: 15px } .yoga-services-page .yogi .firstcol img { height: 664px; width: 100% } @media (min-width: 768px) and (max-width: 991px) { .yoga-services-page .yogi .secondcol { padding: 0 } } @media (max-width: 767px) { .yoga-services-page .yogi .firstcol { margin-bottom: 15px } .yoga-services-page .yogi .firstcol img { height: auto; width: auto } .yoga-services-page .yogi .secondcol { padding: 0 } } @media (max-width: 480px) { .yoga-services-page .yogi .secondcol { padding: 0 } } .yoga-services-page .yogi .secondcol img { height: 322px; width: 100% } @media (min-width: 768px) { .yoga-services-page .banner-top { position: relative; background: url(../img/yoga-services/top-banner.jpg) center top no-repeat #fff; background-size: 100% } } @media (max-width: 767px) { .yoga-services-page .yogi .secondcol img { height: auto; width: auto; padding: 0 } .yoga-services-page .banner-top { position: relative; background: url(../img/yoga-services/top-mobile.jpg) center top no-repeat #fff; background-size: cover; min-height: 500px } } .yoga-services-page .banner-top .cta { max-width: 40vw; margin: 15vw 0 10vw 3%; padding: 20px; position: relative } @media (max-width: 767px) { .yoga-services-page .banner-top .cta { width: 100%; max-width: 500px; margin: 450px auto 0; padding: 50px 10px; position: relative; float: none } } @media (max-width: 550px) { .yoga-services-page .banner-top .cta { position: absolute; margin: 0 auto; bottom: 50px; padding: 0 10px } } @media (min-width: 1920px) { .yoga-services-page .banner-top .cta { max-width: 700px; margin: 250px 0 250px 3% } } .yoga-services-page .banner-top .cta fieldset { position: relative; border: 1px solid #db2128; padding: 0 30px 30px; height: auto } @media (max-width: 767px) { .yoga-services-page .banner-top .cta fieldset { padding: 10px 10px 20px; height: auto } } .yoga-services-page .banner-top .cta fieldset legend { color: #db2128; text-align: center; width: inherit; max-width: 100%; line-height: 1.1em; text-transform: uppercase; font-weight: 400; border: none; margin-bottom: 0; padding-left: 20px; padding-right: 20px } @media (max-width: 2000px) { .yoga-services-page .banner-top .cta fieldset legend { font-size: 2vw } } @media (max-width: 767px) { .yoga-services-page .banner-top .cta fieldset legend { padding: 10px 0 0; font-size: 35px; line-height: 1.1em; text-transform: uppercase; font-weight: 400 } } @media (max-width: 550px) { .yoga-services-page .banner-top .cta fieldset legend { font-size: 6.4vw } } .yoga-services-page .banner-top .cta fieldset hr { border-bottom: 1px solid #db2128; height: 0; border-top: 0; margin-top: 10px; margin-bottom: 10px; max-width: 72% } .yoga-services-page .banner-top .cta fieldset span { color: #000; text-transform: uppercase; text-align: center; display: block; margin: 0 auto } @media (max-width: 767px) { .yoga-services-page .banner-top .cta fieldset span { padding-bottom: 10px; font-size: 1em; color: #fff } } .yoga-services-page .banner-top .cta fieldset .red-btn { position: absolute; width: 100%; left: 0; bottom: -20px } .yoga-services-page .banner-top .cta fieldset .red-btn a { color: #fff; font-size: 12px; background: #db2128; border-radius: 20px; text-decoration: none; position: relative; margin: 0 auto; padding: 10px 30px; bottom: 0; display: block; width: 40%; text-align: center; text-transform: uppercase; white-space: nowrap; font-weight: 600 } @media (min-width: 768px) { .yoga-services-page .banner-top .cta h1 { font-size: 2.1vw } .yoga-services-page .carousel.slide.desktop { display: block } } @media (min-width: 1920px) { .yoga-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 767px) { .yoga-services-page .banner-top .cta fieldset .red-btn a { width: 55%; padding: 10px 15px } .yoga-services-page .banner-top .cta h1 { font-size: 30px } } @media (max-width: 550px) { .yoga-services-page .banner-top .cta h1 { font-size: 6.4vw } } .yoga-services-page .carousel.slide.mobile { display: none } @media (max-width: 767px) { .yoga-services-page .carousel.slide.desktop { display: none } .yoga-services-page .carousel.slide.mobile { display: block } } @media (max-width: 400px) { .celebrity-trainning-page .contactform fieldset { margin-top: 10px } .celebrity-trainning-page .contactform fieldset legend { padding: 10px 15px } .celebrity-trainning-page .contactform fieldset h2 { font-size: 18px } .celebrity-trainning-page .contactform fieldset h1 { font-size: 2.5em; letter-spacing: initial } }