#home {background:url('../../img/bg_images/memberships.jpg') no-repeat top center #fff; height: 600px; padding: 100px;} /** IE8 Fix **/ .mobile-only {display:none;} /* The Grid ---------------------- */ .lt-ie9 .row { width: 100%; max-width: 75em; min-width: 768px; margin: 0 auto; } .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns { padding: 0; } .lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; } .lt-ie9 .row .row.large-collapse { margin: 0; } .lt-ie9 .column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; } .lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; } .lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; } .lt-ie9 [class*="column"] + [class*="column"].end { float: left; } .lt-ie9 .row .small-1 {position: relative; width: 8.33333%; } .lt-ie9 .row .small-2 {position: relative; width: 16.66667%; } .lt-ie9 .row .small-3 {position: relative; width: 25%; } .lt-ie9 .row .small-4 {position: relative; width: 33.33333%; } .lt-ie9 .row .small-5 {position: relative; width: 41.66667%; } .lt-ie9 .row .small-6 {position: relative; width: 50%; } .lt-ie9 .row .small-7 {position: relative; width: 58.33333%; } .lt-ie9 .row .small-8 {position: relative; width: 66.66667%; } .lt-ie9 .row .small-9 {position: relative; width: 75%; } .lt-ie9 .row .small-10 {position: relative; width: 83.33333%; } .lt-ie9 .row .small-11 {position: relative; width: 91.66667%; } .lt-ie9 .row .small-12 {position: relative; width: 100%; } .lt-ie9 .row .small-offset-1 {position: relative; margin-left: 8.33333%; } .lt-ie9 .row .small-offset-2 {position: relative; margin-left: 16.66667%; } .lt-ie9 .row .small-offset-3 {position: relative; margin-left: 25%; } .lt-ie9 .row .small-offset-4 {position: relative; margin-left: 33.33333%; } .lt-ie9 .row .small-offset-5 {position: relative; margin-left: 41.66667%; } .lt-ie9 .row .small-offset-6 {position: relative; margin-left: 50%; } .lt-ie9 .row .small-offset-7 {position: relative; margin-left: 58.33333%; } .lt-ie9 .row .small-offset-8 {position: relative; margin-left: 66.66667%; } .lt-ie9 .row .small-offset-9 {position: relative; margin-left: 75%; } .lt-ie9 .row .small-offset-10 {position: relative;margin-left: 83.33333%; } .lt-ie9 .large-1, .lt-ie9 .row .large-1 { width: 8.33333%; } .lt-ie9 .large-2, .lt-ie9 .row .large-2 { width: 16.66667%; } .lt-ie9 .large-3, .lt-ie9 .row .large-3 { width: 25%; } .lt-ie9 .large-4, .lt-ie9 .row .large-4 { width: 33.33333%; } .lt-ie9 .large-5, .lt-ie9 .row .large-5 { width: 41.66667%; } .lt-ie9 .large-6, .lt-ie9 .row .large-6 { width: 50%; } .lt-ie9 .large-7, .lt-ie9 .row .large-7 { width: 58.33333%; } .lt-ie9 .large-8, .lt-ie9 .row .large-8 { width: 66.66667%; } .lt-ie9 .large-9, .lt-ie9 .row .large-9 { width: 75%; } .lt-ie9 .large-10, .lt-ie9 .row .large-10 { width: 83.33333%; } .lt-ie9 .large-11, .lt-ie9 .row .large-11 { width: 91.66667%; } .lt-ie9 .large-12, .lt-ie9 .row .large-12 { width: 100%; } .lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; } .lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; } .lt-ie9 .row .large-offset-3 { margin-left: 25%; } .lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; } .lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; } .lt-ie9 .row .large-offset-6 { margin-left: 50%; } .lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; } .lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; } .lt-ie9 .row .large-offset-9 { margin-left: 75%; } .lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; } .lt-ie9 .pull-2 { right: 16.66667%; } .lt-ie9 .pull-3 { right: 25%; } .lt-ie9 .pull-4 { right: 33.33333%; } .lt-ie9 .pull-5 { right: 41.66667%; } .lt-ie9 .pull-6 { right: 50%; } .lt-ie9 .pull-7 { right: 58.33333%; } .lt-ie9 .pull-8 { right: 66.66667%; } .lt-ie9 .pull-9 { right: 75%; } .lt-ie9 .pull-10 { right: 83.33333%; } .lt-ie9 .push-2 { left: 16.66667%; } .lt-ie9 .push-3 { left: 25%; } .lt-ie9 .push-4 { left: 33.33333%; } .lt-ie9 .push-5 { left: 41.66667%; } .lt-ie9 .push-6 { left: 50%; } .lt-ie9 .push-7 { left: 58.33333%; } .lt-ie9 .push-8 { left: 66.66667%; } .lt-ie9 .push-9 { left: 75%; } .lt-ie9 .push-10 { left: 83.33333%; } /* Nicolas Gallagher's micro clearfix */ .lt-ie9 .row { *zoom: 1; } .lt-ie9 .row:before, .row:after { content: " "; display: table; } .lt-ie9 .row:after { clear: both; } .sticky { width: 100%; left: 0; margin-left:0px; position: fixed; top: 0; z-index: 99; } #preceeding_nav {height:33px; /*background:url('../../img/bg_navcoloralt_overlay.png') repeat;*/ background:#1b1b1b; display:block; } #extreme {font-size:12px; border-radius:0 0 3px 3px; color:#aaa; position:absolute; left:0px; line-height:12px; padding:10px 10px 0px 10px; margin-right:40px; text-transform:uppercase; font-family:'alwyn-new-web',Helvetica,Arial,sans-serif; font-weight:normal; } #extreme:hover {color:#ccc; } #quicklinks {position:absolute; top:0px; right:10px; padding-top:10px;} #quicklinks a {float:left; margin-left:20px; font-family:'alwyn-new-web',Helvetica,Arial,sans-serif; font-size:12px; color:#aaa; text-transform:uppercase; font-weight:normal; } .logoimagemob {display:block; position:absolute; top:0px; left:20px; z-index:10000;} .logoimage {display:none;} #logotext { display:none; } #MasterContentHolder { padding-top:45px; } .scrollhide { display:block;} /* FIX CONTENT ALIGNMENT */ .no-background .pageheading { margin-top:0px; margin-bottom:0px; } .no-background { min-height: 0px; background:none; padding-top: 100px; } /* Custom Red Nav Bar for IE8 .top-bar {background: rgb(238,46,36);} .top-bar.expanded .title-area {background: rgb(238,46,36);} .top-bar.expanded .toggle-topbar a { color:#fff; } .top-bar .toggle-topbar a:hover { color:#333; } .top-bar.expanded .toggle-topbar a:hover { color:#333; } .top-bar-section .has-dropdown > a:after {background:url('../../img/tlyguide/tlyguide_arrow.png') no-repeat; background-position:left top; height:21px; width:12px; border:none; margin-top:-10px;} */ /* Align for nav icons */ ul.right a:hover { text-decoration:underline; } ul.right li.has-dropdown ul.dropdown li.has-dropdown.nav-with-icon { background:#fff !important; } .dropdown li { padding-left:25px; } .dropdown li.nav-with-icon-1st { padding-left:0px; padding-bottom:0px; } .dropdown li.nav-with-icon-1st a div { display:inline; width:21px; margin-right:4px; } .dropdown li.nav-with-icon-1st a div > img { display:inline; vertical-align:middle; margin-top:-4px; } .dropdown li.nav-with-icon { padding-left:0px; padding-bottom:0px; padding-top:0px; } .dropdown li.nav-with-icon a div { display:inline; width:21px; margin-right:4px; } .dropdown li.nav-with-icon a div > img { display:inline; vertical-align:middle; margin-top:-4px; } #nav_join span { background:#ee2e24; height:auto; padding:2px 3px 2px 3px; border-radius:4px; } .top-bar .menu-icon.toggle-topbar a { text-indent:-54px; background:url('../img/nav/icon_mobilenav.png') no-repeat; background-position:12px 9px; } .top-bar .menu-icon.toggle-topbar a:hover { background:url('../img/nav/icon_mobilenav_active.png') no-repeat; background-position:12px 9px; } .top-bar-section .dropdown li.title h5 a { padding-bottom:0 !important; } .top-bar-section .dropdown li a { padding-left:10px; } .top-bar-section ul li.has-dropdown a { color:black !important; } .back { margin-left:-20px; margin-top:10px;} /* CUSTOM nav.css */ /* ******************* START ******************** */ .top-bar { background:#111111; overflow:visible; } body { padding-top: 0px; max-width:1600px; margin-left:auto; margin-right:auto; } .sticky { width: 100%; left: 0; margin-left:0px; position: fixed; top: 0; z-index: 99; } #preceeding_nav { height:33px; /*background:url('../../img/bg_navcoloralt_overlay.png') repeat;*/ background:#1b1b1b; } #headline {font-size:12px; border-radius:0 0 3px 3px; color:#aaa; position:absolute; left:0px; line-height:12px; padding:10px 10px 0px 10px; margin-right:40px; text-transform:uppercase; font-family:'alwyn-new-web',Helvetica,Arial,sans-serif; font-weight:normal; } #headline:hover {color:#fff; } #quicklinks {position:absolute; top:0px; right:10px; padding-top:10px;} #quicklinks a {float:left; margin-left:20px; font-family:'alwyn-new-web',Helvetica,Arial,sans-serif; font-size:12px; color:#fff; text-transform:uppercase; font-weight:normal; } #quicklinks a:hover { text-decoration:underline; } .logoimagemob {display:block; position:absolute; top:0px; left:20px; z-index:10000;} .logoimage {display:none;} #logotext { display:none; } #MasterContentHolder { margin-top:-80px; padding-top: 0px; } .dropdown li.nav-with-icon-1st { padding-left:0px; padding-bottom:0px; } .dropdown li.nav-with-icon-1st a div { display:inline; width:21px; margin-right:4px; } .dropdown li.nav-with-icon-1st a div > img { display:inline; vertical-align:middle; margin-top:-4px; } .dropdown li.nav-with-icon { padding-left:0px; padding-bottom:0px; } .dropdown li.nav-with-icon a div { display:inline; width:21px; margin-right:4px; } .dropdown li.nav-with-icon a div > img { display:inline; vertical-align:middle; margin-top:-4px; } /* ******************* END ******************** */ /* COPY OF media-large.css - PERIODICALLY COPY ALL STYLES BELOW HERE */ /* ******************* START ******************** */ /* ADJUSTMENTS */ .lt-ie9 .row.pageheading { margin-top:-110px; } input[type='text'] { padding-top:10px; } select { margin:0; padding-bottom:9px; min-height:0; height:100%;} .padded > select { margin:0; padding-bottom:9px; min-height:0; height:100%; } .pageheading > DIV > H1 { margin-top:34px; } .lt-ie9 .mapcontrolmapDiv { margin-right: -15px !important; margin-left: -15px !important;} [class*="block-grid-"] > li { display:inline; height:auto; float:left; padding:0 0.625em 1.25em;} .lt-ie9 .large-block-grid-3 > li { width: 33.33333%; padding: 0 0.625em 1.25em;} .lt-ie9 .large-block-grid-2 > li { width: 50%; padding: 0 0.625em 1.25em;} /* NAV */ .nav_headline {font-size:12px; border-radius:0 0 3px 3px; color:#aaa; position:absolute; left:0px; line-height:12px; padding:10px 10px 0px 10px; margin-right:40px; text-transform:uppercase; font-family:'alwyn-new-web',Helvetica,Arial,sans-serif; font-weight:normal; } .nav_headline:hover {color:#fff; } /* GRADIENTS */ .red { background: #e23426 !important; } .cta { background: #e23426 !important; } .club-info { background:#fff !important; } /* FORMS */ /* OTHER */ .copy { padding: 40px; } .copymain {padding: 40px 0px 40px 0px;} .copytitle { padding: 40px 40px 0 40px; } .shadow { margin-bottom: 30px; } .mobile-only { display:none;} .non-desktop {display:none;} .non-mobile {display:block;} .desktop-only{ display:block;} /* BACKGROUNDS */ .aqua { background:url('../img/groupex/bg_aqua.jpg?20140212'); } .bodyattack { background:url('../img/groupex/bg_bodyattack.jpg?20140212'); } .bodycombat { background:url('../img/groupex/bg_bodycombat.jpg?20140212'); } .bodyflow { background:url('../img/groupex/bg_bodyflow.jpg?20140212'); } .bodypump { background:url('../img/groupex/bg_bodypump.jpg?20140212'); } .bodyshred { background:url('../img/groupex/bg_bodyshred.jpg?20140212'); } .bodyjam { background:url('../img/groupex/bg_bodyjam.jpg?20140212'); } .bodyvive { background:url('../img/groupex/bg_bodyvive.jpg?20140212'); } .bodystep { background:url('../img/groupex/bg_bodystep.jpg?20140212'); } .cxworx { background:url('../img/groupex/bg_cxworx.jpg?20140212'); } .flexibar { background:url('../img/groupex/bg_flexibar.jpg'); } .newbody { background:url('../img/groupex/bg_newbody.jpg'); } .rpm { background:url('../img/groupex/bg_rpm.jpg?20140212'); } .shbam { background:url('../img/groupex/bg_shbam.jpg?20140212'); } .xco { background:url('../img/groupex/bg_xco.jpg'); } .yogafit { background:url('../img/groupex/bg_yogafit.jpg'); } .zumba { background:url('../img/groupex/bg_zumba.jpg'); } .hotyoga { min-height: 630px; background: url('../img/hotyoga/bg-hotyoga1.jpg') #fff top no-repeat; padding-top: 510px; } .gettingstarted { min-height: 650px; background:url('../../img/bg_images/bg_jan2013.jpg') #fff top no-repeat; padding-top: 380px; } /* PAGES */ /* Amenities/ChildCare.aspx */ #Amenities_ChildCare .memberships {min-height:0px;} /* Amenities/ChildCareThankYou.aspx */ #Amenities_ChildCareThankYou .memberships {min-height:0px;} /* Contact/Default */ #Contact_Default .pageheading { margin-top:-130px;} #Contact_Default .pageheading > div { height: 130px;} #Contact_Default .pageheading > div > h1 > span {display:block;} /* groupexercise/default.aspx - ALL */ #GroupEx_Landing .merch-header { position: relative; padding-top: 200px; padding-bottom: 160px; margin-top: 0px; margin-bottom: -50px; background-repeat: no-repeat; background-position: 50% 30%; background-size: cover; position: relative;} #GroupEx_Landing .merch-header h1 { text-transform: none; text-align: left; font-weight: 300; margin-bottom: 10px; font-size: 46px; line-height: 48px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_Landing .merch-header h1 span { text-transform: uppercase; font-weight: 800; font-size: 58px; line-height: 58px; } #GroupEx_Landing .merch-header h2 { text-align: right; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 38px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_Landing .merch-header h2 span { font-weight: 600; } #GroupEx_Landing .merch-header .button { float: left; background: #ee2e24; color: #fff; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; text-shadow:none; height: 60px; font-weight: 300; font-size: 26px; line-height: auto; box-shadow: none; padding: 18px 50px; border: none; margin-bottom: 0px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_Landing .merch-header .button:hover { background: #ef3d33; text-decoration:underline; } #GroupEx_Landing #formModal.i3 h3 { background: #ee2e24; margin-bottom:18px; } #GroupEx_Landing #formModal.i3 .arrow { display:none; } #GroupEx_Landing #formModal.i3 input[type="submit"] { background: #ee2e24; } #GroupEx_Landing #formModal.i3 input[type="submit"]:hover { background: #ef3d33; } #GroupEx_Landing #formModal.i3 input[disabled]:hover { background: #ef3d33; } #GroupEx_Landing .merch-header.group-ex-home .row a#item1 { background: url(../img/groupex/cardio-tile-bg.jpg) center center no-repeat; } #GroupEx_Landing .merch-header.group-ex-home .row a#item2 { background: url(../img/groupex/strength-tile-bg.jpg) center center no-repeat; } #GroupEx_Landing .merch-header.group-ex-home .row a#item3 { background: url(../img/groupex/mind-body-tile-bg.jpg) center center no-repeat; } #GroupEx_Landing .merch-header.group-ex-home .row a#item4 { background: url(../img/groupex/yoga-tile-bg.jpg) center center no-repeat; } #GroupEx_Landing .merch-header.group-ex-home .row a#item5 { box-shadow: none; background: url(../img/groupex/530x530.png) center center no-repeat; height: 515px; width: 100%; background-size: cover; display: block; position: relative; } #GroupEx_Landing .merch-header.group-ex-home .row a#item5 .button { position: absolute; bottom: 10px; left: 10px; background: #ee2e24; font-weight: 300; font-size: 22px; box-shadow: none; padding: 18px 30px; border: none; margin-bottom: 0px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_Landing .merch-header.group-ex-home .row a:hover#item5 .button { background: #ef3d33; } #GroupEx_Landing #main-goals { margin-top: -30px; } #GroupEx_Landing #main-goals .img { margin-bottom: 10px; } #GroupEx_Landing #main-goals a.tile { width: 100%; height: 230px; display: table; margin-bottom:10px; position:relative; } #GroupEx_Landing #main-goals a.tile:hover { color:#fff; text-decoration: underline; } #GroupEx_Landing #main-goals a.tile .img { position: relative; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 32px; line-height: 35px; text-shadow: 0 0 7px rgba(0,0,0,1); box-shadow: 0 0 5px rgba(0,0,0,0.4); display: table-cell; height: 100%; width: 100%; vertical-align: middle; } #GroupEx_Landing #main-goals a.tile .img .arrow { height: 60px; width: 60px; display: block; position: absolute; bottom: 10px; left: 50%; margin-left: -30px; background: url(../img/groupex/action-arrow.png) center center no-repeat; } #GroupEx_Landing #main-goals #item1 .img { background: url('../img/groupex/cardio-tile-bg.jpg?20140204') center center no-repeat; background-size: cover; } #GroupEx_Landing #main-goals #item2 .img { background: url('../img/groupex/strength-tile-bg.jpg?20140204') center center no-repeat; background-size: cover; } #GroupEx_Landing #main-goals #item3 .img { background: url('../img/groupex/mind-body-tile-bg.jpg?20140204') center center no-repeat; background-size: cover; } #GroupEx_Landing #main-goals #item4 .img { background: url('../img/groupex/yoga-tile-bg.jpg?20140204') center center no-repeat; background-size: cover; } #GroupEx_Landing #main-goals h2 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } #GroupEx_Landing #main-goals h3 { text-align: left; font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; } #GroupEx_Landing #main-goals p { text-align: left; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } #GroupEx_Landing #main-goals a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 16px; line-height: 22px; } #GroupEx_Landing #description { margin-top: 30px; margin-bottom: 30px; } #GroupEx_Landing #description h1 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } #GroupEx_Landing #description h2 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; } #GroupEx_Landing #description p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } #GroupEx_Landing #description .video iframe { box-shadow: 0 0 10px rgba(0,0,0,0.3); } #GroupEx_Landing #description ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } #GroupEx_Landing #description a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 18px; } #GroupEx_Landing #description a:hover { text-decoration:underline; } #GroupEx_Landing #description .button { float: left; width:auto; background: #ee2e24; color: #fff; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; text-shadow:none; height: 54px; font-weight: 300; font-size: 18px; line-height: auto; box-shadow: none; padding: 18px 30px; border: none; margin-bottom: 20px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_Landing #description .button:hover { background: #ef3d33; } #GroupEx_Landing .video h3 { color:#111; font-weight:normal; margin-bottom:0px; float:right; text-align:right; line-height:26px; margin-top:15px; font-size: 22px; padding-bottom: 0; } #GroupEx_Landing .video p { float:right; text-align:right; } #GroupEx_Landing .video p a { color:#ee2e24; } #GroupEx_Landing .video p a:hover { text-decoration:underline; } /* groupexercise/cardio/default.aspx */ #GroupEx_Cardio_Landing .merch-header { position: relative; padding-top: 180px; padding-bottom: 75px; margin-top: 0px; margin-bottom: -50px; background: url(../img/groupex/bg_texture.jpg) no-repeat; background-position: 50% 30%; background-size: cover; position: relative;} #GroupEx_Cardio_Landing .merch-header h1 { text-transform: none; text-align: right; font-weight: 300; margin-bottom: 10px; font-size: 46px; line-height: 48px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_Cardio_Landing .merch-header h1 span { text-transform: uppercase; font-weight: 800; font-size: 58px; line-height: 58px; } #GroupEx_Cardio_Landing .merch-header h2 { text-align: right; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 38px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_Cardio_Landing .merch-header h2 span { font-weight: 600; } #GroupEx_Cardio_Landing .merch-header.classes .row { margin-bottom: 15px;} #GroupEx_Cardio_Landing .merch-header.group-ex-cardio a.tile { width: 100%; height: 250px; display: table; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio a.tile:hover { color:#fff; text-decoration: underline; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio a.tile .img { position: relative; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 37px; line-height: 35px; text-shadow: 0 0 7px rgba(0,0,0,1); box-shadow: 0 0 5px rgba(0,0,0,0.4); display: table-cell; height: 100%; width: 100%; vertical-align: middle; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio a.tile .img .arrow { height: 60px; width: 60px; display: block; position: absolute; bottom: 10px; left: 50%; margin-left: -30px; background: url(../img/groupex/action-arrow.png) center center no-repeat; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio .row #item1 .img { background: url(../img/groupex/rpm-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio .row #item2 .img { background: url(../img/groupex/bodystep-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio .row #item3 .img { background: url(../img/groupex/zumba-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio .row #item4 .img { background: url(../img/groupex/newbody-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio .row a#item5 { box-shadow: none; background: url(../img/groupex/530x530.png) center center no-repeat; min-height:450px; max-height: 485px; width: 100%; background-size: cover; display: block; position: relative; font-weight: normal; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio .row a#item5 .button { position: absolute; bottom: 10px; left: 10px; background: #ee2e24; font-weight: 300; font-size: 20px; height: 56px; text-shadow:none; box-shadow: none; padding: 18px 22px; border: none; margin-bottom: 0px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_Cardio_Landing .merch-header.group-ex-cardio .row a:hover#item5 .button:hover { background: #ef3d33; text-decoration:underline; } #GroupEx_Cardio_Landing #classes h2 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; margin-top: 20px; } #GroupEx_Cardio_Landing #classes h3 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; color:#000; } #GroupEx_Cardio_Landing #classes a h3 { color: #ee2e24; } #GroupEx_Cardio_Landing #classes a:hover h3 { color: #ee2e24; text-decoration: underline; } #GroupEx_Cardio_Landing #classes p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } #GroupEx_Cardio_Landing #description { margin-top: 30px; margin-bottom: 30px; } #GroupEx_Cardio_Landing #description h1 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } #GroupEx_Cardio_Landing #description h2 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; } #GroupEx_Cardio_Landing #description p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } #GroupEx_Cardio_Landing #description .video iframe { box-shadow: 0 0 10px rgba(0,0,0,0.3); } #GroupEx_Cardio_Landing #description ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } #GroupEx_Cardio_Landing #description .button { float: left; width:auto; background: #ee2e24; color: #fff; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; text-shadow:none; height: 54px; font-weight: 300; font-size: 18px; line-height: auto; box-shadow: none; padding: 18px 50px; border: none; margin-bottom: 20px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_Cardio_Landing #description .button:hover { background:#ef3d33; text-decoration: underline; } /* groupexercise/mindbody/default.aspx */ #GroupEx_MindBody_Landing .merch-header { position: relative; padding-top: 180px; padding-bottom: 75px; margin-top: 0px; margin-bottom: -50px; background: url(../img/groupex/bg_texture.jpg) no-repeat; background-position: 50% 30%; background-size: cover; position: relative;} #GroupEx_MindBody_Landing .merch-header h1 { text-transform: none; text-align: right; font-weight: 300; margin-bottom: 10px; font-size: 46px; line-height: 48px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_MindBody_Landing .merch-header h1 span { text-transform: uppercase; font-weight: 800; font-size: 58px; line-height: 58px; } #GroupEx_MindBody_Landing .merch-header h2 { text-align: right; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 38px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_MindBody_Landing .merch-header h2 span { font-weight: 600; } #GroupEx_MindBody_Landing .merch-header.classes .row { margin-bottom: 15px;} #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body a.tile, #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body div.tile { width: 100%; height: 250px; display: table; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body a.tile:hover { color:#fff; text-decoration: underline; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body a.tile .img, #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body div.tile .img { position: relative; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 34px; line-height: 35px; text-shadow: 0 0 7px rgba(0,0,0,1); box-shadow: 0 0 5px rgba(0,0,0,0.4); display: table-cell; height: 100%; width: 100%; vertical-align: middle; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body a.tile .img .arrow { height: 60px; width: 60px; display: block; position: absolute; bottom: 10px; left: 50%; margin-left: -30px; background: url(../img/groupex/action-arrow.png) center center no-repeat; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body .row #item1 .img { background: url(../img/groupex/yogafit-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body .row #item2 .img { background: url(../img/groupex/hot-yoga-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body .row #item3 .img { background: url(../img/groupex/yogacore-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body .row #item4 .img { background: url(../img/groupex/power-yoga-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body .row a#item5 { box-shadow: none; background: url(../img/groupex/530x530-bodyflow.png) center center no-repeat; height: 514px; width: 100%; background-size: cover; display: block; position: relative; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body .row a#item5 .button { position: absolute; bottom: 10px; left: 10px; background: #ee2e24; font-weight: 400; font-size: 20px; height: 56px; text-shadow:none; box-shadow: none; padding: 18px 50px; border: none; margin-bottom: 0px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body .row a:hover#item5 .button { background: #ee2e24; } #GroupEx_MindBody_Landing .merch-header.group-ex-mind-body .row a:hover#item5 .button:hover { background: #ef3d33; text-decoration: underline; } #GroupEx_MindBody_Landing #classes h2 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; margin-top: 20px; } #GroupEx_MindBody_Landing #classes h3 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; color:#000; } #GroupEx_MindBody_Landing #classes a h3 { color: #ee2e24; } #GroupEx_MindBody_Landing #classes a:hover h3 { color: #ee2e24; text-decoration: underline; } #GroupEx_MindBody_Landing #classes p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } #GroupEx_MindBody_Landing #description { margin-top: 30px; margin-bottom: 30px; } #GroupEx_MindBody_Landing #description h1 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } #GroupEx_MindBody_Landing #description h2 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; } #GroupEx_MindBody_Landing #description p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } #GroupEx_MindBody_Landing #description .video iframe { box-shadow: 0 0 10px rgba(0,0,0,0.3); } #GroupEx_MindBody_Landing #description ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } #GroupEx_MindBody_Landing #description .button { float: left; width:auto; background: #ee2e24; color: #fff; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; text-shadow:none; height: 54px; font-weight: 300; font-size: 18px; line-height: auto; box-shadow: none; padding: 18px 50px; border: none; margin-bottom: 20px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_MindBody_Landing #description .button:hover { background:#ef3d33; text-decoration:underline; } /* groupexercise/strength/default.aspx */ #GroupEx_Strength_Landing .merch-header { position: relative; padding-top: 180px; padding-bottom: 75px; margin-top: 0px; margin-bottom: -50px; background: url(../img/groupex/bg_texture.jpg) no-repeat; background-position: 50% 30%; background-size: cover; position: relative;} #GroupEx_Strength_Landing .merch-header h1 { text-transform: none; text-align: right; font-weight: 300; margin-bottom: 10px; font-size: 46px; line-height: 48px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_Strength_Landing .merch-header h1 span { text-transform: uppercase; font-weight: 800; font-size: 58px; line-height: 58px; } #GroupEx_Strength_Landing .merch-header h2 { text-align: right; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 38px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_Strength_Landing .merch-header h2 span { font-weight: 600; } #GroupEx_Strength_Landing .merch-header.classes .row { margin-bottom: 15px;} #GroupEx_Strength_Landing .merch-header.group-ex-strength a.tile { width: 100%; height: 250px; display: table; } #GroupEx_Strength_Landing .merch-header.group-ex-strength a.tile:hover { color:#fff; text-decoration: underline; } #GroupEx_Strength_Landing .merch-header.group-ex-strength a.tile .img { position: relative; color: #fff; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 37px; line-height: 35px; text-shadow: 0 0 7px rgba(0,0,0,1); box-shadow: 0 0 5px rgba(0,0,0,0.4); display: table-cell; height: 100%; width: 100%; vertical-align: middle; } #GroupEx_Strength_Landing .merch-header.group-ex-strength a.tile .img .arrow { height: 60px; width: 60px; display: block; position: absolute; bottom: 10px; left: 50%; margin-left: -30px; background: url(../img/groupex/action-arrow.png) center center no-repeat; } #GroupEx_Strength_Landing .merch-header.group-ex-strength .row #item1 .img { background: url(../img/groupex/cxworx-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_Strength_Landing .merch-header.group-ex-strength .row #item2 .img { background: url(../img/groupex/bodyvive-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_Strength_Landing .merch-header.group-ex-strength .row #item3 .img { background: url(../img/groupex/xco-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_Strength_Landing .merch-header.group-ex-strength .row #item4 .img { background: url(../img/groupex/flexibar-tile-bg.jpg) center center no-repeat; background-size: cover; } #GroupEx_Strength_Landing .merch-header.group-ex-strength .row a#item5 { box-shadow: none; background: url(../img/groupex/530x530-bodypump.png) center center no-repeat; height: 514px; width: 100%; background-size: cover; display: block; position: relative; } #GroupEx_Strength_Landing .merch-header.group-ex-strength .row a#item5 .button { position: absolute; bottom: 10px; left: 10px; background: #ee2e24; font-weight: 400; font-size: 20px; height: 56px; text-shadow:none; box-shadow: none; padding: 18px 50px; border: none; margin-bottom: 0px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_Strength_Landing .merch-header.group-ex-strength .row a:hover#item5 .button { background: #ee2e24; } #GroupEx_Strength_Landing .merch-header.group-ex-strength .row a:hover#item5 .button:hover { background: #ef3d33; text-decoration: underline; } #GroupEx_Strength_Landing #classes h2 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; margin-top: 20px; } #GroupEx_Strength_Landing #classes h3 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; color:#000; } #GroupEx_Strength_Landing #classes a h3 { color: #ee2e24; } #GroupEx_Strength_Landing #classes a:hover h3 { color: #ee2e24; text-decoration: underline; } #GroupEx_Strength_Landing #classes p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } #GroupEx_Strength_Landing #description { margin-top: 30px; margin-bottom: 30px; } #GroupEx_Strength_Landing #description h1 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } #GroupEx_Strength_Landing #description h2 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; } #GroupEx_Strength_Landing #description p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } #GroupEx_Strength_Landing #description .video iframe { box-shadow: 0 0 10px rgba(0,0,0,0.3); } #GroupEx_Strength_Landing #description ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } #GroupEx_Strength_Landing #description .button { float: left; width:auto; background: #ee2e24; color: #fff; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; text-shadow:none; height: 54px; font-weight: 300; font-size: 18px; line-height: auto; box-shadow: none; padding: 18px 50px; border: none; margin-bottom: 20px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } #GroupEx_Strength_Landing #description .button:hover { background: #ef3d33; text-decoration: underline; } /* groupexercise/cardio/ classes */ .groupEx-class .merch-header { position: relative; padding-top: 220px; padding-bottom: 160px; margin-top: 0px; background-repeat: no-repeat; background-position: 50% 0%; background-size: cover; } .groupEx-class .merch-header h1 { text-transform: none; text-align: right; font-weight: 400; margin-bottom: 10px; font-size: 46px; line-height: 48px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } .groupEx-class .merch-header h1 span { text-transform: uppercase; font-weight: 800; font-size: 58px; line-height: 58px; } .groupEx-class .merch-header h2 { text-align: right; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 38px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } .groupEx-class .merch-header h2 span { font-weight: 600; } .groupEx-class .merch-header .button { height:60px; float: right; background: #ee2e24; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 26px; line-height: auto; box-shadow: none; padding: 18px 50px; border: none; margin-bottom: 0px; border-radius: 8px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; text-shadow:none; } .groupEx-class .merch-header.bodyshred .button { float: left; } .groupEx-class .merch-header .button:hover { background: #ef3d33; text-decoration:underline; } .groupEx-class .merch-header h1.white-h1 { color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); } .groupEx-class #description { margin-top: 30px; margin-bottom: 30px; } .groupEx-class #description h1 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } .groupEx-class #description h2 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; } .groupEx-class #description p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } .groupEx-class #description a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 18px; line-height: 24px; } .groupEx-class #description a:hover { text-decoration:underline; } .groupEx-class #description .video iframe { box-shadow: 0 0 10px rgba(0,0,0,0.3); } .groupEx-class #description ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .groupEx-class #description .button { background: #ee2e24; font-weight: 400; font-size: 18px; box-shadow: none; padding: 13px 50px; border: none; margin-bottom: 0px; border-radius: 8px; color: #fff; height: 50px; text-shadow: none; } .groupEx-class #description .button:hover { background: #ef3d33; text-decoration:underline; } /* groupexercise/thanks.aspx */ #GroupEx_Thanks .thank-you .merch-header { position: relative; padding-top: 205px; padding-bottom: 100px; margin-top: 0px; background: url(../img/groupex/merch-header-bg.jpg) center center no-repeat; background-size: cover; position: relative;} #GroupEx_Thanks .thank-you .merch-header h1 { font-size: 53px; line-height: 46px; font-weight: 700; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); text-transform: uppercase; margin-top: 10px; padding-top: 0; margin-bottom: 15px; } #GroupEx_Thanks .thank-you .merch-header h2 { font-weight: 700; font-size: 34px; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); text-transform: uppercase; line-height: initial; margin-top: 10px; padding-top: 0; margin-bottom: 20px; } #GroupEx_Thanks .thank-you .merch-header h3 { font-weight: normal; font-size: 24px; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); line-height: 33px; margin-top: 10px; padding-top: 0; margin-bottom: 20px; } #GroupEx_Thanks .thank-you .merch-header h4 { font-weight: 700; font-size: 18px; line-height: 22px; } #GroupEx_Thanks .thank-you .merch-header p { font-size: 16px; line-height: 18px; margin-top: 10px; margin-bottom: 10px; font-weight: 300; } #GroupEx_Thanks.thank-you .merch-header .button.big { font-weight: 700; font-size: 26px; box-shadow: none; padding: 20px; text-transform: uppercase; width: 100%; margin-bottom: 0px; border-radius: 8px; height: auto; border: none; background: #ee2e24; } #GroupEx_Thanks .thank-you .merch-header .button.big:hover { background: #ef3d33; } #GroupEx_Thanks .thank-you .merch-header .thank-you-form { background: rgba(255,255,255,0); padding: 0px; border-radius: 12px; } #GroupEx_Thanks .thank-you .merch-header .thank-you-form h1 { font-weight: 300; font-size: 46px; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); text-align: center; text-transform: uppercase; line-height: initial; margin-top: 0px; padding-top: 0; margin-bottom: 10px; } #GroupEx_Thanks .thank-you .merch-header .pass-includes ul { margin-left: 20px; list-style-type: none; } #GroupEx_Thanks .thank-you .merch-header .pass-includes ul li { font-size: 24px; border: 0px solid #fff; font-weight: 700; text-transform: uppercase; padding: 15px 10px 10px 40px; margin-bottom: 2px; background: url(../img/bullet-checkmark.png) top left no-repeat; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } #GroupEx_Thanks .thank-you .merch-header .pass-includes ul li:nth-child(1) { margin-left: 0px; } #GroupEx_Thanks .thank-you .merch-header .pass-includes ul li:nth-child(2) { margin-left: 0px; } #GroupEx_Thanks .thank-you .merch-header .pass-includes ul li:nth-child(3) { margin-left: 0px; } #GroupEx_Thanks .thank-you .merch-header .pass-includes ul li:nth-child(4) { margin-left: 0px; } /* groupexercise/aqua */ #GroupEx_Aqua_Landing .aqua_Landing { min-height: 730px; } /* groupexercise/cycling */ #GroupEx_Cycling_Landing .rpm_Landing { min-height: 650px; } /* groupexercise/lesmills */ #GroupEx_LesMills_Landing .lesmills_Landing { min-height: 650px; } /* groupexercise/virtual */ #GroupEx_Virtual_Landing .virtual_Landing { min-height: 650px; } /* healthcentres/Default */ #healthcentres_Default .healthcentres { min-height: 0px;} #healthcentres_Default .pageheading { margin-top: -110px; margin-bottom:0px;} #healthcentres_Default .pageheading > div {height:110px;} #healthcentres_Default .pageheading > div > h1 { color:#fff; margin-top:26px; margin-left:40px;} #healthcentres_Default .pageheading > div > h3 { color:#fff; margin-left: 40px; font-size:27px;} #healthcentres_Default .rightCta {margin-top:-210px;} /* healthcentres/Cityhealthcentres */ #healthcentres_Cityhealthcentres .columns-mobile{float: left !important; min-height: 1px; padding: 0 5px; position: relative;} #healthcentres_Cityhealthcentres .healthcentres { min-height: 0px;} #healthcentres_Cityhealthcentres .pageheading { margin-top:-123px; margin-bottom:0px; } #healthcentres_Cityhealthcentres .pageheading > div { height:100%; } #healthcentres_Cityhealthcentres .pageheading > div > h1 { color:#fff; margin-top:26px; margin-left:40px; } /* healthcentres/ClubProfiles*/ #healthcentres_ClubProfiles .columns-mobile{float: left !important; min-height: 1px; padding: 0 5px; position: relative;} #healthcentres_ClubProfiles .healthcentres { min-height: 0px;} #healthcentres_ClubProfiles .pageheading { margin-top:-238px; margin-bottom:0px; } #healthcentres_ClubProfiles .pageheading > div { height:100%; } #healthcentres_ClubProfiles .pageheading > div > h1 { color:#fff; margin-top:26px; font-size:30px; margin-left:40px; } #healthcentres_ClubProfiles .pageheading > div > p { color:#fff; margin-left:40px; } /* healthcentres/Profile */ #healthcentres_Profile .columns-mobile{float: left !important; min-height: 1px; padding: 0 5px; position: relative;} #healthcentres_Profile .healthcentres { min-height: 0px;} #healthcentres_Profile .pageheading { margin-top:-125px; margin-bottom:0px; } #healthcentres_Profile .pageheading > div { height:100%; } #healthcentres_Profile .pageheading > div > h1 { color:#fff; margin-top:26px; margin-left:40px; } #healthcentres_Profile .pageheading > div > p { color:#fff; margin-left:40px; } /* Hot Yoga */ /* hotyoga/default.aspx */ #HotYoga_Landing .pageheading > div > h1 > span { display:block; } #HotYoga_Landing .pageheading > div > h1 { margin-top:7px; margin-bottom:0; } #HotYoga_Landing > .row > div.rightCta { margin-top:-230px; } .yogamain {background:url('../img/hotyoga/bg-hotyoga-yellowbar.jpg') #fff top repeat-x; border-top: 1px solid #333; } .navyoga { padding: 34px 10px 30px 10px; } .navyoga a {color: #111; font-size: 1.5em; font-weight: 500; background-color: #fff; opacity: 0.8; border-radius: 12px; padding: 6px 12px 6px 12px; font-family: "alwyn-new-web",Helvetica,Arial,sans-serif;} .navyoga a:hover { opacity: 1.0; } /* Locations/{Province}/{City} */ #Locations_ByCity .memberships { min-height: 0px;} #Locations_ByCity .pageheading { margin-top:-122px; margin-bottom:0px; } #Locations_ByCity .pageheading > div { height:100%; } #Locations_ByCity .pageheading > div > h1 { color:#fff; margin-top:26px; margin-left:40px; } /* Locations/{Province} */ #Locations_ByProvince .memberships { min-height: 0px;} #Locations_ByProvince .pageheading { margin-top:-122px; margin-bottom:0px; } #Locations_ByProvince .pageheading > div { height:100%; } #Locations_ByProvince .pageheading > div > h1 { color:#fff; margin-top:26px; margin-left:40px; } /* Memberships/default.aspx */ .membership .body-content { padding-top: 20px; padding-bottom: 20px; } .membership .body-content h2 { text-align: left; font-weight: 300; font-size: 36px; line-height: 36px; margin: 0; padding:0; } .membership .body-content h3 { text-align: left; font-weight: 800; font-size: 28px; line-height: 25px; color:#000; } .membership .body-content h4 { text-align: left; font-weight: 300; font-size: 22px; line-height: 24px; } .membership .body-content p { text-align: left; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .membership .body-content a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 16px; line-height: 22px; } .membership .body-content a:hover { text-decoration: underline; } .membership { background: url(../img/homepage/tiles_bg.gif) top center repeat; background-size: 518px 518px; } .membership .merch-header .backdrop { background: url(../img/memberships/membership-header-bg.jpg) no-repeat; background-position: 50% 100%; position: absolute; top: 0; left: 0; width: 100%; height: 97%; border-bottom-right-radius: 1000px 70px; border-bottom-left-radius: 1000px 70px; } .membership .merch-header .block-parent { z-index: 3; } .membership .merch-header { position: relative; padding-top: 260px; padding-bottom: 0px; margin-bottom:100px; margin-top: 0px; } .membership .merch-header h1 { font-size: 46px; line-height: 46px; font-weight: 100; color: #000; margin-top: 10px; padding-top: 0; margin-bottom: 15px; text-shadow:none; } .membership .merch-header h3 { font-weight:100; } .membership .merch-header h4 { font-weight:700; } .membership .merch-header .columns .item2 { background: #202020 url(../img/homepage/transparent_tile_bg_white.png); background-position: bottom left; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .membership .merch-header .columns .item2 h1 { color: #fff; margin-bottom:0; } .membership .merch-header .columns #item2-step1 { display:block; } .membership .merch-header .columns #item2-step1 h1 { text-transform:uppercase; font-size:36px; } .membership .merch-header .columns #item2-step1 .CustValPosEmail { position: absolute; bottom: 12px; left: -4px; font-size: 13px; z-index: 100; } .membership .merch-header .columns #item2-step1 .enewspadding { margin-top:20px; } .membership .merch-header .columns #item2-step1 .enewscheckbox { border:none; float:left; width:30px; height:21px; } .membership .merch-header .columns #item2-step1 .enews-disclaimer { float:left; max-width:360px; margin-bottom:0; color: #909090;font-size: 12px; } .membership .merch-header .columns .item2 h3 { color: #fff; margin-bottom:0; padding-bottom: 2px; } .membership .merch-header .columns .item2 h4 { color: #fff; margin-bottom:0; padding-bottom: 2px; } .membership .merch-header .columns #item2-step2 { position:relative; display:none; } .membership .merch-header .columns #item2-step2 h4 { position: relative; margin-left: 28px; line-height: 20px; } .membership .merch-header .columns #item2-step2 h4 img { width:22px; height:22px; position: absolute; left:-28px; top:-3px; } .membership .merch-header .columns #item2-step2 #pubclubno { display:none; } .membership .merch-header .columns .item2 p { color: #ccc; } .membership .merch-header .columns #item2-step2 p { line-height: 22px; margin-bottom: 14px; margin-left: 28px; white-space: nowrap; overflow: hidden; } .membership .merch-header .columns #item2-step2 .customRow { position: absolute; bottom: 15px; margin: 0 0.5em; width: 82%; } .membership .merch-header .columns #item2-step2 #SelectAltClub { background-color: #797979 !important; font-weight: 100; } .membership .merch-header .columns .item2 p.disclaimer { color: #797979; } .membership .merch-header .columns .item2 p.searchtitle { color: #797979; margin-bottom: 0px; } .membership .merch-header .columns .item2 .button.try-us-submit { background-color: #ee2e24 !important; background-image:none; box-shadow: none; border: none; text-align: center; width: 100%; text-transform: uppercase; font-size: 16px; box-sizing: border-box; padding: 14px 0 14px 0; border-radius: 0; height:42px; text-shadow:none; } .membership .merch-header .columns .item2 .button.try-us-submit:hover { background-color: #ef3d33 !important; text-decoration:underline; } .membership .merch-header .columns #item2-step2b { display:none; } .membership .merch-header .columns #item2-step2b .row.thirdrow { margin-top:10px; } .membership .merch-header .columns #item2-step2b .findaclubicon { width:24px; height:24px; margin-top:-7px; } .membership .merch-header .columns #item2-step3 { display:none; } .membership .merch-header .columns #item2-step3 h3 { margin-top:-1px; margin-bottom:0px; } .membership .merch-header .columns #item2-step3 p.disclaimer { margin-top: 0px; } .membership .merch-header .columns #item2-step3 .thirdrow { margin-top: 10px; } .membership .merch-header .item2 .CustValPos { position: absolute; bottom: 12px; left: 12px; font-size: 13px; z-index: 100; } .membership .merch-header .columns .item3 h3 { font-size: 26px; line-height: 26px; color:#000; font-weight:300; padding-bottom:0; } .membership .merch-header .columns .item3 ul#checklist { list-style-type: none; margin-bottom:0 !important; margin-left:0px; } .membership .merch-header .columns .item3 ul#checklist li { border-bottom: none; font-weight: 600; font-size: 14px; line-height: 18px; padding: 3px 0 3px 25px; background: url(../img/homepage/tiny-checkmark.png) no-repeat; background-position: 0% 6px; } .membership .merch-header .columns .item1 { background: #ee2e24 url(../img/homepage/transparent_tile_bg.png); background-position: bottom center; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .membership .merch-header .columns .item1 h1 { color: #fff; } .membership .merch-header .columns .item2 p { font-size: 16px; margin-bottom: 20px; } .membership .merch-header .columns .item2 .input-label { font-weight: 600; font-size: 16px; margin-bottom: 10px; } .membership .merch-header .columns .item2 .input-text, .membership .merch-header .columns .item2 .input-dropdown, .membership .merch-header .columns .item2 .watermark { font-weight: 300; font-size: 16px; box-shadow: none; height: auto; padding: 10px; border-radius: 0; color: #000; background: #fff; border: 1px solid #ccc; } .membership .merch-header .columns .item2 .input-dropdown { height:42px; padding: 9px 10px 9px 10px; } .membership .merch-header .columns .item2 .input-text.postal { border-radius: 2px 0px 0px 2px; border-right: 0px; } .membership .merch-header .columns .item2 .input-text:-ms-input-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .membership .merch-header .columns .item2 .input-text::-webkit-input-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .membership .merch-header .columns .item2 .input-text:-moz-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .membership .merch-header .columns .item2 .input-text::-moz-placeholder {color: rgba(0,0,0,0.3); text-transform: none; } .membership .merch-header .columns .item2 .button.search { box-shadow: none; border: none; background: #ee2e24 url(../img/homepage/search_icon.png); background-position: 50% 50%; background-repeat: no-repeat; height: 42px; border-radius: 0px 2px 2px 0px; } .membership .merch-header .columns .item2 .button.submit { box-shadow: none; border: none; text-align: center; width: 100%; text-transform: uppercase; font-size: 16px; box-sizing: border-box; padding: 15px; border-radius: 2px 2px 2px 2px; } .membership .merch-header .columns .item2 .row.uncollapse { margin: 0 -1.5em; } .membership .merch-header .columns .item2 .row.uncollapse .columns { padding-left: 16px; padding-right: 16px; } .membership .merch-header .columns .item2 .row.secondrow { margin-top:4px; } .membership .merch-header .columns .item2 .row.thirdrow { margin-top:20px; } .membership .merch-header .columns .item2 p.disclaimer { margin-top:0px; margin-bottom:11px; font-size: 12px; font-weight: 600; line-height: 12px; color: #909090; } .membership .merch-header .columns .item1, .membership .merch-header .columns .item2, .membership .merch-header .columns .item3 { height: 500px; } .membership .merch-header .columns .item3 { background: #eaeaea url(../img/homepage/transparent_tile_bg.png); background-position: bottom center; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .membership .merch-header .columns .item3 .break-banner { position: relative; height: 40px; margin-bottom: 10px; } .membership .merch-header .columns .item3 .break-banner hr { border-bottom: 1px solid #bfbfbf; height: 1px; background: none; border-top: 0px; position: absolute; top: 0px; left: 0; width: 100%; } .membership .merch-header .columns .item3 .break-banner #ribbon { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .membership .merch-header .block-parent { position: relative; z-index: 0; top:100px; } .membership .merch-header .columns .item3 .break-banner #ribbon2 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .membership .merch-header .columns .item3 .break-banner #ribbon3 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .membership .merch-header .columns .item3 .break-banner #ribbon4 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .membership .merch-header .block-parent:before, .membership .merch-header .block-parent:after { z-index: -1; position: absolute; content: ""; bottom: 12px; left: 10px; width: 50%; top: 80%; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.3); box-shadow: 0 15px 10px rgba(0,0,0,0.3); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } .membership .merch-header .block-parent:after { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); right: 10px; left: auto; } .membership .merch-header .columns .item1, .membership .merch-header .columns .item2, .membership .merch-header .columns .item3 { height: 240px !important; padding-top: 15px !important; } .membership .tri-block { h3 { font-weight: 300; margin-bottom: 10px; font-size: 38px; line-height: 40px; color:#222; } p { font-weight: 300; font-size: 15px; line-height: 18px; color: #727272; } .item1 { padding: 30px; background: #fff url(../css/semDesktopB/img/triblock-item1-bg.jpg) bottom center no-repeat; height: 560px; } .item2 { padding: 30px; background: #fff url(../css/semDesktopB/img/triblock-item2-bg.jpg) bottom center no-repeat; height: 560px; } .item3 { padding: 30px; background: #fff url(../css/semDesktopB/img/triblock-item3-bg.jpg) bottom center no-repeat; height: 560px; } } .membership .quad-block { .item-block { padding: 70px 30px 30px; height: 238px; box-sizing: border-box; background: #fff; &.item1 { background: #292e32 url(../css/semDesktopB/img/plus-more-bg.gif) no-repeat; background-position: 50% 60%; color: #fff; padding-top: 20px; font-weight: 300; h3 { color: #fff; font-size: 34px; line-height: px; font-weight: 300; } } &.item3, &.item6, &.item8 { background: #f6f6f6; } &.item2 { background-image: url(../css/semDesktopB/img/quad-block2-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } &.item3 { background-image: url(../css/semDesktopB/img/quad-block3-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } &.item4 { background-image: url(../css/semDesktopB/img/quad-block4-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } &.item5 { background-image: url(../css/semDesktopB/img/quad-block5-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } &.item6 { background-image: url(../css/semDesktopB/img/quad-block6-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } &.item7 { background-image: url(../css/semDesktopB/img/quad-block7-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } &.item8 { background-image: url(../css/semDesktopB/img/quad-block8-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } h4 { padding-bottom:0px;} p { font-size: 14px; margin-bottom:10px; } } } .membership .text-center h2 { text-align: center !important; } .membership .text-center p { text-align: center !important; } .membership .page-disclaimer p { font-size:12px; line-height:14px; } .membership .header-break h2, .membership .header-break p { margin:0; padding:0; } /* Custom Select Options and Dropdowns */ .membership .custom { /* Custom input, disabled */ } .membership .custom .custom.dropdown { display: block; position: relative; top: 0; height: 2.3125em; margin-bottom: 1.25em; margin-top: 0; padding: 0; width: 100%; background: white; background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%); background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%); -webkit-box-shadow: none; background: linear-gradient(to bottom, white 0%, #f3f3f3 100%); box-shadow: none; font-size: 0.875em; vertical-align: top; } .membership .custom .custom.dropdown ul { overflow-y: auto; max-height: 200px; } .membership .custom .custom.dropdown .current { cursor: default; white-space: nowrap; line-height: 2.25em; color: rgba(0, 0, 0, 0.75); text-decoration: none; overflow: hidden; display: block; margin-left: 0.5em; margin-right: 2.3125em; } .membership .custom .custom.dropdown .selector { cursor: default; position: absolute; width: 2.5em; height: 2.3125em; display: block; right: 0; top: 0; } .membership .custom .custom.dropdown .selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #aaaaaa transparent transparent transparent; border-top-style: solid; position: absolute; left: 0.9375em; top: 50%; margin-top: -3px; } .membership .custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #222222 transparent transparent transparent; border-top-style: solid; } .membership .custom .custom.dropdown .disabled { color: #888888; } .membership .custom .custom.dropdown .disabled:hover { background: transparent; color: #888888; } .membership .custom .custom.dropdown .disabled:hover:after { display: none; } .membership .custom .custom.dropdown.open ul { display: block; z-index: 10; min-width: 100%; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .membership .custom .custom.dropdown.small { max-width: 134px; } .membership .custom .custom.dropdown.medium { max-width: 254px; } .membership .custom .custom.dropdown.large { max-width: 434px; } .membership .custom .custom.dropdown.expand { width: 100% !important; } .membership .custom .custom.dropdown.open.small ul { min-width: 134px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .membership .custom .custom.dropdown.open.medium ul { min-width: 254px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .membership .custom .custom.dropdown.open.large ul { min-width: 434px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .membership .custom .error .custom.dropdown { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); background: rgba(198, 15, 19, 0.1); margin-bottom: 0; } .membership .custom .error .custom.dropdown:focus { background: #fafafa; border-color: #999999; } .membership .custom .error .custom.dropdown + small.error { margin-top: 0; } .membership .custom .custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: -1px; top: auto; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1); margin: 0; padding: 0; background: white; border: solid 1px #cccccc; font-size: 16px; } .membership .custom .custom.dropdown ul li { color: #555555; font-size: 0.875em; cursor: default; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 0.375em; padding-right: 2.375em; min-height: 1.5em; line-height: 1.5em; margin: 0; white-space: nowrap; list-style: none; } .membership .custom .custom.dropdown ul li.selected { background: #eeeeee; color: black; } .membership .custom .custom.dropdown ul li:hover { background-color: #e4e4e4; color: black; } .membership .custom .custom.dropdown ul li.selected:hover { background: #eeeeee; cursor: default; color: black; } .membership .custom .custom.dropdown ul.show { display: block; } .membership .custom .custom.disabled { background: #dddddd; } .membership .merch-header .custom .custom { border: 1px colid #ccc; } .membership .merch-header .custom .custom.dropdown { height: auto; font-weight: 400; font-size: 18px; background: #fff; border-radius: 8px; } .membership .merch-header .custom .custom.dropdown .current { height: auto; line-height: inherit; padding: 16px; margin-left: 0px; cursor: pointer; } .membership .merch-header .custom .custom.dropdown .selector { height: 100%; cursor: pointer; } .membership .merch-header .custom .custom.dropdown .selector:after { -webkit-transition: border 300ms ease-in-out; -moz-transition: border 300ms ease-in-out; transition: border 300ms ease-in-out; } .membership .merch-header .custom .custom.dropdown ul li { height: auto; font-weight: 400; font-size: 18px; } .membership .merch-header .custom .custom.dropdown ul li:first-child { display: none; } .membership .merch-header .button.big { font-weight: 300; font-size: 22px; box-shadow: none; padding: 20px; text-transform: uppercase; width: 100%; margin-bottom: 0px; border-radius: 8px; height: auto; border: none; background: #ee2e24; } .membership .merch-header .button.big:hover { background: #ef3d33; } .membership .merch-header .content-1 h1 { margin-bottom: 0px; } .membership .merch-header .content-1 h2 { margin-bottom: 10px; } .membership .merch-header .content-1 .button { font-weight: 700; font-size: 26px; box-shadow: none; padding: 20px 60px; margin-bottom: 0px; border-radius: 8px; border: none; background: #ee2e24; height:64px; text-shadow:none; } .membership .merch-header .content-1 .button:hover { background: #ef3d33; text-decoration:underline; } .membership .merch-header .membership-form { background: rgba(255,255,255,0.2); padding: 10px; border-radius: 12px; } .membership .merch-header .membership-form h1 { font-weight: 300; font-size: 34px; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); text-align: center; text-transform: uppercase; line-height: initial; margin-top: 0px; padding-top: 0; margin-bottom: 10px; } .membership .body-content.no-padding { padding-top: 0px; padding-bottom: 0px; } .membership .body-content.low-padding { padding-top: 30px; padding-bottom: 20px; } .membership .grey-bg { background-color: #f1f1f1; padding-top: 50px; padding-bottom: 50px; margin-top: 20px; margin-bottom: 20px;} .membership .grey-bg.no-margin-top { margin-top: 0px; } .membership .body-content .row.border-bottom { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px;} .membership .main-goals-parent { padding-top: 0px; padding-bottom: 30px; } .membership .main-goals { padding-top: 10px; padding-bottom: 0px; } .membership .main-goals h2 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } .membership .main-goals h3 { text-align: left; font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; color:#000; padding-bottom:0; } .membership .main-goals ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .membership .main-goals a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 16px; line-height: 22px; } .membership .main-goals p {text-align: left; margin-left: 0px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .membership .main-goals .button.big { font-weight: 700; font-size: 22px; box-shadow: none; padding: 20px 50px; color: #fff; text-transform: uppercase; margin-bottom: 0px; border-radius: 8px; height: auto; border: none; background: #ee2e24; } .membership .main-goals .button.big:hover { background: #ef3d33; } .membership #make-life-easy {} .membership #make-life-easy h3 { font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } .membership #make-life-easy h4 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; } .membership #make-life-easy p { font-weight: 300; font-size: 18px; line-height: 24px; } .membership #make-life-easy .item1, .membership #make-life-easy .item2, .membership #make-life-easy .item3, .membership #make-life-easy .item4 { padding: 80px 0; } .membership #make-life-easy .item1 h3, .membership #make-life-easy .item1 h4, .membership #make-life-easy .item1 p, .membership #make-life-easy .item3 h3, .membership #make-life-easy .item3 h4, .membership #make-life-easy .item3 p { color: #fff; } .membership #make-life-easy .item2 h3, .membership #make-life-easy .item2 h4, .membership #make-life-easy .item2 p { color: #000; } .membership #make-life-easy .item1 { background: #ee2e24 url(../img/memberships/item-1-bg.jpg) center center no-repeat; background-size: cover; } .membership #make-life-easy .item2 { background: #fff url(../img/memberships/item-2-bg.jpg) center center no-repeat; text-align: right; background-size: cover; } .membership #make-life-easy .item3 { background: #ee2e24 url(../img/memberships/item-3-bg.jpg) center center no-repeat; background-size: cover; } .membership #make-life-easy .item4 { background: #fff url(../img/memberships/item-4-bg.jpg) center center no-repeat; text-align: right; background-size: cover; } .membership #make-life-easy .button { font-weight: 300; font-size: 18px; box-shadow: none; padding: 13px 50px; border: none; margin-bottom: 0px; border-radius: 8px; } .membership #make-life-easy .item1 .button { background: #fff; color: #ee2e24; background-size: cover; } .membership #make-life-easy .item1 .button:hover { background: #eaeaea; } .membership #make-life-easy .item2 .button { background: #000; color: #fff; background-size: cover; } .membership #make-life-easy .item2 .button:hover { background: #2f2f2f; } .membership #make-life-easy .item3 .button { background: #fff; color: #ee2e24; background-size: cover; } .membership #make-life-easy .item3 .button:hover { background: #eaeaea; } .membership #make-life-easy .item4 .button { background: #000; color: #fff; background-size: cover; } .membership #make-life-easy .item4 .button:hover { background: #2f2f2f; } .membership #whats-new { padding-top: 30px; padding-bottom: 30px; background: url(../img/memberships/whats-new-bg.jpg) center right no-repeat; background-size: contain; } .membership #whats-new h3 { font-weight: 300; text-transform: uppercase; font-size: 36px; margin-bottom: 10px; } .membership #whats-new h4 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; margin-bottom: 20px; } .membership #whats-new p { font-weight: 300; color: #000; font-size: 16px; line-height: 22px; margin-bottom: 20px; } .membership #whats-new a { background: #ee2e24; display: inline-block; color: #fff; font-weight: 300; font-size: 18px; box-shadow: none; padding: 15px 50px; border: none; margin-bottom: 0px; border-radius: 8px; } .membership #whats-new .large-12 { } .membership #charities { padding-bottom: 20px; padding-top: 10px;} .membership #charities .item1 {} .membership #charities .item1 img { margin: 0 auto 10px; height: 140px; } .membership #charities .item1 p { font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .membership #charities a { font-weight: 700; color: #ee2e24; font-size: 16px; line-height: 22px; } .membership #charities .item2, .membership #charities .item3 { width: 100%; height: 100%; display: block; } .membership .body-content .membership-options { font-weight: 300; font-size: 18px; margin-top: 10px; } .membership .body-content .membership-options ul { margin-left:0 !important; } .membership .body-content .membership-options .pricing-table { border-color: #000; } .membership .body-content .membership-options .pricing-table .title { font-size: 34px; font-weight: 300; text-transform: uppercase; background-color: #000; color: #fff; border-bottom: 1px solid #333; } .membership .body-content .membership-options .pricing-table .price { background-color: #333; color: #fff; border-bottom: 1px solid #000; font-weight: 600; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } .membership .body-content .membership-options .pricing-table .price:hover { background-color: #464646; cursor: pointer; } .membership .body-content .membership-options .pricing-table .price.active { background-color: #ee2e24; cursor: default; color: #fff; border-bottom: 1px solid #000; text-shadow: 0 0 10px rgba(0,0,0,0.4); font-weight: 600; position: relative; z-index: 1; overflow: hidden; } .membership .body-content .membership-options .pricing-table .price.active:before { content: '\2713'; color: #fff; opacity: 0.1; font-size: 250px; font-weight: 800; position: absolute; top: -20px; left: -10px; z-index: 2; } .membership .body-content .membership-options .pricing-table .price h3 { color: #fff; font-size: 48px; text-align: center; font-weight: 600; margin-bottom: 10px; } .membership .body-content .membership-options .pricing-table .price h4 { color: #fff; font-size: 16px; text-align: center; margin-bottom: 0; margin-top: 10px; line-height: 18px; font-weight: 300; } .membership .body-content .membership-options .pricing-table .description, .club-info-upcoming .body-content .membership-options .pricing-table .bullet-item { background-color: #000; color: #fff; border-bottom: 1px solid #333; font-size: 18px; line-height: 22px; } .membership .body-content .membership-options .pricing-table .title { background: #3a3a3a; background: -moz-linear-gradient(top, #3a3a3a 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: -o-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: -ms-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: linear-gradient(to bottom, #3a3a3a 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#000000',GradientType=0 ); } .membership .body-content .membership-options .pricing-table .description { background: #000000; background: -moz-linear-gradient(top, #000000 0%, #1A1A1A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#1A1A1A)); background: -webkit-linear-gradient(top, #000000 0%,#1A1A1A 100%); background: -o-linear-gradient(top, #000000 0%,#1A1A1A 100%); background: -ms-linear-gradient(top, #000000 0%,#1A1A1A 100%); background: linear-gradient(to bottom, #000000 0%,#1A1A1A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1A1A1A',GradientType=0 ); } .membership .body-content .membership-options .pricing-table .cta-button { background-color: #000; border-bottom: none; padding: 15px; } .membership .body-content .membership-options .pricing-table .button { background: #00a2ff; font-weight: 300; font-size: 18px; box-shadow: none; padding: 13px 80px; border: none; margin-bottom: 0; text-transform: uppercase; border-radius: 8px; color: #fff; } .membership .body-content .membership-options .pricing-table .button:hover { background: #0097ed; text-decoration: none; } .membership .body-content .disclaimer p { font-weight: 300; font-size: 14px; line-height: 16px; } .membership .body-content .membership-options .pricing-table .description.temp { height: 123px; vertical-align: middle; display: table-cell; } .membership .body-content .fourteen-day-pass .pass-container { padding: 15px 27px 2px 27px; border-radius: 2px; background: #3a3a3a; background: -moz-linear-gradient(top, #3a3a3a 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: -o-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: -ms-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: linear-gradient(to bottom, #3a3a3a 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#000000',GradientType=0 ); } .membership .body-content .fourteen-day-pass h2 { color: #fff; } .membership .body-content .fourteen-day-pass h3 { color: #fff; text-transform: none; font-weight: 300; font-size: 22px; } .membership .body-content .fourteen-day-pass .button { background: #ee2e24; font-weight: 700; font-size: 24px; box-shadow: none; padding: 20px 50px; margin-top: 40px; text-align: center; border: none; margin-bottom: 0; text-transform: uppercase; border-radius: 8px; color: #fff; height:60px; text-shadow:none; } .membership .body-content .fourteen-day-pass .button:hover { background: #ef3d33; text-decoration: underline; } /* Memberships/FreeVisitPass.aspx */ /* SEM Desktop B */ .overall-container { background: url(../css/semDesktopB/img/background/tiles_bg.gif) top center repeat; background-size: 518px 518px;} .desktopSEM-B .merch-header { position: relative; padding-top: 300px; padding-bottom: 40px; margin-top: -80px; } .desktopSEM-B .merch-header .backdrop { background: url(../img/memberships/membership-header-bg.jpg) no-repeat; background-position: 50% 0; position: absolute; top: 0; left:0; height:385px; } .desktopSEM-B .merch-header .block-parent { position: relative; z-index: 0; } .desktopSEM-B .merch-header h1 { font-size: 44px; line-height: 46px; font-weight: 100; color: #000; margin-top: 0px; padding-top: 0; margin-bottom: 0px; padding-bottom:0; } .desktopSEM-B .merch-header h2 { font-weight: 100; font-size: 34px; color: #000; line-height: 36px; margin-top: 10px; padding-top: 0; margin-bottom: 20px; } .desktopSEM-B .merch-header h3 { font-weight: 100; text-transform: none; font-size: 34px; line-height: 34px; color: #000; margin-top: 10px; padding-top: 0; margin-bottom: 20px; } .desktopSEM-B .merch-header p { text-align: left; font-weight: 300; font-size: 16px; line-height: 20px; color: #000; margin-bottom:0; } .desktopSEM-B .merch-header .item1 { position: absolute; left: 0px; height: 100%; background: #ee2e24 url(../css/semDesktopB/img/background/transparent_tile_bg.png); background-position: bottom center; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .desktopSEM-B .merch-header .item1 h1 { color: #fff; } .desktopSEM-B .merch-header .item2 { min-height: 600px; background: #fff url(../css/semDesktopB/img/background/transparent_tile_bg.png); background-position: bottom left; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .desktopSEM-B .merch-header .item2 p { font-size: 14px; line-height:15px; margin-bottom: 20px; margin-right:10px; } .desktopSEM-B .merch-header .item2 p strong { margin-bottom:-5px; } .desktopSEM-B .merch-header .item2 p.disclaimer { font-size: 11px; font-weight: 300; line-height: 13px; color: #727272; padding-top:10px; } .desktopSEM-B .merch-header .item2 .input-label { font-weight: 600; font-size: 16px; margin-bottom: 10px; } .desktopSEM-B .merch-header .item2 .input-text { font-weight: 300; font-size: 16px; box-shadow: none; height: auto; padding: 10px; border-radius: 2px 2px 2px 2px; color: #000; background: #fff; border: 1px solid #ccc; margin-bottom:0px !important; } .desktopSEM-B .merch-header .item2 .input-text.postal { border-radius: 2px 0px 0px 2px; border-right: 0px; } .desktopSEM-B .merch-header .item2 .input-text:-ms-input-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .desktopSEM-B .merch-header .item2 .input-text::-webkit-input-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .desktopSEM-B .merch-header .item2 .input-text:-moz-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .desktopSEM-B .merch-header .item2 .input-text::-moz-placeholder {color: rgba(0,0,0,0.3); text-transform: none; } .desktopSEM-B .merch-header .item2 .input-text.watermark { color: #ccc; } .desktopSEM-B .merch-header .item2 #clubDetailsRow { margin-left:0 !important; margin-right:0 !important; margin-bottom:-10px !important; padding-bottom:-10px !important; } .desktopSEM-B .merch-header .item2 .redBtn.button.search { box-shadow: none; border: none; background: #ee2e24 url(../css/semDesktopB/img/search_icon.png); background-position: 50% 50%; background-repeat: no-repeat; height: 42px; border-radius: 0px 2px 2px 0px; margin-bottom:0 !important; padding-bottom:0 !important; } .desktopSEM-B .merch-header .item2 .redBtn.button { margin-bottom:0 !important; height:auto; } .desktopSEM-B .merch-header .item2 .redBtn .submit { box-shadow: none; border: none; text-align: center; width: 100%; text-transform: uppercase; font-size: 16px; box-sizing: border-box; padding: 15px; border-radius: 2px 2px 2px 2px; } .desktopSEM-B .merch-header .item2 .redBtn .row.uncollapse { margin: 0 -0.5em; } .desktopSEM-B .merch-header .item2 .redBtn .leftTextBox { padding-right: 0.5em !important; } .desktopSEM-B .merch-header .item2 .redBtn .rightTextBox { padding-left: 0.5em !important; } .desktopSEM-B .merch-header .item3 { min-height:600px; height:100%; background: #eaeaea url(../css/semDesktopB/img/background/transparent_tile_bg.png); background-position: bottom center; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .desktopSEM-B .merch-header .item3 ul#checklist { list-style-type: none; } .desktopSEM-B .merch-header .item3 li { border-bottom: 1px solid #bfbfbf; font-weight: 600; font-size: 14px; line-height: 18px; padding: 15px 20px 15px 0; background: url(../css/semDesktopB/img/tiny-checkmark.png) no-repeat; background-position: 97% 16px; } .desktopSEM-B .break-banner { position: relative; height: 40px; margin-bottom: 10px; } .desktopSEM-B hr { border-bottom: 1px solid #bfbfbf; height: 1px; background: none; border-top: 0px; position: absolute; top: 0px; left: 0; width: 100%; } .desktopSEM-B #ribbon { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .desktopSEM-B .block-parent { position: relative; z-index: 0;} .desktopSEM-B .block-parent:before, .block-parent:after { z-index: -1; position: absolute; content: ""; bottom: 12px; left: 10px; width: 50%; top: 80%; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.3); box-shadow: 0 15px 10px rgba(0,0,0,0.3); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } .desktopSEM-B .block-parent::after { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); right: 10px; left: auto; } .desktopSEM-B .header-break { margin-bottom: 40px; } .desktopSEM-B .header-break h2 { font-weight: 300; margin-bottom: 10px; font-size: 38px; line-height: 40px; } .desktopSEM-B .header-break p { font-weight: 300; font-size: 18px; line-height: 18px; color: #727272; } .desktopSEM-B .tri-block h3 { font-weight: 300; margin-bottom: 10px; font-size: 38px; line-height: 40px; color:#222; } .desktopSEM-B .tri-block p { font-weight: 300; font-size: 15px; line-height: 18px; color: #727272; } .desktopSEM-B .tri-block .item1 { padding: 30px; background: #fff url(../css/semDesktopB/img/triblock-item1-bg.jpg) bottom center no-repeat; height: 560px; } .desktopSEM-B .tri-block .item2 { padding: 30px; background: #fff url(../css/semDesktopB/img/triblock-item2-bg.jpg) bottom center no-repeat; height: 560px; } .desktopSEM-B .tri-block .item3 { padding: 30px; background: #fff url(../css/semDesktopB/img/triblock-item3-bg.jpg) bottom center no-repeat; height: 560px; } .desktopSEM-B .quad-block .item-block { padding: 70px 30px 30px; height: 238px; box-sizing: border-box; background: #fff; } .desktopSEM-B .quad-block .item-block.item1 { background: #292e32 url(../css/semDesktopB/img/plus-more-bg.gif) no-repeat; background-position: 50% 60%; color: #fff; padding-top: 20px; font-weight: 300; } .desktopSEM-B .quad-block .item-block h3 { color: #fff; font-size: 28px; line-height: 38px; font-weight: 300; } .desktopSEM-B .quad-block .item-block .item3, .item6, .item8 { background: #f6f6f6; } .desktopSEM-B .quad-block .item-block.item2 { background-image: url(../css/semDesktopB/img/quad-block2-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .desktopSEM-B .quad-block .item-block.item3 { background-image: url(../css/semDesktopB/img/quad-block3-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .desktopSEM-B .quad-block .item-block.item4 { background-image: url(../css/semDesktopB/img/quad-block4-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .desktopSEM-B .quad-block .item-block.item5 { background-image: url(../css/semDesktopB/img/quad-block5-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .desktopSEM-B .quad-block .item-block.item6 { background-image: url(../css/semDesktopB/img/quad-block6-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .desktopSEM-B .quad-block .item-block.item7 { background-image: url(../css/semDesktopB/img/quad-block7-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .desktopSEM-B .quad-block .item-block.item8 { background-image: url(../css/semDesktopB/img/quad-block8-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .desktopSEM-B .quad-block .item-block h4 { padding-bottom:0px;} .desktopSEM-B .quad-block .item-block p { font-size: 14px; margin-bottom:10px; } .desktopSEM-B .page-disclaimer { margin-top: 30px; padding-bottom: 30px; } .desktopSEM-B .page-disclaimer p { font-size: 16px; line-height: 16px; margin-bottom: 5px; color: #727272; } .desktopSEM-B .page-disclaimer p.small { font-size: 14px; line-height: 14px; margin-bottom: 5px; } .desktopSEM-B #main-goals { padding-top: 30px; padding-bottom: 50px; } .desktopSEM-B #main-goals h2 { text-align: left; font-weight: 300; font-size: 36px; line-height: 36px; margin-bottom: 10px; } .desktopSEM-B #main-goals h3 { text-align: left; font-weight: 300; font-size: 28px; line-height: 25px; } .desktopSEM-B #main-goals p { text-align: left; font-weight: 300; font-size: 16px; line-height: 20px; } .desktopSEM-B #main-goals ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .desktopSEM-B #main-goals a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 16px; line-height: 22px; } /* Memberships/FreeVisitPassThankYou.aspx */ #Memberships_FreeVisitPassThanks .groupexercise { min-height:0px;} #Memberships_FreeVisitPassThanks .rightCta iframe { margin-left: -8px;} /* newclubs/default.aspx */ .upcoming-locations { margin-bottom:20px; } .upcoming-locations .merch-header { position: relative; padding-top: 190px; padding-bottom: 85px; margin-top: 10px; background: url(../img/newclubs/merch-header-bg.jpg) no-repeat; background-position: center 35%; background-size: cover; position: relative;} .upcoming-locations .merch-header h1 { font-size: 53px; line-height: 46px; font-weight: 700; color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); text-transform: uppercase; margin-top: 10px; padding-top: 0; margin-bottom: 0px; } .upcoming-locations .main-goals { padding-top: 30px; padding-bottom: 0px; } .upcoming-locations .main-goals h2 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; color:#000; } .upcoming-locations .main-goals h3 { text-align: left; font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; color:#000; } .upcoming-locations .main-goals h4 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 22px; line-height: 22px; color:#000; } .upcoming-locations .main-goals ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .upcoming-locations .main-goals ul.address { margin-left: 0px; list-style-type: none; } .upcoming-locations .main-goals ul.address li:last-child { margin-top: 10px; } .upcoming-locations .main-goals a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 16px; line-height: 22px; } .upcoming-locations .main-goals a:hover { text-decoration:underline; } .upcoming-locations .main-goals a:hover h2 { color:#000 !important; text-decoration:underline; } /* newclubs/newclubdetails.aspx */ .club-info-upcoming .merch-header { padding-top: 150px; padding-bottom: 50px; margin-top: 0px; background: url(../img/newclubs/merch-header-bg.jpg) no-repeat; background-position: 50% 35%; background-size: cover; position: relative; } .club-info-upcoming .merch-header .container .row.collapse { box-shadow: 0 0 10px rgba(0,0,0,0.2); } .club-info-upcoming .content .merch-header h1 { text-transform: none; text-align: left; font-weight: 300; margin-bottom: 10px; font-size: 46px; line-height: 48px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); margin-bottom: 10px; } .club-info-upcoming .content .merch-header h2 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; margin-bottom: 10px; } .club-info-upcoming .merch-header .button { text-shadow:none !important; } .club-info-upcoming .merch-header .button.expand { background: #00a2ff; box-shadow: none; text-align: center; border-radius: 8px; border: none; color: #fff; font-weight:300; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; height: 44px; padding-top: 15px; font-size:16px; text-shadow:none; } .club-info-upcoming .merch-header .button.expand:hover { background: #0097ed; box-shadow: none; text-align: center; border-radius: 8px; border: none; color: #fff;} .club-info-upcoming .merch-header .button.expand.cta { background: #ee2e24; box-shadow: none; text-align: center; border-radius: 8px; border: none; color: #fff; text-transform:uppercase; font-weight: 700; } .club-info-upcoming .merch-header .button.expand.cta:hover { background: #ef3d33; box-shadow: none; text-align: center; border-radius: 8px; border: none; color: #fff;} .club-info-upcoming .merch-header .button.expand.hcbutton, .button.expand.ptbutton { border-top-left-radius:0 !important; border-top-right-radius:0 !important; text-decoration:none !important; } .club-info-upcoming .merch-header .button.expand.hcHome { text-decoration:none !important; } .club-info-upcoming .merch-header .quick-links { position: absolute; bottom: -10px; left: 0; width: 100%; } .club-info-upcoming .merch-header .quick-links .button { color: #fff; font-weight: 300; text-align: center; font-size:15px !important; padding-top: 15px; } .club-info-upcoming .inner { padding-left: 27px; padding-top: 0px; padding-right: 27px; padding-bottom: 10px; } .club-info-upcoming .quick-links { position: absolute !important; bottom:8px !important; left:0px !important; float:none !important; } .club-info-upcoming .quick-links .button { margin-top: 5px; margin-bottom: 0px; } .club-info-upcoming #description { margin-top: 30px; margin-bottom: 30px; } .club-info-upcoming #description h1 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } .club-info-upcoming #description h2 { font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; } .club-info-upcoming #description p { text-align: left; font-weight: 300; color: #000; font-size: 18px; line-height: 24px; } .club-info-upcoming #description a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 18px; line-height: 24px; } .club-info-upcoming #description .video iframe { box-shadow: 0 0 10px rgba(0,0,0,0.3); } .club-info-upcoming #description ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .club-info-upcoming #description .button { font-weight: 300; font-size: 18px; box-shadow: none; padding: 13px 50px; border: none; margin-bottom: 0px; border-radius: 8px; color: #fff; } .club-info-upcoming #description .button:hover { background: #ef3d33; } .club-info-upcoming .merch-header h1 span { text-transform: uppercase; font-weight: 800; font-size: 58px; line-height: 58px; } .club-info-upcoming .merch-header h2 span { font-weight: 600; } .club-info-upcoming .merch-header #club-map { box-shadow: 0 0 5px rgba(0,0,0,0.4); } .club-info-upcoming .merch-header .club-info { background: rgba(255,255,255,0.95); height: 450px; padding:10px 27px 10px 27px; position: relative; } .club-info-upcoming .merch-header .club-info a { text-align: left; font-weight: 600; color: #000; font-size: 16px; line-height: 15px; color: #ee2e24; } .club-info-upcoming .merch-header .club-info p { text-align: left; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .club-info-upcoming .merch-header .club-info .buttons { position: absolute; bottom: 0px; left: 0; width: 100%; } .club-info-upcoming .merch-header .club-info .buttons .button { color: #fff; font-weight: 300; text-align: center; } .club-info-upcoming .merch-header #map-container { background-color: rgba(255,255,255,0.95); position: relative; } .club-info-upcoming .merch-header #map-container .button { position: absolute; bottom: 15px; left: 50%; margin-left: -200px; border-radius: 8px; width: auto; box-sizing: border-box; background: #ee2e24; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 26px; line-height: normal; box-shadow: 0 0 10px 10px rgba(255,255,255,0.75); padding: 18px 50px; width: 400px; text-align: center; border: none; margin-bottom: 0px; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; height: 65px; } .club-info-upcoming .merch-header #map-container .button:hover { background: #ef3d33; } .club-info-upcoming #announcement { margin-bottom: 20px; margin-top: 0px; background: #00a2ff; padding-top: 22px; padding-bottom: 20px; } .club-info-upcoming #announcement h3 { margin: 0; padding: 0 0 0 40px; color: #fff; font-weight: 400; position: relative; } .club-info-upcoming #announcement h3 .fa.fa-exclamation-circle, .club-info-upcoming #announcement h3 .fa { margin: 0; padding: 0; color: rgba(255,255,255,0.15); position: absolute; font-weight: normal; top: -28px; left: -10px; font-size: 80px; } .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .club-info-upcoming #announcement p { margin: 0; padding: 0; color: #fff; font-weight: 500; } .club-info-upcoming div.row ul { margin-left:0; } .club-info-upcoming .content { padding-top: 20px; padding-bottom: 20px; } .club-info-upcoming .content h2 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } .club-info-upcoming .content h3 { text-align: left; font-weight: 800; text-transform: uppercase; font-size: 28px; line-height: 25px; color:#000; } .club-info-upcoming .content h4 { text-align: left; font-weight: 300; font-size: 22px; line-height: 24px; } .club-info-upcoming .content p { text-align: left; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .club-info-upcoming .content a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 16px; line-height: 22px; } .club-info-upcoming .content a:hover { text-decoration: underline; } .club-info-upcoming .content .row.border-bottom { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px;} .club-info-upcoming .content .disclaimer p { font-weight: 300; font-size: 14px; line-height: 16px; } .club-info-upcoming .merch-header .ribbon-wrapper { position: relative; top: -5px; left: -5px; z-index: 1; } .club-info-upcoming .merch-header .ribbon { font-size: 28px; font-weight: 300; color: #fff; text-align: center; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; position: relative; padding: 10px 0 7px 0; left: -10px; top: 5px; width: 100%; background-color: #4f4f4f; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); } .club-info-upcoming .merch-header .ribbon:before, .club-info-upcoming .merch-header .ribbon:after { content: ""; border-width: 3px; border-style: solid; position: absolute; bottom: -3px; } .club-info-upcoming .merch-header .ribbon:before { left: 1px; border-color: transparent transparent #333 transparent; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .club-info-upcoming .merch-header .ribbon:after { right: 1px; border-color: transparent #333 transparent transparent; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .club-info-upcoming .club-hours {} .club-info-upcoming .club-hours .section .content { padding: 0; } .club-info-upcoming .club-hours .section .content .hours-table { border: 0px; font-size: 16px; } .club-info-upcoming .amenities { font-size: 16px; font-weight: 300; } .club-info-upcoming .amenities li img { margin-bottom:10px; } .club-info-upcoming .amenities li, .club-info-upcoming .amenities li a { text-align: left; font-family: proxima-nova, 'Proxima Nova', sans-serif; font-weight: 300; font-size: 14px; line-height: 12px; } #club-floor-plan img { margin-bottom:10px; } #club-floor-plan span { text-align: left; font-family: proxima-nova, 'Proxima Nova', sans-serif; font-weight: 300; font-size: 14px; line-height: 12px; } /* personaltraining/default.aspx */ /* PersonalTraining/Default.aspx */ .personaltraining #section-1 { position: relative; z-index: 2; background: url(../img/pt/section-1-bg.png) bottom center no-repeat; margin-top: 0px; padding-top: 160px; } .personaltraining #section-1 h1 { color: #ffffff; font-weight: 600; text-transform: uppercase; font-size: 70px; margin-bottom: 0px; margin-top: 30px; text-shadow: 1px 1px 2px rgba(0,0,0,1); line-height: 70px; } .personaltraining #section-1 h2 { color: #ffffff; font-weight: 300; font-size: 46px; margin-top: 0; text-shadow: 1px 1px 2px rgba(0,0,0,1); margin-bottom: 10px; } .personaltraining #section-1 .large-block-grid-5 { margin-bottom: -50px; margin-left:0; } .personaltraining #section-1 .large-block-grid-5 li { padding:3px; } .personaltraining #section-1 .large-block-grid-5 li a { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .personaltraining #section-1 .large-block-grid-5 li a:hover { margin-top: -10px; } .personaltraining #section-2 h3 { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 40px; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 10px; padding: 0; line-height: 1em; } .personaltraining #section-2 p { color: #fff; font-weight: 100; font-size: 16px; line-height: 1.5em; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 20px; margin-top: 0; } .personaltraining #section-2 .button { position: relative; z-index: 1; background: #9cd809; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); font-weight: 600; font-size: 14px; box-shadow: none; border: 1px solid #78a705; padding: 10px 30px; border-radius: 3px; } .personaltraining #section-2 .button:before { position: absolute; z-index: 3; top: 0; left: 0; display: block; padding: 4px 7px; background: rgba(0,0,0,0.2); } .personaltraining #section-3 h3 { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 40px; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 10px; padding: 0; line-height: 1em; } .personaltraining #section-3 p { color: #fff; font-weight: 100; font-size: 16px; line-height: 1.5em; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 20px; margin-top: 0; } .personaltraining #section-3 .button { position: relative; background: #a558ff; border: 1px solid #7738c0; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); font-weight: 600; font-size: 14px; box-shadow: none; padding: 10px 30px; border-radius: 3px; } .personaltraining #section-4 h3 { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 40px; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 10px; padding: 0; line-height: 1em; } .personaltraining #section-4 p { color: #fff; font-weight: 100; font-size: 16px; line-height: 1.5em; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 20px; margin-top: 0; } .personaltraining #section-4 .button { position: relative; background: #ff6000; border: 1px solid #c54a00; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); font-weight: 600; font-size: 14px; box-shadow: none; padding: 10px 30px; border-radius: 3px; } .personaltraining #section-5 h3 { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 40px; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 10px; padding: 0; line-height: 1em; } .personaltraining #section-5 p { color: #fff; font-weight: 100; font-size: 16px; line-height: 1.5em; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 20px; margin-top: 0; } .personaltraining #section-5 .button { position: relative; background: #ffd200; border: 1px solid #caa600; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); font-weight: 600; font-size: 14px; box-shadow: none; padding: 10px 30px; border-radius: 3px; } .personaltraining #section-6 h3 { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 40px; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 10px; padding: 0; line-height: 1em; } .personaltraining #section-6 p { color: #fff; font-weight: 100; font-size: 16px; line-height: 1.5em; text-shadow: 1px 1px 0px rgba(0,0,0,0.2); margin-bottom: 20px; margin-top: 0; } .personaltraining #section-6 .button { position: relative; background: #00a2ff; border: 1px solid #007ac0; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); font-weight: 600; font-size: 14px; box-shadow: none; padding: 10px 30px; border-radius: 3px; } .personaltraining #section-2 .button:hover { background-color: #92cb07; } .personaltraining #section-3 .button:hover { background: #8c45e0; } .personaltraining #section-4 .button:hover { background: #dd5300; } .personaltraining #section-5 .button:hover { background: #e0b800; } .personaltraining #section-6 .button:hover { background: #0097ed; } .personaltraining .sections { position: absolute!important; bottom: 0; left: 0; width: 100%;} .personaltraining .sections-container { position: relative; height: 930px; margin-top: -250px;} .personaltraining #btn-section-2 { background: url(../img/pt/get-started-top-icon.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-3 { background: url(../img/pt/the-challenge-top-icon.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-4 { background: url(../img/pt/a-milestone-top-icon.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-5 { background: url(../img/pt/health-reasons-top-icon.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-6 { background: url(../img/pt/for-myself-top-icon.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-2.current { background: url(../img/pt/get-started-top-icon_current.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-3.current { background: url(../img/pt/the-challenge-top-icon_current.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-4.current { background: url(../img/pt/a-milestone-top-icon_current.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-5.current { background: url(../img/pt/health-reasons-top-icon_current.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #btn-section-6.current { background: url(../img/pt/for-myself-top-icon_current.png) top center no-repeat; height: 201px; width: 173px; display: block; } .personaltraining #section-2 { background: url(../img/pt/background/section-2-2.jpg); min-height: 800px; margin-top: -120px; padding-top: 340px; } .personaltraining #section-3 { background: url(../img/pt/background/section-3-2.jpg); min-height: 800px; margin-top: -120px; padding-top: 330px; } .personaltraining #section-4 { background: url(../img/pt/background/section-4-2.jpg); min-height: 800px; margin-top: -120px; padding-top: 350px; } .personaltraining #section-5 { background: url(../img/pt/background/section-5-2.jpg); min-height: 800px; margin-top: -120px; padding-top: 320px; } .personaltraining #section-6 { background: url(../img/pt/background/section-6-2.jpg); min-height: 800px; margin-top: -120px; padding-top: 330px; } .personaltraining #section-5 p { text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } /* START Thanks Page */ .thanks #container-1 { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top: -50px; padding-top: 230px; background: url('../img/pt/background/product-1-bg.jpg') bottom center no-repeat; min-height: 575px; position: relative; } .thanks #container-1 h1 { color: #fff; text-transform: uppercase; margin-bottom: 0; font-size: 65px; font-weight: 600; margin-top: 0; text-shadow: 2px 2px 0px rgba(0,0,0,0.2); } .thanks #container-1 .polygon { position: absolute; bottom: -40px; left: 50%; margin-left: -82px; height: 146px; width: 165px; display: block; background: url(../img/pt/polygon-symbol.png) center center no-repeat; } .thanks #container-2 { padding-top: 90px; padding-bottom: 100px; background: url(../img/pt/background/thanks-share-bg.jpg) bottom center no-repeat; } .thanks #container-2 h2 { line-height: 1em; } .thanks #container-2 h3 { color:#000; font-weight:normal; padding-bottom:0px;} .thanks #container-3 { background: #ee2e24; color: #fff; padding-bottom: 50px; } .thanks #container-3 h2 { color: #fff; font-size: 30px; text-transform: uppercase; font-weight: 600; padding-top: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .thanks #container-3 h3 { color: #fff; font-size: 22px; line-height: 1.2em; font-weight: 300; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } .thanks #container-3 h4 { color: #fff; font-size: 18px; line-height: 1.2em; font-weight: 600; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); } /* FINISH thanks Pages */ /* START Product Pages */ .large-block-grid-5#nav-blocks { margin-bottom: -50px; position: relative; z-index: 3; } .large-block-grid-5#nav-blocks li a { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .large-block-grid-5#nav-blocks li a:hover { margin-top: -10px; } .large-block-grid-4#nav-blocks { margin-bottom: -50px; position: relative; z-index: 3; margin-left: 70px;} .large-block-grid-4#nav-blocks li a { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .large-block-grid-4#nav-blocks li a:hover { margin-top: -10px; } .products #btn-product1 { background: url(../img/pt/background/product-1.png) top center no-repeat; height: 201px; width: 173px; display: block; } .products #btn-product2 { background: url(../img/pt/background/product-2.png) top center no-repeat; height: 201px; width: 173px; display: block; } .products #btn-product3 { background: url(../img/pt/background/product-3.png) top center no-repeat; height: 201px; width: 173px; display: block; } .products #btn-product4 { background: url(../img/pt/background/product-4.png) top center no-repeat; height: 201px; width: 173px; display: block; } .products #btn-product5 { background: url(../img/pt/background/product-5.png) top center no-repeat; height: 201px; width: 173px; display: block; } .products #btn-product1.not-suggested { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } .products #btn-product2.not-suggested { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } .products #btn-product3.not-suggested { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } .products #btn-product4.not-suggested { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } .products #btn-product5.not-suggested { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; -webkit-filter: grayscale(1); } .products #btn-product1.current { background: url(../img/pt/background/product-1_current.png) top center no-repeat; height: 201px; width: 173px; display: block; margin-top: -10px; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .products #btn-product2.current { background: url(../img/pt/background/product-2_current.png) top center no-repeat; height: 201px; width: 173px; display: block; margin-top: -10px; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .products #btn-product3.current { background: url(../img/pt/background/product-3_current.png) top center no-repeat; height: 201px; width: 173px; display: block; margin-top: -10px; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .products #btn-product4.current { background: url(../img/pt/background/product-4_current.png) top center no-repeat; height: 201px; width: 173px; display: block; margin-top: -10px; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .products #btn-product5.current { background: url(../img/pt/background/product-5_current.png) top center no-repeat; height: 201px; width: 173px; display: block; margin-top: -10px; filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } .products #container-1.product1 { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top: -50px; padding-top: 230px; background: url('../img/pt/background/product-1-bg.jpg') bottom center no-repeat; min-height: 575px; position: relative; } .products #container-1.product1 h1:after { content: "I'm getting started."; } .products #container-1.product2 { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top: -50px; padding-top: 230px; background: url('../img/pt/background/product-2-bg.jpg') bottom center no-repeat; min-height: 575px; position: relative; } .products #container-1.product2 h1 { line-height: 1em; } .products #container-1.product2 h1:after { content: "I'm training to be my personal best."; } .products .content #container-1.product3 { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top: -50px; padding-top: 230px; background: url('../img/pt/background/product-3-bg.jpg') bottom center no-repeat; min-height: 575px; position: relative; } .products #container-1.product3 h1 { line-height: 1em; } .products #container-1.product3 h1:after { content: "I'm training for my special day."; } .products #container-1.product4 { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top: -50px; padding-top: 230px; background: url('../img/pt/background/product-4-bg.jpg') bottom center no-repeat; min-height: 575px; position: relative; } .products #container-1.product4 h1 { line-height: 1em; } .products #container-1.product4 h1:after { content: "I'm training for my best years."; } .products #container-1.product5 { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; margin-top: -50px; padding-top: 230px; background: url('../img/pt/background/product-5-bg.jpg') bottom center no-repeat; min-height: 575px; position: relative; } .products #container-1.product5 h1 { line-height: 1em; } .products #container-1.product5 h1:after { content: "I'm training for the new me."; } .products #container-1 h1 { color: #fff; text-transform: uppercase; margin-bottom: 0; font-size: 53px; font-weight: 600; margin-top: 0; text-shadow: 2px 2px 0px rgba(0,0,0,0.2); } .products #container-1 .polygon { position: absolute; bottom: -40px; left: 50%; margin-left: -82px; height: 146px; width: 165px; display: block; background: url(../img/pt/polygon-symbol.png) center center no-repeat; } .products #container-2 { padding-top: 70px; } .products #container-3 { position: relative; min-height: 760px; } .products #container-3 .inner { position: absolute; top: 0; left: 0; width: 100%; } .products #container-3 .inner.product1 { min-height: 830px; } .products #container-3 .inner.product2 { min-height: 830px; } .products #container-3 .inner.product3 { min-height: 830px; } .products #container-3 .inner.product4 { min-height: 830px; } .products #container-3 .inner.product5 { min-height: 830px; } .products #container-3 .product1 { margin-top: -150px; padding-top: 240px; background: #808080 url('../img/pt/background/product-1-2-bg.jpg') top center no-repeat; } .products #container-3 .product2 { margin-top: -150px; padding-top: 240px; background: #808080 url('../img/pt/background/product-2-2-bg.jpg') top center no-repeat; } .products #container-3 .product3 { margin-top: -150px; padding-top: 240px; background: #808080 url('../img/pt/background/product-3-2-bg.jpg') top center no-repeat; } .products #container-3 .product4 { margin-top: -150px; padding-top: 240px; background: #808080 url('../img/pt/background/product-4-2-bg.jpg') top center no-repeat; } .products #container-3 .product5 { margin-top: -150px; padding-top: 240px; background: #808080 url('../img/pt/background/product-5-2-bg.jpg') top center no-repeat; } .products #container-4 { background: #ee2e24 url('../img/pt/background/container-5-bg.jpg') bottom center no-repeat; padding-bottom: 100px; margin-top:-80px; padding-top:50px; } .products #container-5 { background: #fff; padding-top: 40px; padding-bottom: 30px; } .products #container-3 .product1 ul { font-size: 16px; font-weight: 300; margin-right: 20px; margin-bottom: 20px; color: #fff; margin-left: 20px; } .products #container-3 .product1 ul li { margin-bottom: 7px; } .products #container-3 .product1 hr { border-color: #fff; } .products #container-3 .product1 input[type=text] { border-color: #fff; border-style:solid; border-width:1px; margin-bottom:16px !important; font-size: 16px; border-radius: 2px; height: auto; padding: 12px; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 300; background: transparent; color: #fff; } .products #container-3 .product1 .button { box-shadow: none; border-color: #fff; font-size: 16px; line-height:normal !important; text-transform: uppercase; border-radius: 2px; height: auto; padding: 12px; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 500; background: #fff; color: #808080; } .products #container-3 .product1 .button.book-now { box-shadow: none; font-size: 18px; padding-top: 17px; padding-bottom: 17px; } .products #container-3 .product1 input.text:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product1 input.text::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product1 input.text:-moz-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product1 input.text::-moz-placeholder {color: #fff; text-transform: capitalize; } .products #container-3 .product1 label.memberbox {color: #fff; font-size: 18px; padding-top:2px; } .products #container-3 .product1 label.memberbox .custom.checkbox { background: rgba(255,255,255,0.2); border: 1px solid #fff; top: -2px; height: 23px; width: 23px; border-radius: 26px; } .products #container-3 .product1 label.memberbox .custom.checkbox.checked:before { content: '\2713'; color: #fff; font-size: 31px; font-weight: bold; } .products #container-3 .product2 ul { font-size: 16px; font-weight: 300; margin-right: 20px; margin-bottom: 20px; color: #fff; margin-left: 20px; } .products #container-3 .product2 ul li { margin-bottom: 7px; } .products #container-3 .product2 hr { border-color: #fff; } .products #container-3 .product2 input[type=text] { border-color: #fff; border-style:solid; border-width:1px; margin-bottom:16px !important; font-size: 16px; border-radius: 2px; height: auto; padding: 12px; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 300; background: transparent; color: #fff; } .products #container-3 .product2 .button { box-shadow: none; border-color: #fff; font-size: 16px; line-height:normal !important; text-transform: uppercase; border-radius: 2px; height: auto; padding: 12px; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 500; background: #fff; color: #808080; } .products #container-3 .product2 .button.book-now { box-shadow: none; font-size: 18px; padding-top: 17px; padding-bottom: 17px; } .products #container-3 .product2 input.text:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product2 input.text::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product2 input.text:-moz-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product2 input.text::-moz-placeholder {color: #fff; text-transform: capitalize; } .products #container-3 .product2 label.memberbox {color: #fff; font-size: 18px; padding-top:2px; } .products #container-3 .product2 label.memberbox .custom.checkbox { background: rgba(255,255,255,0.2); border: 1px solid #fff; top: -2px; height: 23px; width: 23px; border-radius: 26px; } .products #container-3 .product2 label.memberbox .custom.checkbox.checked:before { content: '\2713'; color: #fff; font-size: 31px; font-weight: bold; } .products #container-3 .product3 ul { font-size: 16px; font-weight: 300; margin-right: 20px; margin-bottom: 20px; color: #fff; margin-left: 20px; } .products #container-3 .product3 ul li { margin-bottom: 7px; } .products #container-3 .product3 hr { border-color: #fff; } .products #container-3 .product3 input.text { border-color: #fff; font-size: 16px; border-radius: 2px; height: auto; padding: 12px; font-weight: 300; background: transparent; color: #fff; } .products #container-3 .product3 .button { box-shadow: none; border-color: #fff; font-size: 16px; text-transform: uppercase; border-radius: 2px; height: auto; padding: 12px; font-weight: 500; background: #fff; color: #808080; } .products #container-3 .product3 .button.book-now { box-shadow: none; font-size: 18px; padding-top: 17px; padding-bottom: 17px; } .products #container-3 .product3 input.text:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product3 input.text::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product3 input.text:-moz-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product3 input.text::-moz-placeholder {color: #fff; text-transform: capitalize; } .products #container-3 .product3 .form.custom .custom.dropdown { border-color: #fff; font-size: 16px; margin-bottom:1.25em !important; padding-bottom:16px; padding-top:16px; line-height:2.25em; border-radius: 2px; height: auto; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 300; background: transparent; color: #fff; } .products #container-3 .product3 .form.custom .custom.dropdown option {font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 300; color: #808080;} .products #container-3 .product3 form.custom .custom.dropdown .current { padding: 12px; cursor: pointer; height: auto; font-weight: 300; background: transparent; color: #fff; } .products #container-3 .product3 form.custom .custom.dropdown .selector { height: 100%; } .products #container-3 .product3 form.custom .custom.dropdown .selector:after { border-top-color: #fff; } .products #container-3 .product3 form.custom .custom.dropdown ul { margin-right: 0px; margin-left: 0px; border-radius: 0; background: #fff; border: 1px solid #fff; box-shadow: 0 5px 5px 0px rgba(0,0,0,0.2); } .products #container-3 .product3 form.custom .custom.dropdown ul li { margin-bottom: 0; font-weight: 300; font-size: 16px; padding: 10px; } .products #container-3 .product3 form.custom .custom.dropdown ul li:first-child { display: none; } .products #container-3 .product4 ul { font-size: 16px; font-weight: 300; margin-right: 20px; margin-bottom: 20px; color: #fff; margin-left: 20px; } .products #container-3 .product4 ul li { margin-bottom: 7px; } .products #container-3 .product4 hr { border-color: #fff; } .products #container-3 .product4 input[type=text] { border-color: #fff; border-style:solid; border-width:1px; margin-bottom:16px !important; font-size: 16px; border-radius: 2px; height: auto; padding: 12px; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 300; background: transparent; color: #fff; } .products #container-3 .product4 .button { box-shadow: none; border-color: #fff; font-size: 16px; text-transform: uppercase; border-radius: 2px; height: auto; padding: 12px; line-height:normal !important; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 500; background: #fff; color: #808080; } .products #container-3 .product4 .button.book-now { box-shadow: none; font-size: 18px; padding-top: 17px; padding-bottom: 17px; } .products #container-3 .product4 input.text:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product4 input.text::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product4 input.text:-moz-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product4 input.text::-moz-placeholder {color: #fff; text-transform: capitalize; } .products #container-3 .product4 label.memberbox {color: #fff; font-size: 18px; padding-top:2px; } .products #container-3 .product4 label.memberbox .custom.checkbox { background: rgba(255,255,255,0.2); border: 1px solid #fff; top: -2px; height: 23px; width: 23px; border-radius: 26px; } .products #container-3 .product4 label.memberbox .custom.checkbox.checked:before { content: '\2713'; color: #fff; font-size: 31px; font-weight: bold; } .products #container-3 .product5 ul { font-size: 16px; font-weight: 300; margin-right: 20px; margin-bottom: 20px; color: #fff; margin-left: 20px; } .products #container-3 .product5 ul li { margin-bottom: 7px; } .products #container-3 .product5 hr { border-color: #fff; } .products #container-3 .product5 input[type=text] { border-color: #fff; border-style:solid; border-width:1px; margin-bottom:16px !important; font-size: 16px; border-radius: 2px; height: auto; padding: 12px; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 300; background: transparent; color: #fff; } .products #container-3 .product5 .button { box-shadow: none; border-color: #fff; font-size: 16px; text-transform: uppercase; border-radius: 2px; height: auto; padding: 12px; line-height:normal !important; font-family: "proxima-nova", "Proxima Nova", sans-serif !important; font-weight: 500; background: #fff; color: #808080; } .products #container-3 .product5 .button.book-now { box-shadow: none; font-size: 18px; padding-top: 17px; padding-bottom: 17px; } .products #container-3 .product5 input.text:-ms-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product5 input.text::-webkit-input-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product5 input.text:-moz-placeholder { color: #fff; text-transform: capitalize; } .products #container-3 .product5 input.text::-moz-placeholder {color: #fff; text-transform: capitalize; } .products #container-3 .product5 label.memberbox {color: #fff; font-size: 18px; padding-top:2px; } .products #container-3 .product5 label.memberbox .custom.checkbox { background: rgba(255,255,255,0.2); border: 1px solid #fff; top: -2px; height: 23px; width: 23px; border-radius: 26px; } .products #container-3 .product5 label.memberbox .custom.checkbox.checked:before { content: '\2713'; color: #fff; font-size: 31px; font-weight: bold; } .products #container-5 .button { box-shadow: none; border-color: #000; font-size: 16px; text-transform: uppercase; border-radius: 2px; height: auto; padding: 12px 35px; font-weight: 500; background: #000; color: #fff; } .products #container-5 .button:hover { background: #363636; border-color: #363636; } .products #container-3 input.text:focus { box-shadow: 0 0 10px rgba(255,255,255,0.5); } .products #container-3 .button:hover { background: #eaeaea; border-color: #eaeaea; color: #808080; } .products #container-2 h2 { font-size: 36px; font-weight: 300; margin-bottom: 0; } .products #container-2 h3 { font-size: 22px; font-weight: 300; color: #666; } .products #container-3 h2 { font-size: 36px; font-weight: 300; margin-bottom: 20px; color: #fff; } .products #container-3 h4 { font-size: 28px; font-weight: 600; margin-bottom: 10px; color: #fff; } .products .form { margin-top: 0px; } .products .form h3.text-center { color: #fff;} .products #container-4 #video { margin-top: -80px; margin-bottom: 40px; } .products #container-4 h2 { font-size: 36px; font-weight: 300; margin-bottom: 0; color: #fff; } .products #container-4 h3 { font-size: 22px; font-weight: 300; color: #d5d5d5; } .products #container-5 h2 { font-size: 36px; font-weight: 300; margin-bottom: 20px; color: #000; } .products #container-5 h3 { font-size: 28px; font-weight: 600; margin-bottom: 10px; margin-top: 30px; color: #000; line-height: 1.1em; } .products #container-5 p { font-size: 18px; font-weight: 300; margin-bottom: 20px; color: #000; } .personal-training.product .content .merch-header .block-parent .pt-choices-container .overlay { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; position:absolute; top:0; left:-9px; right:0; bottom:0; height:100%; width:101%; background-color:#000; z-index:9999; color:white; } .personal-training.product .searchRow { margin-left:-7px !important; width:103% !important; } /* personaltraining/CityPersonalTrainers */ #personaltraining_CityProfiles .columns-mobile{float: left !important; min-height: 1px; padding: 0 5px; position: relative;} #personaltraining_CityProfiles .personaltraining { min-height: 0px;} #personaltraining_CityProfiles .pageheading { margin-top:-122px; margin-bottom:0px; } #personaltraining_CityProfiles .pageheading > div { height:100%; } #personaltraining_CityProfiles .pageheading > div > h1 { color:#fff; margin-top:26px; margin-left:40px; } /* personaltraining/ClubPersonalTrainers */ #personaltraining_ClubProfiles .columns-mobile{float: left !important; min-height: 1px; padding: 0 5px; position: relative;} #personaltraining_ClubProfiles .personaltraining { min-height: 0px;} #personaltraining_ClubProfiles .pageheading { margin-top:-238px; margin-bottom:0px; } #personaltraining_ClubProfiles .pageheading > div { height:100%; } #personaltraining_ClubProfiles .pageheading > div > h1 { color:#fff; margin-top:26px; font-size:30px; margin-left:40px; } #personaltraining_ClubProfiles .pageheading > div > p { color:#fff; margin-left:40px; } /* personaltraining/Profile */ #personaltraining_Profile .columns-mobile{float: left !important; min-height: 1px; padding: 0 5px; position: relative;} #personaltraining_Profile .personaltraining { min-height: 0px;} #personaltraining_Profile .pageheading { margin-top:-122px; margin-bottom:0px; } #personaltraining_Profile .pageheading > div { height:100%; } #personaltraining_Profile .pageheading > div > h1 { color:#fff; margin-top:26px; margin-left:40px; } #personaltraining_Profile .pageheading > div > p { color:#fff; margin-left:40px; } /* Root/clubdetails.aspx */ .club { background: url(../img/locations/tiles_bg.gif) top center repeat; background-size: 518px 518px; } .club .button { background: #ee2e24; text-shadow: none; box-shadow: none; border: none; margin-bottom: 0; text-align: center; text-transform: uppercase; border-radius: 2px 2px 2px 2px; padding-top: 12px; } .club .button:hover { background: #ef3d33; text-decoration:underline; } .club .white-container { background: #fff; border-top: 1px solid #e3e3e3; padding-top: 50px; padding-bottom: 50px; } .white-container h2 { font-weight: 300; margin-bottom: 10px; font-size: 38px; line-height: 40px; } .white-container p { font-weight: 300; font-size: 14px; line-height: 20px; } .club .merch-header { position: relative; padding-top: 95px; padding-bottom: 0px; margin-top: 0px; } .merch-header .backdrop { background: url(../img/locations/club_header_bg.jpg) no-repeat; background-size: cover; background-position: 50% 0%; position: absolute; top: 0; left: 0; width: 100%; height: 44%; border-bottom-right-radius: 1000px 70px; border-bottom-left-radius: 1000px 70px; } .club .merch-header .header-title { background: #202020 url(../img/locations/transparent_tile_bg_white.png); background-position: bottom left; background-repeat: repeat-x; background-size: 259px 259px; padding: 20px; } .club .merch-header .header-title h1 { color: #fff; margin-bottom: 0; font-weight:300; margin-top:0; } .club .merch-header .header-title .button { background: #ee2e24; text-shadow: none; box-shadow: none; border: none; margin-bottom: 0; text-align: center; text-transform: uppercase; font-size: 22px; border-radius: 2px 2px 2px 2px; height:65px; padding-top: 22px; width: 100%; } .club .merch-header .header-title hr { height: 1px; background: none; border: none; border-bottom: 1px solid #4a4e51; margin: 10px 0 30px; } .club .merch-header .header-title .club-details, .club .merch-header .header-title .club-details p { color: #bbbbbb; } .club .merch-header .header-title .club-details .address { padding-left: 25px; background-image: url(../img/locations/club-location-icon.png); background-position: 0 0; background-repeat: no-repeat; } .club .merch-header .header-title .club-details .address p { font-weight: 300; font-size: 14px; line-height: 16px; } .club .merch-header .header-title .club-details .telephone { padding-left: 25px; background-image: url(../img/locations/club-telephone-icon.png); background-position: 0 0; background-repeat: no-repeat; } .club .merch-header .header-title .club-details .telephone p { font-weight: 300; font-size: 14px; line-height: 16px; } .club .merch-header .header-title .club-details .email { padding-left: 25px; background-image: url(../img/locations/club-email-icon.png); background-position: 0 2px; background-repeat: no-repeat; } .club .merch-header .header-title .club-details .email p { font-weight: 300; font-size: 14px; line-height: 16px; } .club .merch-header .header-title .club-details .club-type { padding-left: 30px; background-image: url(../img/locations/club-type-icon.png); background-position: 0 0; background-repeat: no-repeat; } .club .merch-header .header-title .club-details .club-type p { font-weight: 300; font-size: 14px; line-height: 16px; } .club .merch-header .club-nav { background: #ee2e24; position: relative; } .club .merch-header .club-nav ul.inline-list { margin-left: 0; margin-bottom: 0; position: relative; z-index: 1; } .club .merch-header .club-nav ul li { margin: 0; width: 20%; border-right: 1px solid #f2625b; } .club .merch-header .club-nav ul li:last-child { border-right: none; } .club .merch-header .club-nav ul li a { color: #fff; width: 100%; height: 100%; padding: 20px; display: block; text-align: center; font-weight: 300; font-size: 14px; } .club .merch-header .hours-map-container { background: #fff; padding: 20px; } .club .merch-header .hours-map-container h2 { } .club .merch-header .hours-map-container h2 img { position: absolute; top: 0px; right: 30px; width: 70px; z-index: 10; } .club .merch-header .hours-map-container .section-container { border-top: none; margin-bottom: 0; } .club .merch-header .hours-map-container .section-container > section > .title, .club .merch-header .hours-map-container .section-container > .section > .title { width: auto; border-top: 1px solid #ccc; font-size: 18px; } .club .merch-header .hours-map-container .section-container > section.active > .title, .club .merch-header .hours-map-container .section-container > .section.active > .title { background: #bbb; } .club .merch-header .hours-map-container .section-container > section > .content, .club .merch-header .hours-map-container .section-container > .section > .content { padding: 0; } .club .merch-header .hours-map-container table { border: none; width: 100%; } .club .merch-header .hours-map-container table td { padding: 15px; font-size: 16px; } .club .merch-header .hours-map-container table td.time { text-align: right; font-weight: 300; } .club .club-announcement { position: relative; } .club .club-announcement .container { background: #f4b7ac; padding: 20px; border-top: 2px solid #ee2e24; border-bottom: 5px solid #ee2e24; position: relative; z-index: 2; } .club .club-announcement .title { padding-left: 100px !important; background-image: url(../img/locations/announcement-icon-49x49.png); background-position: 20px 7px; background-repeat: no-repeat; } .club .club-announcement .title h3 { font-weight: 300; font-size: 30px; line-height: 30px; margin-bottom: 0px; text-shadow: 1px 1px 1px rgba(255,255,255,0.2); } .club .club-announcement .title h5 { font-weight: 300; font-size: 18px; line-height: 18px; margin-bottom: 10px; text-shadow: 1px 1px 1px rgba(255,255,255,0.2); } .club .club-announcement .message p { font-weight: 300; font-size: 16px; line-height: 22px; margin-bottom: 10px; color:#202020; } .club .group-exercise h2 { font-weight: 300; margin-bottom: 10px; font-size: 38px; line-height: 40px; } .club .group-exercise p { font-weight: 300; font-size: 18px; line-height: 18px; color: #727272; } .club .group-exercise-tables .section-container { border-top: none; margin-bottom: 0; } .club .group-exercise-tables .section-container > section > .title, .club .group-exercise-tables .section-container > .section > .title { width: auto; border-top: 1px solid #ccc; font-size: 18px; } .club .group-exercise-tables .section-container > section.active > .title, .club .group-exercise-tables .section-container > .section.active > .title { background: #bbb; } .club .group-exercise-tables .section-container > section > .content, .club .group-exercise-tables .section-container > .section > .content { padding: 5px 0 5px 0; } .club .group-exercise-tables table { border: none; width: 100%; } .club .group-exercise-tables table td { padding: 15px; font-size: 16px; } .club .group-exercise-tables table td.time { width: 30%; } .club .group-exercise-tables table td.progname { width: 50%; } .club .group-exercise-tables table td.ical { width: 6%; } .club .group-exercise-tables table td.share-class { width: 20%; font-size: 14px; padding: 5px 10px; text-align: right; } .club .group-exercise-tables table td.share-class-with-ical { width: 14%; font-size: 14px; padding: 5px 10px; text-align: right; } .club .group-exercise-tables table td.share .button { font-size: 14px; padding: 5px 25px; } .club .amenities h3 { color:#000; font-weight:400; } .club .amenities-tiles { background: #222222; } .club .amenities-tiles .word-tile { position: relative; background: #222222; color: #fff; display: table-cell; vertical-align: middle; width: 227px; text-align: center; box-sizing: border-box; height: 227px; text-transform: uppercase; } .club .amenities-tiles .word-tile .arrow-right { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #222; position: absolute; top: 50%; margin-top: -30px; right: -30px; z-index: 3; } .club .amenities-tiles .word-tile .arrow-left { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #222; position: absolute; top: 50%; margin-top: -30px; left: -30px; z-index: 3; } .club .amenities-tiles .word-tile .arrow-bottom { width: 0; height: 0; border-right: 30px solid transparent; border-top: 30px solid #222; border-left: 30px solid transparent; position: absolute; left: 50%; margin-left: -30px; bottom: -30px; z-index: 3; } .club .amenities-tiles .word-tile .arrow-top { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #222; border-left: 30px solid transparent; position: absolute; left: 50%; margin-left: -30px; top: -30px; z-index: 3; } .club .amenities-tiles .image-tile { box-sizing: border-box; height: 227px; background-position: 50% 50%; background-size: cover; } .club .extra-amenities { font-weight: 300; } .club .extra-amenities a { color: #ee2e24; } .club .extra-amenities a:hover { text-decoration: underline; } .club .team-training-tiles { background: #fff; } .club .team-training-tiles .row { margin-bottom: 5px !important; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; } .club .team-training-tiles .word-tile { position: relative; background: #fff; color: #000; display: block; width: 100%; text-align: center; box-sizing: border-box; height: 225px; padding-top: 30px; } .club .team-training-tiles .word-tile h3 { font-weight: 300; font-size: 30px; line-height: 30px; color: #000; padding-bottom:0; } .club .team-training-tiles .word-tile p { font-weight: 300; color: #000; line-height:20px; } .club .team-training-tiles .tile { position: relative; background: #222222; color: #fff; display: table-cell; vertical-align: middle; width: 227px; text-align: center; box-sizing: border-box; height: 227px; } .club .team-training-tiles .tile .overlay { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background: rgba(0,0,0,0.3); z-index: 2; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; } .club .team-training-tiles .tile#mybootcamp .background { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/mybootcamp.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .club .team-training-tiles .tile#mybootcamp .logo { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/mybootcamp-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 4; } .club .team-training-tiles .tile#trx .background { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/trx.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .club .team-training-tiles .tile#trx .logo { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/trx-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 4; background-size: 60%; } .club .team-training-tiles .word-tile .arrow-right { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #fff; position: absolute; top: 50%; margin-top: -30px; right: -30px; z-index: 3; } .club .team-training-tiles .word-tile .arrow-left { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #fff; position: absolute; top: 50%; margin-top: -30px; left: -30px; z-index: 3; } .club .team-training-tiles .word-tile .arrow-bottom { width: 0; height: 0; border-right: 30px solid transparent; border-top: 30px solid #fff; border-left: 30px solid transparent; position: absolute; left: 50%; margin-left: -30px; bottom: -30px; z-index: 3; } .club .team-training-tiles .word-tile .arrow-top { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #fff; border-left: 30px solid transparent; position: absolute; left: 50%; margin-left: -30px; top: -30px; z-index: 3; } .club .team-training-tiles .row:nth-child(odd) { border-top: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .club .team-training-tiles .row:nth-child(even) { border-top: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; } .club .team-training-tiles .row:last-child { margin-bottom: 0; } .club .personal-training .tiles { background: #222222; } .club .personal-training .tiles .word-tile { position: relative; background: #222222; color: #fff; display: block; width: 100%; height: 227px; } .club .personal-training .tiles .image-tile { box-sizing: border-box; height: 227px; background-position: 50% 50%; background-size: cover; } .club .personal-training .word-tile { text-align: left; padding: 15px 20px 20px 20px; box-sizing: border-box; } .club .personal-training .word-tile h4 { font-size: 30px; line-height: 32px; color: #fff; font-weight: 300; } .club .personal-training .word-tile p { color: #ccc; font-size: 14px; line-height: 18px; margin-bottom: 20px; } .club .personal-training .word-tile .button { width: 100%; text-align: center; } .club .personal-training .tiles .image-tile .text-overlay { height: 100%; width: 100%; display: block; position: relative; } .club .personal-training .tiles .image-tile .text-overlay h5 { position: absolute; bottom: 5px; left: 10px; color: #fff; font-weight: 600; text-transform: uppercase; font-size: 18px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); margin-bottom: 0; } .club .facility-gallery { } .club .facility-gallery .gallery { margin-top: 20px; } .club .facility-gallery .gallery .facility-image { background: #222; display: block; width: 100%; height: 332px; margin-bottom: 0.625em; margin-top: 0.625em; } .club .health-specialists { } .club .health-specialists ul.specialists { margin-bottom: -30px !important; } .club .health-specialists .specialists h4 { text-align: center; font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 5px; color: #000; } .club .health-specialists .specialists p { text-align: center; font-weight: 300; font-size: 14px; line-height: 20px; color: #000; } .club .health-specialists .specialists .trainer-img { display: block; margin-right: auto; margin-left: auto; height: 120px; width: 120px; border-radius: 100px; margin-bottom: 10px; background-position: 50% 30%; background-size: cover; } .club .health-specialists .specialists .trainer-img .overlay { display: block; opacity: 0; height: 100%; width: 100%; border-radius: 100px; box-sizing: border-box; padding-top: 50px; background: rgba(0,0,0,0.6); box-shadow: inset 0 0 10px rgba(0,0,0,0.5); text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); color: #fff; font-weight: 600; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .club .health-specialists .specialists a:hover .trainer-img .overlay { opacity: 1; } .club .personal-trainers { } .club .personal-trainers .trainers h4 { text-align: center; font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 5px; color: #000; } .club .personal-trainers .trainers p { text-align: center; font-weight: 300; font-size: 14px; line-height: 20px; color: #000; } .club .personal-trainers .trainers .trainer-img { display: block; margin-right: auto; margin-left: auto; height: 120px; width: 120px; border-radius: 100px; margin-bottom: 10px; background-position: 50% 30%; background-size: contain; background-size:20%; } .club .personal-trainers .trainers .trainer-img .overlay { display: block; opacity: 0; height: 100%; width: 100%; border-radius: 100px; box-sizing: border-box; padding-top: 50px; background: rgba(0,0,0,0.6); box-shadow: inset 0 0 10px rgba(0,0,0,0.5); text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); color: #fff; font-weight: 600; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .club .personal-trainers .trainers a:hover .trainer-img .overlay { opacity: 1; } .club .membership-options {} .club .membership-options h2 { font-weight: 300; margin-bottom: 10px; font-size: 38px; line-height: 40px; padding-bottom:0px; } .club .membership-options p { font-weight: 300; font-size: 18px; line-height: 18px; color: #727272; padding-bottom:30px; } .club .membership-options .membership-tiers {} .club .membership-options .membership-tiers p { font-weight: 300; font-size: 14px; line-height: 20px; } .club .membership-options .membership-tiers .pricing-table { border-radius: 2px 2px 2px 2px; } .club .membership-options .membership-tiers .pricing-table.popular { margin-top: -16px !important; } .club .membership-options .membership-tiers .pricing-table .title { background: #292e32; color: #fff; font-weight: 300; font-size: 24px; line-height: 24px; border-radius: 2px 2px 0px 0px; } .club .membership-options .membership-tiers .pricing-table .title p#popular { color: #ee2e24; font-weight: 300; font-size: 14px; line-height: 14px; margin-bottom: 0; margin-top: 2px; padding-bottom:0; } .club .membership-options .membership-tiers .pricing-table .description { background: #383f44; color: #fff; border-bottom: none; font-weight: 300; font-size: 14px; line-height: 14px; padding-top: 30px; padding-bottom: 30px; } .club .membership-options .membership-tiers .pricing-table .description div { color: #fff; font-weight: 700; font-size: 44px; line-height: 44px; } .club .membership-options .membership-tiers .pricing-table .description div.sup { margin-left: -15px; } .club .membership-options .membership-tiers .pricing-table .description div sup { top: -1.0em; font-size: 20px; } .club .membership-options .membership-tiers .pricing-table .price { background: #fff; color: #000; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } .club .membership-options .membership-tiers .pricing-table .price .cost { font-weight: 700; font-size: 44px; line-height: 44px; margin-bottom: 10px; } .club .membership-options .membership-tiers .pricing-table .price .bi-weekly { font-weight: 300; font-size: 22px; line-height: 26px; margin-bottom: 10px; } .club .membership-options .membership-tiers .pricing-table .price .cost-details { font-weight: 300; font-size: 14px; line-height: 18px; } .club .membership-options .membership-tiers .pricing-table .price:hover { cursor: pointer; background-color: whitesmoke; } .club .membership-options .membership-tiers .pricing-table .cta-button { padding: 20px; } .club .membership-options .membership-tiers .pricing-table .bullet-item { padding: 20px; } .club .membership-options .membership-tiers .pricing-table .bullet-item p { margin-bottom: 0; } .club .membership-options .membership-tiers .pricing-table.fourteen-day-trial { } .club .membership-options .membership-tiers .pricing-table.fourteen-day-trial .title { background-color: #ca191a; } .club .membership-options .membership-tiers .pricing-table.fourteen-day-trial .description { background-color: #ee2e24; } .club .membership-options .membership-tiers .pricing-table.fourteen-day-trial .bullet-item { padding: 30px;} /* Root/default.aspx */ .home { background: url(../img/homepage/tiles_bg.gif) top center repeat; background-size: 518px 518px; } .home .merch-header .backdrop { background: url(../img/homepage/header_bg.jpg) no-repeat; background-position: 50% 100%; position: absolute; top: 0; left: 0; width: 100%; height: 97%; border-bottom-right-radius: 1000px 70px; border-bottom-left-radius: 1000px 70px; } .home .merch-header .block-parent { z-index: 3; } .home .merch-header { position: relative; padding-top: 360px; padding-bottom: 0px; margin-top: 80px; } .home .merch-header h1 { font-size: 46px; line-height: 46px; font-weight: 100; color: #000; margin-top: 10px; padding-top: 0; margin-bottom: 15px; text-shadow:none; } .home .merch-header h3 { font-weight:100; } .home .merch-header h4 { font-weight:700; } .home .merch-header .columns .item2 { background: #202020 url(../img/homepage/transparent_tile_bg_white.png); background-position: bottom left; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .home .merch-header .columns .item2 h1 { color: #fff; margin-bottom:0; } .home .merch-header .columns #item2-step1 { display:block; } .home .merch-header .columns #item2-step1 h1 { text-transform:uppercase; font-size:36px; } .home .merch-header .columns #item2-step1 .CustValPosEmail { position: absolute; bottom: 12px; left: -4px; font-size: 13px; z-index: 100; } .home .merch-header .columns #item2-step1 .enewspadding { margin-top:20px; } .home .merch-header .columns #item2-step1 .enewscheckbox { border:none; float:left; width:30px; height:21px; } .home .merch-header .columns #item2-step1 .enews-disclaimer { float:left; max-width:360px; margin-bottom:0; color: #909090;font-size: 12px; } .home .merch-header .columns .item2 h3 { color: #fff; margin-bottom:0; padding-bottom: 2px; } .home .merch-header .columns .item2 h4 { color: #fff; margin-bottom:0; padding-bottom: 2px; } .home .merch-header .columns #item2-step2 { position:relative; display:none; } .home .merch-header .columns #item2-step2 h4 { position: relative; margin-left: 28px; line-height: 20px; } .home .merch-header .columns #item2-step2 h4 img { width:22px; height:22px; position: absolute; left:-28px; top:-3px; } .home .merch-header .columns #item2-step2 #pubclubno { display:none; } .home .merch-header .columns .item2 p { color: #ccc; } .home .merch-header .columns #item2-step2 p { line-height: 22px; margin-bottom: 14px; margin-left: 28px; white-space: nowrap; overflow: hidden; } .home .merch-header .columns #item2-step2 .customRow { position: absolute; bottom: 15px; margin: 0 0.5em; width: 82%; } .home .merch-header .columns #item2-step2 #SelectAltClub { background-color: #797979 !important; font-weight: 100; } .home .merch-header .columns .item2 p.disclaimer { color: #797979; } .home .merch-header .columns .item2 p.searchtitle { color: #797979; margin-bottom: 0px; } .home .merch-header .columns .item2 .button.try-us-submit { background-color: #ee2e24 !important; background-image:none; box-shadow: none; border: none; text-align: center; width: 100%; text-transform: uppercase; font-size: 16px; box-sizing: border-box; padding: 14px 0 14px 0; border-radius: 0; height:42px; text-shadow:none; } .home .merch-header .columns .item2 .button.try-us-submit:hover { background-color: #ef3d33 !important; text-decoration:underline; } .home .merch-header .columns #item2-step2b { display:none; } .home .merch-header .columns #item2-step2b .row.thirdrow { margin-top:10px; } .home .merch-header .columns #item2-step2b .findaclubicon { width:24px; height:24px; margin-top:-7px; } .home .merch-header .columns #item2-step3 { display:none; } .home .merch-header .columns #item2-step3 h3 { margin-top:-1px; margin-bottom:0px; } .home .merch-header .columns #item2-step3 p.disclaimer { margin-top: 0px; } .home .merch-header .columns #item2-step3 .thirdrow { margin-top: 10px; } .home .merch-header .item2 .CustValPos { position: absolute; bottom: 12px; left: 12px; font-size: 13px; z-index: 100; } .home .merch-header .columns .item3 h3 { font-size: 22px; line-height: 26px; color:#000; font-weight:300; padding-bottom:0; } .home .merch-header .columns .item3 ul#checklist { list-style-type: none; margin-bottom:0 !important; margin-left:0px; } .home .merch-header .columns .item3 ul#checklist li { border-bottom: none; font-weight: 300; font-size: 14px; line-height: 18px; padding: 3px 0 3px 25px; background: url(../img/homepage/tiny-checkmark.png) no-repeat; background-position: 0% 6px; } .home .merch-header .columns .item1 { background: #ee2e24 url(../img/homepage/transparent_tile_bg.png); background-position: bottom center; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .home .merch-header .columns .item1 h1 { color: #fff; } .home .merch-header .columns .item2 p { font-size: 16px; margin-bottom: 20px; } .home .merch-header .columns .item2 .input-label { font-weight: 600; font-size: 16px; margin-bottom: 10px; } .home .merch-header .columns .item2 .input-text, .home .merch-header .columns .item2 .input-dropdown, .home .merch-header .columns .item2 .watermark { font-weight: 300; font-size: 16px; box-shadow: none; height: auto; padding: 10px; border-radius: 0; color: #000; background: #fff; border: 1px solid #ccc; } .home .merch-header .columns .item2 .input-dropdown { height:42px; padding: 9px 10px 9px 10px; } .home .merch-header .columns .item2 .input-text.postal { border-radius: 2px 0px 0px 2px; border-right: 0px; } .home .merch-header .columns .item2 .input-text:-ms-input-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .home .merch-header .columns .item2 .input-text::-webkit-input-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .home .merch-header .columns .item2 .input-text:-moz-placeholder { color: rgba(0,0,0,0.3); text-transform: none; } .home .merch-header .columns .item2 .input-text::-moz-placeholder {color: rgba(0,0,0,0.3); text-transform: none; } .home .merch-header .columns .item2 .button.search { box-shadow: none; border: none; background: #ee2e24 url(../img/homepage/search_icon.png); background-position: 50% 50%; background-repeat: no-repeat; height: 42px; border-radius: 0px 2px 2px 0px; } .home .merch-header .columns .item2 .button.submit { box-shadow: none; border: none; text-align: center; width: 100%; text-transform: uppercase; font-size: 16px; box-sizing: border-box; padding: 15px; border-radius: 2px 2px 2px 2px; } .home .merch-header .columns .item2 .row.uncollapse { margin: 0 -1.5em; } .home .merch-header .columns .item2 .row.uncollapse .columns { padding-left: 16px; padding-right: 16px; } .home .merch-header .columns .item2 .row.secondrow { margin-top:4px; } .home .merch-header .columns .item2 .row.thirdrow { margin-top:20px; } .home .merch-header .columns .item2 p.disclaimer { margin-top:0px; margin-bottom:11px; font-size: 12px; font-weight: 600; line-height: 12px; color: #909090; } .home .merch-header .columns .item1, .merch-header .columns .item2, .merch-header .columns .item3 { height: 500px; } .home .merch-header .columns .item3 { background: #eaeaea url(../img/homepage/transparent_tile_bg.png); background-position: bottom center; background-repeat: repeat-x; background-size: 259px 259px; padding-left: 35px !important; padding-top: 25px !important; padding-right: 35px !important; } .home .merch-header .columns .item3 .break-banner { position: relative; height: 40px; margin-bottom: 10px; } .home .merch-header .columns .item3 .break-banner hr { border-bottom: 1px solid #bfbfbf; height: 1px; background: none; border-top: 0px; position: absolute; top: 0px; left: 0; width: 100%; } .home .merch-header .columns .item3 .break-banner #ribbon { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .home .merch-header .block-parent { position: relative; z-index: 0; } .home .merch-header .columns .item3 .break-banner #ribbon2 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .home .merch-header .block-parent { position: relative; z-index: 0; } .home .merch-header .columns .item3 .break-banner #ribbon3 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .home .merch-header .block-parent { position: relative; z-index: 0; } .home .merch-header .columns .item3 .break-banner #ribbon4 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .home .merch-header .block-parent { position: relative; z-index: 0; } .home .merch-header .block-parent:before, .merch-header .block-parent:after { z-index: -1; position: absolute; content: ""; bottom: 12px; left: 10px; width: 50%; top: 80%; background: transparent; -webkit-box-shadow: 0 15px 10px rgba(0,0,0,0.3); -moz-box-shadow: 0 15px 10px rgba(0,0,0,0.3); box-shadow: 0 15px 10px rgba(0,0,0,0.3); -webkit-transform: rotate(-2deg); -moz-transform: rotate(-2deg); -o-transform: rotate(-2deg); -ms-transform: rotate(-2deg); transform: rotate(-2deg); } .home .merch-header .block-parent:after { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); right: 10px; left: auto; } .home .merch-header .columns .item1, .home .merch-header .columns .item2, .home .merch-header .columns .item3 { height: 240px !important; padding-top: 15px !important; } .header-break { margin-top: 40px; margin-bottom: 40px; } .header-break h2 { font-weight: 300; margin-bottom: 10px; font-size: 38px; line-height: 40px; } .header-break p { font-weight: 300; font-size: 18px; line-height: 18px; color: #727272; } .home .tri-block .item1 { padding: 30px; background: #fff url(../img/homepage/triblock-item1-bg.jpg) bottom center no-repeat; height: 560px; } .home .tri-block .item2 { padding: 30px; background: #fff url(../img/homepage/triblock-item2-bg.jpg) bottom center no-repeat; height: 560px; } .home .tri-block .item3 { padding: 30px; background: #fff url(../img/homepage/triblock-item3-bg.jpg) bottom center no-repeat; height: 560px; } .home .quad-block .item-block.item2 { background-image: url(../img/homepage/quad-block2-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .home .quad-block .item-block.item3 { background-image: url(../img/homepage/quad-block3-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .home .quad-block .item-block.item4 { background-image: url(../img/homepage/quad-block4-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .home .quad-block .item-block.item5 { background-image: url(../img/homepage/quad-block5-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .home .quad-block .item-block.item6 { background-image: url(../img/homepage/quad-block6-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .home .quad-block .item-block.item7 { background-image: url(../img/homepage/quad-block7-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .home .quad-block .item-block.item8 { background-image: url(../img/homepage/quad-block8-bg.png); background-position: 25px 30px; background-repeat: no-repeat; } .home .exclusives-carousel { height: 200px; background-color: #000; } .home .exclusives-carousel .slide-item { float: left; height: 100%; width: 20%; position: relative; cursor: pointer; } .home .exclusives-carousel .slide-item .overlay { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 2; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; } .home .exclusives-carousel .slide-item:hover .overlay { background: rgba(0,0,0,0.4) } .home .exclusives-carousel .slide-item#mybootcamp .background { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/mybootcamp.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .home .exclusives-carousel .slide-item#mybootcamp .logo { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/mybootcamp-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 3; } .home .exclusives-carousel .slide-item#bodyshred .background { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/bodyshred.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .home .exclusives-carousel .slide-item#bodyshred .logo { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/bodyshred-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 3; } .home .exclusives-carousel .slide-item#bodypump .background { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/bodypump.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .home .exclusives-carousel .slide-item#bodypump .logo { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/bodypump-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 3; } .home .exclusives-carousel .slide-item#cxworx .background { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/cxworx.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .home .exclusives-carousel .slide-item#cxworx .logo { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/cxworx-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 3; } .home .exclusives-carousel .slide-item#shbam .background { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/shbam.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .home .exclusives-carousel .slide-item#shbam .logo { display: block; height: 100%; width: 100%; background-image: url(../img/homepage/carousel/shbam-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 3; } .training-for-everyone { margin-bottom: 80px; } .training-for-everyone #training-block { background: #292e32 url(../img/homepage/transparent_tile_bg.png); background-position: bottom left; background-repeat: repeat-x; background-size: 259px 259px; height: 516px; padding-left: 35px; padding-top: 25px; padding-bottom: 35px; padding-right: 35px; } .training-for-everyone #training-block h3 { color: #fff; font-weight: 300; margin-bottom: 10px; font-size: 28px; line-height: 30px; } .training-for-everyone #training-block p { color: #ccc; font-size: 14px; line-height: 18px; margin-bottom: 20px; font-weight: 300; } .training-for-everyone #training-block ul { list-style-type: none; margin-left:0; } .training-for-everyone #training-block ul li { color: #fff; font-weight: 500; margin-bottom: 10px; font-size: 14px; line-height: 20px; text-transform: uppercase; padding-top: 14px; padding-bottom: 14px; border-top: 1px solid #484d51; margin-bottom: 0; } .training-for-everyone #training-block ul li:last-child { border-bottom: 1px solid #484d51; } .training-for-everyone #training-block ul li .hexagon { color: #fff; float: right; margin-top: 0; font-family: Arial, sans-serif; font-size: 18px; } .training-for-everyone #training-block .button { background: #ee2e24 !important; box-shadow: none; border: none; margin-bottom: 0; width: 100%; text-align: center; text-transform: uppercase; height: 42px; padding: 14px; text-shadow:none; } .training-for-everyone #training-block .button:hover { background: #ef3d33 !important; text-decoration:underline; } .training-for-everyone #training-block .to-get-started .hexagon { height: 19px; width: 14px; display: block; background: url(../img/homepage/hexagon1.png) center center no-repeat; } .training-for-everyone #training-block .the-challenge .hexagon { height: 19px; width: 14px; display: block; background: url(../img/homepage/hexagon2.png) center center no-repeat; } .training-for-everyone #training-block .a-milestone .hexagon { height: 19px; width: 14px; display: block; background: url(../img/homepage/hexagon3.png) center center no-repeat; } .training-for-everyone #training-block .health-reasons .hexagon { height: 19px; width: 14px; display: block; background: url(../img/homepage/hexagon4.png) center center no-repeat; } .training-for-everyone #training-block .for-myself .hexagon { height: 19px; width: 14px; display: block; background: url(../img/homepage/hexagon5.png) center center no-repeat; } .training-for-everyone .pt-block { height: 258px; width: 100%; display: block; } .training-for-everyone .pt-block.user-story { background-color: #fff; padding: 23px; display: table-cell; vertical-align: middle; position: relative; } .training-for-everyone .pt-block.user-story .name { text-align: center; font-weight: 600; font-size: 20px; line-height: 20px; text-transform: uppercase; } .training-for-everyone .pt-block.user-story .words { text-align: center; font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 0; } .training-for-everyone .pt-block.user-story .button { background: #ee2e24 !important; box-shadow: none; border: none; margin-bottom: 0; text-align: center; text-transform: uppercase; margin-right: 20px; margin-left: 20px; margin-top: 10px; display: block; border-radius: 2px 2px 2px 2px; height: 49px; text-shadow:none; } .training-for-everyone .pt-block.user-story .button:hover { background: #ef3d33 !important; text-decoration:underline; } .training-for-everyone .pt-block .user-image { background-position: top center; background-size: cover; height: 100%; width: 100%; display: block; } .training-for-everyone .pt-block.user-story .arrow-right { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #fff; position: absolute; top: 50%; margin-top: -30px; right: -30px; z-index: 3; } .training-for-everyone .pt-block.user-story .arrow-left { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #fff; position: absolute; top: 50%; margin-top: -30px; left: -30px; z-index: 3; } .training-for-everyone .pt-block.user-story .arrow-bottom { width: 0; height: 0; border-right: 30px solid transparent; border-top: 30px solid #fff; border-left: 30px solid transparent; position: absolute; left: 50%; margin-left: -30px; bottom: -30px; z-index: 3; } .training-for-everyone .pt-block.user-story .arrow-top { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #fff; border-left: 30px solid transparent; position: absolute; left: 50%; margin-left: -30px; top: -30px; z-index: 3; } .home .benefits { height: 500px; position: relative; background-color: #ee2e24; background-image: url(../img/homepage/benefits-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .home .benefits .item1 { position: relative; padding: 59px 28px 40px; background-color: #fff; height: 440px; } .home .benefits .item2 { position: relative; padding: 80px 35px 40px; background-color: #d91509; height: 440px; } .home .benefits .item3 { position: relative; padding: 80px 35px 40px; background-color: #cc150d; height: 440px; } .home .benefits .item4 { position: relative; padding: 80px 35px 40px; background-color: #bd140d; height: 440px; } .home .benefits .arrow-bottom { width: 100%; height: 0; border-right: 60px solid transparent; border-top: 60px solid #fff; border-left: 60px solid transparent; position: absolute; left: 0%; margin-left: 0; bottom: -60px; z-index: 3; } .home .benefits .item1 .arrow-bottom { border-top-color: #FFF; } .home .benefits .item2 .arrow-bottom { border-top-color: #d91509; } .home .benefits .item3 .arrow-bottom { border-top-color: #cc150d; } .home .benefits .item4 .arrow-bottom { border-top-color: #bd140d; } .home .benefits .item1 h3 { color:#000; margin: 0 0 10px 0; padding-top: 0px; font-weight: 100; font-size: 32px; line-height: 38px; } .home .benefits .benefits-image { margin-bottom: 12px; } .home .benefits .item1 p.subheader { color: #000; } .home .benefits .item2 p, .home .benefits .item3 p, .home .benefits .item4 p { color: #fff; font-weight: 300; font-size: 14px; line-height: 18px; padding-left: 8px; padding-right: 8px; } .home .benefits .item2 p.subheader, .home .benefits .item3 p.subheader, .home .benefits .item4 p.subheader { color: #fff; padding: 0; } .home .benefits .item1 p.subheader, .home .benefits .item2 p.subheader, .home .benefits .item3 p.subheader, .home .benefits .item4 p.subheader { font-weight: 500; font-size: 17px; } .home .benefits .item1 .break-banner { opacity: 1; } .home .benefits .item1 .break-banner hr { opacity: 0.2; } .home .benefits .item1 .break-banner #ribbon { height: 32px; width: 50px; margin-left: -25px; top: 3px; } .home .benefits .item2 .break-banner { opacity: 1; } .home .benefits .item2 .break-banner hr { opacity: 0.2; } .home .benefits .item2 .break-banner #ribbon2 { height: 32px; width: 50px; margin-left: -25px; top: 3px; } .home .benefits .item3 .break-banner { opacity: 1; } .home .benefits .item3 .break-banner hr { opacity: 0.2; } .home .benefits .item3 .break-banner #ribbon3 { height: 22px; width: 50px; margin-left: -25px; top: 8px; } .home .benefits .item4 .break-banner { opacity: 1; } .home .benefits .item4 .break-banner hr { opacity: 0.2; } .home .benefits .item4 .break-banner #ribbon4 { height: 22px; width: 50px; margin-left: -25px; top: 8px; } .home .benefits .item1 .bottom-banner, .home .benefits .item2 .bottom-banner, .home .benefits .item3 .bottom-banner, .home .benefits .item4 .bottom-banner { position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 35px; } .home .benefits .item1 .bottom-banner hr, .home .benefits .item2 .bottom-banner hr, .home .benefits .item3 .bottom-banner hr, .home .benefits .item4 .bottom-banner hr { border-bottom: 1px solid #000; height: 1px; background: none; border-top: 0px; width: 100%; opacity: 0.2; } .home .benefits .item1 .search-row {} .home .benefits .item1 .search-row .search-input { border: 1px solid #cccccc; font-size: 16px; font-weight: 100; border-right: none; box-shadow: none; height: auto; padding: 8px 8px 9px 9px; border-radius: 2px 0 0 2px; } .home .benefits .item1 .search-row .button { background: #ee2e24 !important; box-shadow: none; border: none; border-radius: 0 2px 2px 0; height: auto; padding: 13px 9px 12px 9px; width: 100%; text-align: center; text-shadow:none; } .home .benefits .item1 .search-row .button:hover { background: #ef3d33 !important; text-decoration:underline; } .new-at-goodlife { margin-bottom: 80px; } .new-at-goodlife #whats-coming-up { background: #ee2e24 url(../img/homepage/transparent_tile_bg.png); background-position: bottom left; background-repeat: repeat-x; background-size: 259px 259px; height: 518px; padding-left: 35px; padding-top: 25px; padding-bottom: 35px; padding-right: 35px; } .new-at-goodlife #whats-coming-up h3 { color: #fff; font-weight: 300; margin-bottom: 30px; font-size: 34px; line-height: 34px; } .new-at-goodlife #whats-coming-up p { color: #ccc; font-size: 14px; line-height: 18px; margin-bottom: 20px; font-weight: 300; } .new-at-goodlife #whats-coming-up ul { list-style-type: none; } .new-at-goodlife #whats-coming-up ul li { color: #fff; font-weight: 500; margin-bottom: 10px; font-size: 14px; line-height: 20px; text-transform: uppercase; padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid rgba(0,0,0,0.2); margin-bottom: 0; } .new-at-goodlife #whats-coming-up ul li a { color: #fff; } .new-at-goodlife #whats-coming-up .break-banner { position: relative; height: 40px; margin-bottom: 10px; opacity: 1; } .new-at-goodlife #whats-coming-up .break-banner hr { border-bottom: 1px solid #000; height: 1px; background: none; border-top: 0px; position: absolute; top: 0px; left: 0; width: 100%; opacity: 0.2; } .new-at-goodlife #whats-coming-up .break-banner #ribbon5 { position: absolute; top: 0px; left: 50%; margin-left: -30px; } .new-at-goodlife .item1 { height: 516px; background: #fff; } .new-at-goodlife .item2 { height: 516px; background: #fff; } .new-at-goodlife .item1 .article-image { height: 259px; background: #ccc; background-position: 50% 50%; background-repeat: no-repeat; } .new-at-goodlife .item2 .article-image { height: 259px; background: #ccc; background-position: 50% 50%; background-repeat: no-repeat; } .new-at-goodlife .item1 .article-content, .new-at-goodlife .item2 .article-content { position: relative; height: 259px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 20px; } .new-at-goodlife .item1 .article-content h4, .new-at-goodlife .item2 .article-content h4 { font-weight: 600; margin-bottom: 10px; font-size: 20px; line-height: 24px; text-transform: uppercase; } .new-at-goodlife .item1 .article-content p, .new-at-goodlife .item2 .article-content p { font-weight: 300; font-size: 14px; line-height: 18px; margin-bottom: 0; } .new-at-goodlife .item1 .article-content .arrow-top, .new-at-goodlife .item2 .article-content .arrow-top { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #fff; border-left: 30px solid transparent; position: absolute; left: 50%; margin-left: -30px; top: -30px; z-index: 3; } .new-at-goodlife .item1 .article-content .button, .new-at-goodlife .item2 .article-content .button { background:#ee2e24 !important; box-shadow: none; border: none; margin-bottom: 0; text-align: center; text-transform: uppercase; position: absolute; bottom: 20px; left: 20px; border-radius: 2px 2px 2px 2px; height:42px; padding:14px; text-shadow:none; } .new-at-goodlife .item1 .article-content .button:hover, .new-at-goodlife .item2 .article-content .button:hover { background:#ef3d33 !important; text-decoration:underline; } .break-banner { position: relative; height: 40px; margin-bottom: 10px; opacity: 0.2; } .break-banner hr { border-bottom: 1px solid #000; height: 1px; background: none; border-top: 0px; position: absolute; top: 0px; left: 0; width: 100%; } .break-banner #ribbon { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .break-banner #ribbon2 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .break-banner #ribbon3 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .break-banner #ribbon4 { position: absolute; top: 0px; left: 50%; margin-left: -13px; } .new-at-goodlife ul#coming-up-list { list-style-type: none; margin-left: 0; } .home .careers { background: #ee2e24 url(../img/homepage/transparent_tile_bg.png); background-position: bottom left; background-repeat: repeat-x; background-size: 259px 259px; } .home .careers h3 { color: #fff; font-weight: 300; margin-bottom: 10px; font-size: 34px; line-height: 34px; } .home .careers p { color: #fff; font-weight: 300; font-size: 22px; line-height: 24px; margin-bottom: 20px; } .home .careers .button { box-shadow: none; border: none; margin-bottom: 0; text-align: center; text-transform: uppercase; border-radius: 2px 2px 2px 2px; background: none; border: 2px solid #fff; height:40px; text-shadow:none; } .home .careers .button:hover { background:#fff; color:#ee2e24; text-decoration:underline; } .home .careers .large-12 { padding-top: 55px; padding-bottom: 55px; background-image: url(../img/homepage/careers-bg.png); background-position: 100% 50%; background-repeat: no-repeat; } /* Root/Member_default.aspx */ #Member_Default div.clubInfo {padding-top:60px;} #Member_Default .calendarIcon { width: 30px; } /* Root/Offline.aspx */ .teenMessage { position:absolute; top:36%; right:5%; width:40%; font-size:15px; line-height:18px; } #offline-large { display:block; } #offline-small { display:none; } /* gettingstarted/clubrules.aspx */ .rules .merch-header { position: relative; padding-top: 250px; padding-bottom: 100px; margin-top: 0px; background: url(../img/rules/merch-header-bg.jpg) no-repeat; background-position: center center; background-size: cover; position: relative;} .rules .merch-header h1 { text-transform: none; text-align: left; font-weight: 300; margin-bottom: 10px; font-size: 46px; line-height: 44px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } .rules .merch-header h1 span { text-transform: uppercase; font-weight: 800; font-size: 58px; line-height: 58px; } .rules .merch-header a { color: #ee2e24; text-transform: none; text-align: left; font-weight: 300; margin-bottom: 0px; font-size: 22px; line-height: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.3); } .rules .merch-header .button { font-weight: 300; font-size: 18px; box-shadow: none; padding: 13px 50px; border: none; margin-bottom: 0px; border-radius: 8px; color: #fff; } .rules .merch-header .button:hover { background: #ef3d33; } .rules .main-goals { padding-top: 30px; padding-bottom: 50px; } .rules .main-goals h2 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; } .rules .main-goals h3 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 36px; line-height: 36px; margin-bottom: 10px; color:#000; } .rules .main-goals h3.scaled { text-align: left; font-weight: 700; text-transform: none; font-size: 28px; line-height: 25px; } .rules .main-goals h4 { text-align: left; font-weight: 300; text-transform: uppercase; font-size: 22px; line-height: 22px; } .rules .main-goals ul { text-align: left; margin-left: 20px; font-weight: 300; color: #000; font-size: 16px; line-height: 22px; } .rules .main-goals a { text-align: left; font-weight: 700; color: #ee2e24; font-size: 16px; line-height: 22px; } .rules .main-goals p { text-align: left; font-weight: 300; font-size: 16px; line-height: 22px; } /* gettingstarted/default.aspx */ #gettingstarted_Landing .pageheading {margin-top: -231px;} #gettingstarted_Landing .pageheading > div {height:100%;} #gettingstarted_Landing .pageheading > div > h1 > .subheading{display:block;} #faqs { background-image: url('../../img/gettingstarted/bg-faqs.jpg'); height: 830px; padding: 50px; text-align: center; } #faqs h1 { color: #fff; } #faqs h3 { color: #fff; } #faqs h5 { color: #fff; } #gt-pt { min-height: 630px; background:url('../img/pt-background.jpg') #fff top no-repeat; padding-top: 420px; } #gt-gx { background:url('../../img/bg_images/bg_groupexercise.jpg') #fff top no-repeat; min-height: 500px; padding-top: 310px; } #gt-fw { background:url('../img/bg_forwomen.jpg') #fff top no-repeat; min-height: 650px;} .ctagettingstartedRed { float: right; background-image: url(../../img/gettingstarted/call-to-action-red.png); background-repeat: no-repeat; text-align: center; position: absolute; margin-top: -100px; color: #fff;left: 700px; top: 350px; width: 210px; height: 240px; padding: 35px 15px; } /* teamtraining */ .team-training .header-break { margin-top: 40px; margin-bottom: 40px; } .team-training .header-break h2 { font-family: "proxima-nova", "Proxima Nova", sans-serif; font-weight: 300; margin-bottom: 10px; padding-bottom:0; font-size: 38px; line-height: 40px; } .team-training .header-break p { font-family: "proxima-nova", "Proxima Nova", sans-serif; font-weight: 300!important; font-size: 18px!important; line-height: 18px!important; color: #727272!important; } /* teamtraining/default.aspx */ .team-training.home {} .team-training.home .content { padding-top: 0px; margin-top: 0px; background-position: top center; background-repeat: no-repeat; } .team-training.home .content.overall { background-image: url(../img/tt/homepage-bg.jpg); background-position: 50% 30%; background-repeat: no-repeat; } .team-training.home .content-header { background: rgba(255,255,255,0.2); text-align: center; border-bottom: 1px solid #fff; } .team-training.home .content-header h1 { font-size: 62px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 0; padding: 0; margin-top: 30px; line-height: 1em; } .team-training.home .content-header h2 { font-size: 36px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 30px; padding: 0; line-height: 1em; } .team-training .content-header .navigation { margin-bottom: -27px; position: relative; z-index: 3; } .team-training .content-header .navigation a.find-camp-btn { display: block; box-sizing: border-box; position: absolute; top: 0; right: 0; z-index: 3; width: 100%; height: 58px; margin-top: 1px; background-color: #ee2e24; text-transform: uppercase; color: #fff; font-weight: 600; padding: 20px; border-radius: 2px 2px 2px 2px; font-size: 22px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .team-training .content-header .navigation a.find-camp-btn.active { width:320px; } .team-training .content-header .navigation div.search-camp-btn { display: block; box-sizing: border-box; position: absolute; top: 0; right: 0; z-index: 3; width: 100%; height: 58px; margin-top: 1px; background-color: #ee2e24; text-transform: uppercase; color: #fff; font-weight: 600; padding: 20px; border-radius: 2px 2px 2px 2px; font-size: 22px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .team-training .content-header .navigation a.find-camp-btn.disabled { background-color:#cf1a10; } .team-training .content-header .navigation a:hover { background-color: #cf1a10; } .team-training .content-header .navigation select { -webkit-appearance: none; float: left; border: none; padding: 15px; height: 56px; font-size: 22px; font-weight: 300; border-radius: 0; margin-bottom: 0; display: inline-block; background-image: url(../img/icons/dropdown-arrow.png); background-position: 95% 50%; background-repeat: no-repeat; } .team-training .content-header .navigation select.ddlSelectProv{ border-radius: 2px 0 0 2px; border-right: 2px solid #ee2e24; } .team-training .content-header .navigation .nav-button-container { background-color: #ee2e24; border-radius: 2px 2px 2px 2px; height: 60px; padding: 2px; position: relative; width: 350px; margin-left: auto; margin-right: auto; overflow: hidden; } .team-training .content-header .navigation .dropdown-menus { height: 58px; position: absolute; z-index: 1; width: 100%; left: 2px; top: 2px; border-radius: 2px; } .team-training.home .content-body { padding-top: 180px; padding-bottom: 180px; position: relative; } .team-training.home .content-body h3 { font-size: 42px; color: #fff; font-weight: 300; margin-bottom: 20px; padding: 0; line-height: 1.1em; } .team-training.home .content-body p { color: #fff; font-weight: 300; font-size: 16px; line-height: 1.9em; } .team-training.home .content-body .button { box-shadow: none; border: none; text-align: center; text-transform: uppercase; font-size: 14px; box-sizing: border-box; padding: 15px 45px; border-radius: 2px 2px 2px 2px; margin-top: 20px; background:#ee2e24; text-shadow:none; height: 43px; } .team-training.home .content-body .button:hover { background-color: #cf1a10; } .team-training.home .content-body .separator { position: absolute; top: 0; z-index: 1; left: 50%; height: 100%; width: 1px; background-color: #fff; } /* TeamTraining/campresults.aspx */ .team-training.product {} .team-training.product .merch-header { position: relative; } .team-training.product .content { padding-top: 0px; margin-top: 0px; } .team-training.product .content.bootcamp .merch-header .backdrop {background-image: url(../img/tt/mybootcamp-bg.jpg); background-position: 50% 50%; position: absolute; top: 0; left: 0; width: 100%; height: 450px; z-index: 1; border-bottom-right-radius: 1000px 70px; border-bottom-left-radius: 1000px 70px; } .team-training.product .content.trx .merch-header .backdrop {background-image: url(../img/tt/trx-team-training-bg.jpg); background-position: 50% 60%; position: absolute; top: 0; left: 0; width: 100%; height: 450px; z-index: 1; border-bottom-right-radius: 1000px 70px; border-bottom-left-radius: 1000px 70px; } .team-training.product .content.results .merch-header .backdrop {background-image: url(../img/tt/homepage-bg.jpg); background-position: 50% 50%; position: absolute; top: 0; left: 0; width: 100%; height: 450px; z-index: 1; border-bottom-right-radius: 1000px 70px; border-bottom-left-radius: 1000px 70px; } .team-training.product .content.bootcamp .merch-header .pt-title h1 {background-image: url(../img/tt/mybootcamp-logo.png); background-position: 50% 50%; background-repeat: no-repeat; width: 190px; height: 121px; z-index: 1; text-indent: -9999px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .team-training.product .content.bootcamp.drop10 .merch-header .pt-title h1 {background-image: url(../img/tt/mybootcamp-drop-10-logo-white.png); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; width: 190px; height: 244px; z-index: 1; text-indent: -9999px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; margin-top: 50px; } .team-training.product .content.bootcamp.drop10 .merch-header .pt-title h2 { margin-bottom: 50px; } .team-training.product .content.trx .merch-header .pt-title h1 {background-image: url(../img/tt/trx-team-training-logo.png); background-position: 50% 50%; background-repeat: no-repeat; width: 190px; height: 121px; z-index: 1; text-indent: -9999px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .team-training.product .content .merch-header .block-parent { z-index: 2; } .team-training.product .overlay { display:none; position:absolute; top:0; left:0; right:0; bottom:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.85); z-index:9999; color:white; } .team-training.product .overlay > h3 { color:#fff; margin-left:auto; margin-right:auto; text-align:center; margin-top:100px !important; font-size: 26px !important; font-weight:400 !important; } .team-training.product .overlay > h3 img { margin-top: -4px; } .team-training.product .content .merch-header .block-parent .pt-choices-container { background-color: #fff; min-height: 200px; } .team-training.product .content .merch-header .block-parent .pt-choices { border-right: 1px solid #e3e3e3; } .team-training.product .content .merch-header .block-parent .pt-choices .details { padding: 20px; } .team-training.product .content .merch-header .block-parent .pt-choices .details p.feature-title { font-size: 28px; font-weight: 300; margin-top: 10px; } .team-training.product .content .merch-header .block-parent .pt-choices .details ul { margin-left: 30px; font-size: 16px; color: #727272; font-weight: 300; margin-top: 20px; list-style-type: disc; } .team-training.product .content .merch-header .block-parent .pt-choices .details hr { height: 1px; background: #e2e2e2; border: none; width: 100%; margin: 20px 0; } .team-training.product .content .merch-header .block-parent .pt-choices .details .session-length-cost {} .team-training.product .content .merch-header .block-parent .pt-choices .details .session-length-cost p.length { margin-top: 25px; font-size: 14px; font-weight: 600; line-height: 1em; text-transform: uppercase; color: #727272; margin-bottom: 0; } .team-training.product .content .merch-header .block-parent .pt-choices .details .session-length-cost p.length span { font-size: 11px; font-weight: 300; } .team-training.product .content .merch-header .block-parent .pt-choices .details .session-length-cost p.cost { font-size: 80px; line-height: 1em; font-weight: 600; text-align: right; margin-bottom: -10px; } .team-training.product .content .merch-header .block-parent .pt-choices .details .session-length-cost p.cost sup { font-size: 44px; line-height: 1em; font-weight: 300; } .team-training.product .content .merch-header .block-parent .pt-choices { list-style-type: none; margin: 0; padding: 0; } .team-training.product .content .merch-header .block-parent .pt-choices > li { list-style-type: none; margin: 0 0 -1px 0; padding: 0; background: #202020 url(../img/background/transparent_tile_bg_white.png); background-position: 50% 50%; background-repeat: repeat-x; background-size: 80px; cursor: pointer; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .team-training.product .content .merch-header .block-parent .pt-choices > li:hover { background-color: #2e2e2e; } .team-training.product .content .merch-header .block-parent .pt-choices > li > h3 { padding: 20px; color: #000; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; line-height: 1em; margin-top: 0; font-size: 28px; font-weight: 300; margin-bottom: 0; color: #fff; background-image: url(../img/icons/white-right-arrow.png); background-position: 95% 50%; background-repeat: no-repeat; background-size: 13px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .team-training.product .content .merch-header .block-parent .pt-choices > li:last-child > h3 { border-bottom: none; } .team-training.product .content .merch-header .block-parent .pt-choices > li:hover h3 { background-position: 96% 50%; } .team-training.product .content .merch-header .block-parent .pt-choices > li.active { background-color: #fff; cursor: default; } .team-training.product .content .merch-header .block-parent .pt-choices > li.active > h3 { position: relative; background: url(../img/background/transparent_tile_bg.png) top center repeat; background-position: 50% 50%; background-size: 80px; color: #000; } .team-training.product .content .merch-header .block-parent .pt-choices > li.active > h3 .arrow { background-image: url(../img/icons/black-right-arrow.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; height: 100%; width: 13px; display: block; position: absolute; top: 0; right: 20px; transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); } .team-training.product .content .merch-header .block-parent .pt-choices > li#other-options { background: #e3e3e3; color: #000; padding: 20px; font-weight: 600; font-size: 18px; cursor: default; } .team-training.product .content .merch-header .pt-title { position: relative; z-index: 2; text-align: center; } .team-training.product .content .merch-header .pt-title h1 { font-size: 62px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 0; padding: 0; margin-top: 100px; line-height: 1em; } .team-training.product .content .merch-header .pt-title h2 { font-size: 26px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 100px; padding: 0; line-height: 1em; } .team-training.product .content .merch-header p.disclaimer { font-size: 12px; font-family: "proxima-nova", sans-serif; font-weight: 600; line-height: 13px; color: #909090; text-align: center; padding: 0 40px; } .team-training.product .content .merch-header .find-a-camp { position: relative; z-index: 3; margin-bottom: 30px; box-shadow: 0 0 7px rgba(0,0,0,0.2); padding: 20px; background-color: #ee2e24; background-image: url(../img/background/transparent_tile_bg.png); background-repeat: repeat; background-position: 50% 50%; /*background-size: 80px;*/ } .team-training.product .content .merch-header .find-a-camp select { -webkit-appearance: none; float: left; border: none; padding: 15px; height: 56px; font-size: 22px; font-weight: 300; border-radius: 2px 2px 2px 2px; margin-bottom: 0; display: inline-block; background-image: url(../img/icons/dropdown-arrow.png); background-position: 95% 50%; background-repeat: no-repeat; } .team-training.product .content .merch-header .find-a-camp select.ddlSelectProv { } .team-training.product .content .merch-header .find-a-camp select.ddlSelectCity { } .team-training.product .content .merch-header .find-a-camp a.find-camp-btn { display: block; box-sizing: border-box; box-shadow: none; margin-bottom: 0; border: 3px solid #fff; width: 100%; margin-top: 0; background-color: transparent !important; text-transform: uppercase; color: #fff; font-weight: 600; padding: 16px 13px 12px; border-radius: 2px 2px 2px 2px; font-size: 22px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background:none !important; height:56px; text-shadow:none; text-align: center; } .team-training.product .content .merch-header .find-a-camp a.find-camp-btn:hover { background-color: rgba(0,0,0,0.1); } .team-training.product .content .merch-header .find-a-camp h3 { font-size: 48px; color: #fff; text-align: center; margin-bottom: 10px; margin-top: 0px; padding: 0; font-weight: 300; line-height: 1em; } .team-training.product .content .merch-header .find-a-camp h4 { font-size: 32px; color: #fff; text-align: center; margin-bottom: 10px; margin-top: 10px; padding: 0; font-weight: 300; line-height: 1em; } .team-training.product .content .merch-header .find-a-camp p { font-size: 16px; color: #fff; text-align: center; margin-bottom: 20px; font-weight: 300; line-height: 1em; } .team-training.product .content .video { margin-bottom: 20px; } .team-training.product .content .video p { font-size: 16px; font-weight: 400; } .team-training.product .content .video ul { font-size: 16px; margin-left: 30px; font-weight: 400; } .team-training.product .content .drop-10 { } .team-training.product .content .drop-10.meal h3 { margin-top: 50px; } .team-training.product .content .drop-10 h3 { font-size: 38px; line-height: 1em; font-weight: 400; margin-bottom: 20px; padding-bottom:0; margin-top: 0; color:#000; } .team-training.product .content .drop-10 h4 { font-size: 28px; line-height: 1em; font-weight: 400; margin-bottom: 20px; padding-bottom:0; margin-top: 0; } .team-training.product .content .drop-10 p { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 20px; } .team-training.product .content .drop-10 ul { font-size: 16px; font-weight: 400; line-height: 24px; margin-left: 25px; margin-bottom: 20px; } .team-training.product .content .drop-10.locations {} .team-training.product .content .drop-10.locations a { color: #ee2e24; } .team-training.product .content .drop-10.locations h3 { margin-top: 10px; font-size: 30px; line-height: 1.2em; } .team-training.product .content .team-force { } .team-training.product .content .white-container { background: #fff; border-top: 1px solid #e3e3e3; padding-top: 50px; padding-bottom: 50px; } .team-training.product .content .team-force img { width: 75%; } .team-training.product .content .team-force h3 { font-size: 42px; line-height: 1em; font-weight: 400; margin-bottom: 0px; margin-top: 0; color:#000; } .team-training.product .content .team-force h4 { font-size: 28px; line-height: 1em; font-weight: 400; margin-bottom: 20px; padding-bottom: 0; margin-top: 0; } .team-training.product .content .team-force p { font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 20px; } .team-training.product .content .team-force .button { background:#ee2e24 !important; text-shadow:none; border:none; box-shadow:none; text-transform:uppercase; padding-top: 12px; } .team-training.product .tri-block h3 { font-family: "proxima-nova", "Proxima Nova", sans-serif; font-weight: 300; margin-bottom: 10px; margin-top: 0; font-size: 33px; line-height: 40px; color:#000; } .team-training.product .tri-block p { font-family: "proxima-nova", "Proxima Nova", sans-serif; font-weight: 300; font-size: 15px; line-height: 18px; color: #727272; } .team-training.product .content.trx .tri-block .item1 { padding: 27px; background: #fff url(../img/tt/trx-triblock-item1-bg.jpg) bottom center no-repeat; height: 560px; } .team-training.product .content.trx .tri-block .item2 { padding: 27px; background: #fff url(../img/tt/trx-triblock-item2-bg.jpg) bottom center no-repeat; height: 560px; } .team-training.product .content.trx .tri-block .item3 { padding: 27px; background: #fff url(../img/tt/trx-triblock-item3-bg.jpg) bottom center no-repeat; height: 560px; } .team-training.product .content.bootcamp .tri-block .item1 { padding: 27px; background: #fff url(../img/tt/bootcamp-triblock-item1-bg.jpg) bottom center no-repeat; height: 560px; } .team-training.product .content.bootcamp .tri-block .item2 { padding: 27px; background: #fff url(../img/tt/bootcamp-triblock-item2-bg.jpg) bottom center no-repeat; height: 560px; } .team-training.product .content.bootcamp .tri-block .item3 { padding: 27px; background: #fff url(../img/tt/bootcamp-triblock-item3-bg.jpg) bottom center no-repeat; height: 560px; } .team-training.product .drop-10 .button { background:#ee2e24 !important; text-shadow:none; border:none; box-shadow:none; text-transform:uppercase; padding-top: 12px; } .team-training.product .tri-block h3 { font-family: "proxima-nova", "Proxima Nova", sans-serif; font-weight: 300; margin-bottom: 10px; margin-top: 0; font-size: 33px; line-height: 40px; color:#000; } .team-training.product .white-container.results h3 a { color: #ee2e24; } .team-training.product .team-training-tiles { background: #fff; } .team-training.product .team-training-tiles .row { margin-bottom: 5px; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; } .team-training.product .team-training-tiles .word-tile { position: relative; background: #fff; color: #000; display: block; width: 100%; text-align: center; box-sizing: border-box; height: 225px; padding-top: 20px; } .team-training.product .team-training-tiles .word-tile h3 { font-family: "proxima-nova", "Proxima Nova", sans-serif; font-weight: 300; font-size: 30px; line-height: 30px; margin-top: 0; margin-bottom: 10px; padding: 0; color: #000; } .team-training.product .team-training-tiles .word-tile h3 a:hover { text-decoration: underline; } .team-training.product .team-training-tiles .word-tile p { font-family: "proxima-nova", "Proxima Nova", sans-serif; font-weight: 300; color: #000; margin-bottom: 3px; line-height: 1.3; } .team-training.product .team-training-tiles .tile { position: relative; background: #222222; color: #fff; display: table-cell; vertical-align: middle; width: 227px; text-align: center; box-sizing: border-box; height: 227px; } .team-training.product .team-training-tiles .tile .overlay { position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background: rgba(0,0,0,0.3); z-index: 2; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; } .team-training.product .team-training-tiles .tile .spots { position: absolute; bottom: 10px; left: 0; display: block; text-align: center; width: 100%; z-index: 4; } .team-training.product .team-training-tiles .tile.mybootcamptile .background { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/mybootcamp.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .team-training.product .team-training-tiles .tile.mybootcamptile .logo { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/mybootcamp-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 4; } .team-training.product .team-training-tiles .tile.trxtile .background { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/trx.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .team-training.product .team-training-tiles .tile.trxtile .logo { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/trx-logo.png); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 4; background-size: 60%; } .team-training.product .team-training-tiles .tile.teamtrainingtile .background { display: block; height: 100%; width: 100%; background-image: url(../img/locations/carousel/mybootcamp.jpg); background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } .team-training.product .team-training-tiles .tile.teamtrainingtile .logo { display: none; } .team-training.product .team-training-tiles .word-tile .arrow-right { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 30px solid #fff; position: absolute; top: 50%; margin-top: -30px; right: -30px; z-index: 3; } .team-training.product .team-training-tiles .word-tile .arrow-left { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-right: 30px solid #fff; position: absolute; top: 50%; margin-top: -30px; left: -30px; z-index: 3; } .team-training.product .team-training-tiles .row { border: 1px solid #e3e3e3; } .team-training.product .team-training-tiles .row.price-button.parent { border: none; margin-top: 20px; } .team-training.product .team-training-tiles .row.price-button { border: none; } .team-training.product .team-training-tiles .row.price-button .button { border-radius: 0 2px 2px 0; background: #ee2e24; border: none; padding: 14px 10px 11px 10px; box-shadow: none; text-shadow: none; height: auto; } .team-training.product .team-training-tiles .row.price-button h5 { font-size: 18px; font-weight: 300; text-transform: uppercase; text-align: center; /*text-shadow: 0 0 3px rgba(0,0,0,0.2);*/ padding: 6px 5px 6px 5px; border: 1px solid #ccc; border-right: 0; margin: 0; background-color: #efefef; color: #333; border-radius: 2px 0 0 2px; } /* TeenFitness/ */ .teen-fitness.home {} .teen-fitness.home .content { padding-top: 0px; margin-top: 0px; background-position: top center; background-repeat: no-repeat; } .teen-fitness.home .content.teen-1 { background-image: url(../img/teen/teen-fitness-bg.jpg); } .teen-fitness.home .content.teen-2 { background-image: url(../img/teen/teen-fitness-bg-blank.jpg); } .teen-fitness.home .content.teen-3 { background-image: url(../img/teen/teen-fitness-bg-blank.jpg); background-size: cover; } .teen-fitness.home .content.teen-4 { background-image: url(../img/teen/teen-fitness-bg.jpg); } .teen-fitness.home .content-header { background: rgba(255,255,255,0.2); text-align: center; border-bottom: 1px solid #fff; } .teen-fitness.home .content-header h1 { font-size: 62px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 0; padding: 0; margin-top: 60px; line-height: 1em; } .teen-fitness.home .content-header h2 { font-size: 36px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 50px; padding: 0; line-height: 1em; } .teen-fitness.home .content-header .navigation { margin-bottom: -21px; } .teen-fitness.home .content-header .navigation > li { padding: 0; } .teen-fitness.home .content-header .navigation > li a { display: block; background-color: #fff; text-transform: uppercase; color: #000; font-weight: 600; padding: 10px; border-right: 1px solid #efefef; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .teen-fitness.home .content-header .navigation > li a:hover { background-color: #efefef; } .teen-fitness.home .content-header .navigation > li a.active { position: relative; background-color: #ee2e24; color: #fff; } .teen-fitness.home .content-header .navigation > li a.active:after { content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-top: 10px solid #ee2e24; border-left: 10px solid transparent; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; z-index: 3; } .teen-fitness.home .content-header .navigation > li:first-child a { border-radius: 2px 0 0 2px; } .teen-fitness.home .content-header .navigation > li:last-child a { border-right: none; border-radius: 0 2px 2px 0; } .teen-fitness.home .content-body { padding-top: 60px; padding-bottom: 60px; } .teen-fitness.home .content-body h3 { font-size: 42px; color: #fff; font-weight: 300; margin-bottom: 20px; padding: 0; line-height: 1.1em; } .teen-fitness.home .content-body h4 { font-size: 26px; color: #fff; font-weight: 600; margin-bottom: 20px; padding: 0; line-height: 1.1em; } .teen-fitness.home .content-body h5 { font-size: 22px; color: #fff; font-weight: 600; margin-bottom: 10px; padding: 0; line-height: 1.1em; } .teen-fitness.home .content-body p { color: #fff; font-weight: 300; font-size: 16px; line-height: 1.4em; margin-bottom: 10px; } .teen-fitness.home .content-body ul { margin-left: 25px; } .teen-fitness.home .content-body li { color: #fff; font-weight: 300; font-size: 16px; line-height: 1.4em; } .teen-fitness.home .content-body .button { box-shadow: none; border: none; text-align: center; text-transform: uppercase; font-size: 14px; box-sizing: border-box; padding: 15px 45px; border-radius: 2px 2px 2px 2px; margin-top: 20px; } .teen-fitness.home .content-body .button.register { box-shadow: none; border: none; text-align: center; text-transform: uppercase; font-size: 22px; box-sizing: border-box; padding: 15px 45px; border-radius: 2px 2px 2px 2px; margin-top: 20px; margin-bottom: 0; background:#ee2e24; text-shadow:none; height: 49px; } .teen-fitness.home .content-body .button.browser { box-shadow: none; border: none; text-align: center; font-size: 14px; box-sizing: border-box; padding: 15px 45px; border-radius: 2px 2px 2px 2px; margin-top: 0; margin-bottom: 15px; background:#ee2e24; text-shadow:none; height: 41px; } .teen-fitness.home .content-body .faq-container { padding: 20px; background-color: #fff; } .teen-fitness.home .content-body .faq-container h3 { margin-top: 0; } .teen-fitness.home .content-body .faq-container h3, .teen-fitness.home .content-body .faq-container h5, .teen-fitness.home .content-body .faq-container p { color: #000; } .teen-fitness.register {} .teen-fitness.register .content { padding-top: 0px; margin-top: 100px; background-position: top center; background-repeat: no-repeat; } .teen-fitness.register .content.teen-1 { background-image: url(../img/teen/teen-fitness-bg-blank.jpg); background-size: cover; } .teen-fitness.register .content.teen-2 { background-image: url(../img/teen/teen-fitness-bg-blank.jpg); background-size: cover; } .teen-fitness.register .content.teen-3 { background-image: url(../img/teen/teen-fitness-bg-blank.jpg); background-size: cover; } .teen-fitness.register .content.teen-4 { background-image: url(../img/teen/teen-fitness-bg-blank.jpg); background-size: cover; } .teen-fitness.register .content-header { background: rgba(255,255,255,0.2); text-align: center; border-bottom: 1px solid #fff; } .teen-fitness.register .content-header h1 { font-size: 62px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 0; padding: 0; margin-top: 60px; line-height: 1em; } .teen-fitness.register .content-header h2 { font-size: 36px; text-align: center; color: #fff; font-weight: 300; margin-bottom: 50px; padding: 0; line-height: 1em; } .teen-fitness.register .content-header .navigation { margin-bottom: -21px; } .teen-fitness.register .content-header .navigation > li { padding: 0; } .teen-fitness.register .content-header .navigation > li a { display: block; background-color: #fff; text-transform: uppercase; cursor: default; color: #9a9a9a; font-weight: 600; padding: 10px; border-right: 1px solid #efefef; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .teen-fitness.register .content-header .navigation > li a:hover { background-color: #fff; } .teen-fitness.register .content-header .navigation > li a.active { position: relative; background-color: #ee2e24; color: #fff; } .teen-fitness.register .content-header .navigation > li a.active:after { content: ''; width: 0; height: 0; border-right: 10px solid transparent; border-top: 10px solid #ee2e24; border-left: 10px solid transparent; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; z-index: 3; } .teen-fitness.register .content-header .navigation > li:first-child a { border-radius: 2px 0 0 2px; } .teen-fitness.register .content-header .navigation > li:last-child a { border-right: none; border-radius: 0 2px 2px 0; } .teen-fitness.register .content-header .navigation > li a.done { background-color: #f3625b; color: rgba(255,255,255,0.5); border-right-color: #ee2e24; } .teen-fitness.register .content-body { padding-top: 80px; padding-bottom: 80px; } .teen-fitness.register .content-body h2 { font-size: 44px; color: #fff; font-weight: 300; margin-bottom: 20px; padding: 0; line-height: 1.1em; } .teen-fitness.register .content-body h3 { font-size: 36px; color: #fff; font-weight: 300; margin-bottom: 20px; padding: 0; line-height: 1.1em; } .teen-fitness.register .content-body h4 { font-size: 26px; color: #fff; font-weight: 600; margin-bottom: 20px; padding: 0; line-height: 1.1em; } .teen-fitness.register .content-body h5 { font-size: 22px; color: #fff; font-weight: 600; margin-bottom: 10px; padding: 0; line-height: 1.1em; } .teen-fitness.register .content-body p { color: #fff; font-weight: 300; font-size: 16px; line-height: 1.4em; margin-bottom: 10px; } .teen-fitness.register .content-body ul { margin-left: 25px; } .teen-fitness.register .content-body li { color: #fff; font-weight: 300; font-size: 16px; line-height: 1.4em; } .teen-fitness.register .content-body .button { box-shadow: none; border: none; text-align: center; text-transform: uppercase; font-size: 14px; box-sizing: border-box; padding: 15px 45px; border-radius: 2px 2px 2px 2px; margin-top: 20px; } .teen-fitness.register .content-body .button.previous { box-shadow: none; border: none; text-align: center; text-transform: uppercase; font-size: 14px; background: transparent; color: #000; box-sizing: border-box; padding: 15px 0px; border-radius: 2px 2px 2px 2px; margin-top: 20px; } .teen-fitness.register .content-body .button.previous span { font-size: 15px; font-family: Helvetica, Arial, sans-serif; display: inline-block; height: 13px; width: 13px; margin-bottom: -1px; background-image: url(../img/icons/black-left-arrow.png); background-position: 50% 50%;background-repeat: no-repeat; background-size: contain; } .teen-fitness.register .content-body .button.register { box-shadow: none; border: none; text-align: center; text-transform: uppercase; font-size: 22px; box-sizing: border-box; padding: 15px 45px; border-radius: 2px 2px 2px 2px; margin-top: 20px; margin-bottom: 0; } .teen-fitness.register .content-body .reg-form { padding: 20px; background-color: rgba(255,255,255,0.9); } .teen-fitness.register .content-body .reg-form p, .teen-fitness.register .content-body .reg-form strong { color: #000; } .teen-fitness.register .content-body .reg-form h1, .teen-fitness.register .content-body .reg-form h2, .teen-fitness.register .content-body .reg-form h3, .teen-fitness.register .content-body .reg-form h4, .teen-fitness.register .content-body .reg-form h5 { color: #000; font-weight: 300; margin: 0 0 10px; padding: 0; } .teen-fitness.register .content-body .reg-form .button { margin: 10px 0 0 0; } .teen-fitness.register .content-body .reg-form input[type="text"] { -webkit-appearance: none; height: auto; font-size: 16px; font-weight: 300; border: 1px solid #e3e3e3; padding: 10px; line-height: 1em; border-radius: 2px 2px 2px 2px; box-shadow: none; } .teen-fitness.register .content-body .reg-form select { -webkit-appearance: none; float: left; border: 1px solid #e3e3e3; padding: 10px; height: auto; font-size: 16px; font-weight: 300; border-radius: 2px 2px 2px 2px; margin-bottom: 0; display: inline-block; background-image: url(../img/icons/dropdown-arrow.png); background-position: 95% 50%; background-repeat: no-repeat; } .teen-fitness.register .content-body .reg-form input[type="checkbox"] { -webkit-appearance: none; float: left; background-color: #fff; height: 20px; width: 20px; display: inline-block; border: 2px solid #ccc; margin-top: -2px; position: relative; cursor: pointer; } .teen-fitness.register .content-body .reg-form input[type="checkbox"]:focus { outline: none; } .teen-fitness.register .content-body .reg-form input[type="checkbox"]:checked:before { content: '\2713'; color: #ee2e24; position: absolute; top: -4px; left: -2px; height: 20px; width: 20px; text-align: center; z-index: 2; font-size: 25px; } .teen-fitness.register .content-body .reg-form input[type="checkbox"] ~ label { font-size: 16px; margin-left: 23px; font-weight: 300; } .teen-fitness.register .content-body .reg-form input[type="radio"] { -webkit-appearance: none; background-color: #fff; height: 20px; width: 20px; border-radius: 9px; display: inline-block; border: 2px solid #ccc; margin-top: -2px; position: relative; cursor: pointer; } .teen-fitness.register .content-body .reg-form input[type="radio"]:focus { outline: none; } .teen-fitness.register .content-body .reg-form input[type="radio"]:checked:before { content: ''; position: absolute; top: 2px; left: 2px; height: 12px; width: 12px; text-align: center; z-index: 2; border-radius: 9px; background-color: #ee2e24; } .teen-fitness.register .content-body .reg-form input[type="radio"] ~ label { font-size: 16px; margin-left: 23px; font-weight: 300; } .teen-fitness.register .content-body .reg-form #rules-regulations { font-size: 14px; line-height: 1.3em; height: 200px; overflow: auto; background-color: #fff; color: #000; border: 1px solid #e3e3e3; padding: 10px; border-radius: 2px 2px 2px 2px; box-shadow: none; margin-bottom: 10px; } .teen-fitness.register .content-body .reg-form ul li { color: #000; } .teen-fitness.register .content-body .reg-form #postal-code-search {} .teen-fitness.register .content-body .reg-form #postal-code-search .button { margin-top: 0; padding: 12px 45px; border-radius: 0 2px 2px 0; } .teen-fitness.register .content-body .reg-form #selected_clubInfo { padding-top: 10px; padding-bottom: 6px; } .teen-fitness.register .content-body .reg-form #selected_clubInfo p { padding-top: 4px; } /* Testimonials/default.aspx */ #Testimonials_Landing .memberships {min-height: 0px;} #Testimonials_Landing .testimonial { background:none; } #Testimonials_Landing table { width:100%; border:none; margin-bottom:0; } #Testimonials_Landing table tr td { padding-right: 20px; } #Testimonials_Landing table tr td img {margin: 0px; max-width:185px;} #Testimonials_Landing .testimonial h3 { background-color: #ee2e24; border-radius: 10px; padding: 10px 20px 20px 20px; color: #fff; text-transform: uppercase; clear: both; } #Testimonials_Landing p.member-name { background-color: #333; color: #fff; border-radius: 10px; border: 3px solid #fff; padding: 10px 20px 10px 20px; width: 325px; float: right; margin-top: -20px; margin-right: 20px; } /* UserControl/MembershipOptions */ .uc-membership-options {} .uc-membership-options h2 { font-weight: 300; margin-bottom: 10px; font-size: 38px; line-height: 40px; padding-bottom:0px; } .uc-membership-options .text-center h2 { text-align: center !important; } .uc-membership-options .text-center p { text-align: center !important; margin-bottom:40px !important; font-weight: 300; font-size: 18px; line-height: 18px; color: #727272; } .uc-membership-options .membership-tiers p { font-weight: 300; font-size: 18px; line-height: 18px; color: #727272; padding-bottom:10px; } .uc-membership-options .membership-tiers {} .uc-membership-options .membership-tiers p { font-weight: 300; font-size: 14px; line-height: 20px; } .uc-membership-options .membership-tiers div.row ul { margin-left:0 !important; } .uc-membership-options .membership-tiers .button { text-shadow: none; box-shadow: none; border: none; margin-bottom: 0; text-align: center; text-transform: uppercase; border-radius: 2px 2px 2px 2px; padding-top: 12px; background: #ee2e24; color:#fff; font-size:14px; height:42px; line-height:20px; } .uc-membership-options .membership-tiers .button:hover { background: #ef3d33; text-decoration: underline; } .uc-membership-options .membership-tiers .pricing-table { border-radius: 2px 2px 2px 2px; } .uc-membership-options .membership-tiers .pricing-table.popular { margin-top: -16px !important; } .uc-membership-options .membership-tiers .pricing-table .title { background: #292e32; color: #fff; font-weight: 300; font-size: 24px; line-height: 24px; border-radius: 2px 2px 0px 0px; } .uc-membership-options .membership-tiers .pricing-table .title p#popular { color: #ee2e24; font-weight: 300; font-size: 14px; line-height: 14px; margin-bottom: 0; margin-top: 2px; padding-bottom:0; text-align: center !important; } .uc-membership-options .membership-tiers .pricing-table .description { background: #383f44; color: #fff; border-bottom: none; font-weight: 300; font-size: 14px; line-height: 14px; padding-top: 30px; padding-bottom: 30px; } .uc-membership-options .membership-tiers .pricing-table .description div { color: #fff; font-weight: 700; font-size: 44px; line-height: 44px; } .uc-membership-options .membership-tiers .pricing-table .description div.sup { margin-left: -15px; } .uc-membership-options .membership-tiers .pricing-table .description div sup { top: -1.0em; font-size: 20px; } .uc-membership-options .membership-tiers .pricing-table .price { background: #fff; color: #000; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } .uc-membership-options .membership-tiers .pricing-table .price .cost { font-weight: 700; font-size: 44px; line-height: 44px; margin-bottom: 10px; } .uc-membership-options .membership-tiers .pricing-table .price .bi-weekly { font-weight: 300; font-size: 22px; line-height: 26px; margin-bottom: 10px; } .uc-membership-options .membership-tiers .pricing-table .price .cost-details { font-weight: 300; font-size: 14px; line-height: 18px; } .uc-membership-options .membership-tiers .pricing-table .price:hover { cursor: pointer; background-color: whitesmoke; } .uc-membership-options .membership-tiers .pricing-table .cta-button { padding: 20px; } .uc-membership-options .membership-tiers .pricing-table .bullet-item { padding: 20px; } .uc-membership-options .membership-tiers .pricing-table .bullet-item h4 { text-align: center !important; } .uc-membership-options .membership-tiers .pricing-table .bullet-item p { margin-bottom: 0; text-align: center !important; } .uc-membership-options .membership-tiers .pricing-table.fourteen-day-trial { } .uc-membership-options .membership-tiers .pricing-table.fourteen-day-trial .title { background-color: #ca191a; } .uc-membership-options .membership-tiers .pricing-table.fourteen-day-trial .description { background-color: #ee2e24; } .uc-membership-options .membership-tiers .pricing-table.fourteen-day-trial .bullet-item { padding: 30px; } .uc-membership-options .membership-options p:not(.disclaimer) { font-weight: 300; font-size: 18px; line-height: 18px; color: #727272; padding-bottom:10px; } .uc-membership-options .membership-options .pricing-table .title { font-family: proxima-nova, 'Proxima Nova', sans-serif; font-size: 26px; font-weight: 300; text-transform: uppercase; background-color: #000; color: #fff; border-bottom: 1px solid #333; } .uc-membership-options .membership-options .pricing-table .description, .uc-membership-options .membership-options .pricing-table .bullet-item { background-color: #000; color: #fff; border-bottom: 1px solid #333; font-size: 18px; line-height: 22px; padding: 0.9375em 3.0em !important; } .uc-membership-options .membership-options .pricing-table .title { background: #3a3a3a; background: -moz-linear-gradient(top, #3a3a3a 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a3a3a), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: -o-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: -ms-linear-gradient(top, #3a3a3a 0%,#000000 100%); background: linear-gradient(to bottom, #3a3a3a 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#000000',GradientType=0 ); } .uc-membership-options .membership-options .pricing-table .description { background: #000000; background: -moz-linear-gradient(top, #000000 0%, #1A1A1A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#1A1A1A)); background: -webkit-linear-gradient(top, #000000 0%,#1A1A1A 100%); background: -o-linear-gradient(top, #000000 0%,#1A1A1A 100%); background: -ms-linear-gradient(top, #000000 0%,#1A1A1A 100%); background: linear-gradient(to bottom, #000000 0%,#1A1A1A 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1A1A1A',GradientType=0 ); } .uc-membership-options .membership-options .pricing-table .price { background-color: #333; color: #fff; border-bottom: 1px solid #000; font-weight: 600; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; } .uc-membership-options .membership-options .pricing-table .price:hover { background-color: #464646; cursor: pointer; } .uc-membership-options .membership-options .pricing-table .price.active { background-color: #ee2e24; cursor: default; color: #fff; border-bottom: 1px solid #000; text-shadow: 0 0 10px rgba(0,0,0,0.4); font-weight: 600; position: relative; z-index: 1; overflow: hidden; } .uc-membership-options .membership-options .pricing-table .price.active:before { content: '\2713'; color: #fff; opacity: 0.1; font-size: 250px; font-weight: 800; position: absolute; top: -20px; left: -10px; z-index: 2; } .uc-membership-options .membership-options .pricing-table .price h3 { color: #fff; font-size: 48px; text-align: center; font-weight: 600; margin-bottom: 0px; padding-bottom:0px; line-height:40px; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px; } .uc-membership-options .membership-options .pricing-table .price h4 { color: #fff; font-size: 23px; text-align: center; margin-bottom: 0; margin-top: 0px; line-height: 25px; font-weight: 600; } .uc-membership-options .membership-options .pricing-table .price p { color: #fff; font-size: 18px; text-align: center; margin-bottom: 0; margin-top: 10px; line-height: 18px; font-weight: 300; } .uc-membership-options .membership-options .pricing-table .cta-button { background-color: #000; border-bottom: none; padding: 15px; } .uc-membership-options .membership-options .pricing-table .cta-button .button { background: #ee2e24; width:80%; height:auto; text-transform:uppercase; font-size:18px; padding-top:18px; padding-bottom:18px; line-height:19px; } .uc-membership-options .membership-options .pricing-table .cta-button .button:hover { background: #ef3d33; } .uc-membership-options .disclaimer > p { font-weight: 300; font-size: 16px; line-height: 18px; color: #727272; padding-bottom:10px; margin-top:10px; } /* WorkplaceWellness/default.aspx */ #WorkplaceWellness_Landing .workplacewellness {min-height:0px;} #WorkplaceWellness_Landing > .row > div.rightCta { margin-top:-160px; } /* ******************* END ******************** */ .lt-ie9 #step1wrapper { margin-top: 0px!important;} /* **************** MAIN MENU ***************** */ .lt-ie9 .top-bar { background: #111111; *zoom: 1; overflow: visible; z-index:10; position:relative; } .lt-ie9 .top-bar:before, .lt-ie9 .top-bar:after { content: " "; display: table; } .lt-ie9 .top-bar:after { clear: both; } .lt-ie9 .top-bar .toggle-topbar { display: none; } .lt-ie9 .top-bar .title-area { float: left; } .lt-ie9 .top-bar .name h1 a { width: auto; } .lt-ie9 .top-bar input, .lt-ie9 .top-bar .button { line-height: 2em; font-size: 0.875em; height: 2em; padding: 0 10px; position: relative; top: 8px; } .lt-ie9 .top-bar.expanded { background: transparent; } .lt-ie9 .contain-to-grid { background:#fff; position:relative; z-index: 100000; } .lt-ie9 .contain-to-grid .top-bar { max-width: 57.5em; margin: 0 auto; } .lt-ie9 .top-bar-section { -webkit-transition: none 0 0; -moz-transition: none 0 0; transition: none 0 0; left: 0px!important; } .lt-ie9 .top-bar-section ul { width: auto; height: auto !important; display: inline; background: transparent!important; } .lt-ie9 .top-bar-section ul li { float: left; padding:0; } .lt-ie9 .top-bar-section ul li ul { padding-top: 18px; } .lt-ie9 .top-bar-section ul li ul li { float: left; padding: 0px; } .lt-ie9 .top-bar-section ul li > a { padding-right: 14px !important; } .lt-ie9 .top-bar-section ul li.has-dropdown > a { padding-right: 14px !important; background: transparent!imporatant; } .lt-ie9 .top-bar-section ul li .js-generated { display: none; } .lt-ie9 .top-bar ul li a:not(.button) { color: #111111 !important; } .lt-ie9 .top-bar-section li a:not(.button) { padding: 0 15px; line-height: 45px; } .lt-ie9 .top-bar-section li a:not(.button):hover { background: transparent; } .lt-ie9 .top-bar-section .has-dropdown > a { padding-right: 35px !important; background: transparent!important; } .lt-ie9 .top-bar-section .has-dropdown.moved { position: relative; } .lt-ie9 .top-bar-section .has-dropdown.moved > .dropdown { visibility: hidden; } .lt-ie9 .top-bar-section .has-dropdown:hover > .dropdown, .lt-ie9 .top-bar-section .has-dropdown:active > .dropdown { visibility: visible; } .lt-ie9 .top-bar-section ul li.has-dropdown > a:after { display: none; } .lt-ie9 .top-bar-section .dropdown { left: 0; top: auto; background: #fff; } .lt-ie9 .top-bar-section .dropdown li a { line-height: 1; white-space: nowrap; padding: 10px 15px!important; background: #fff; } .lt-ie9 .top-bar-section .dropdown li label { white-space: nowrap; background: #1e1e1e; } .lt-ie9 .top-bar-section .dropdown li .dropdown { left: 100%; top: 0; } .lt-ie9 .top-bar-section > ul > .divider { border-bottom: none; border-top: none; border-right: solid 1px #2b2b2b; border-left: solid 1px black; clear: none; height: 45px; width: 0px; } .lt-ie9 .top-bar-section .has-form { background: #111111; padding: 0 15px; height: 45px; } .lt-ie9 .top-bar-section ul.right li .dropdown { left: auto; right: 0; } .lt-ie9 .top-bar-section ul.right li .dropdown li .dropdown { right: 100%; } .lt-ie9 .top-bar .name { width: 186px; height: 118px; display: block; margin-bottom: -40px; } .logoimagemob { display: none; } .logoimage { width: 90px; height: 65px; display: block; padding-top:15px; } .contain-to-grid { background-color: #fff; background:none;} /* ******************* END ******************** */ .lt-ie9 .banner-1, .lt-ie9 .banner-2, .lt-ie9 .banner-3,.lt-ie9 .banner-4, .lt-ie9 .banner-5, .lt-ie9 .banner-6, .lt-ie9 .banner-7,.lt-ie9 .banner-8, .lt-ie9 .banner-9,.lt-ie9 .banner-10, .lt-ie9 .banner-default { background-image: url('images/bannerimages/banner-bg-1.jpg'); background-size: cover; background-repeat:no-repeat; background-position:center top; } .lt-ie9 .banner-sweat, .lt-ie9 .banner-heartRates { background: url('images/bannerimages/banner-bg-2.jpg') no-repeat; background-size: cover; background-position:center top; } .lt-ie9 .banner-losePounds,.lt-ie9 .banner-budget { background: url('images/bannerimages/banner-bg-5.jpg') no-repeat; background-size: cover; background-position:center top; } .lt-ie9 .banner-healthyWealthy,.lt-ie9 .banner-wallet { background: url('images/bannerimages/banner-bg-4.jpg') no-repeat; background-size: cover; background-position:center top; } .lt-ie9 .banner-dough { background: url('images/bannerimages/banner-bg-7.jpg') no-repeat; background-size: cover; background-position:center top; } .lt-ie9 .banner-shirt { background: url('images/bannerimages/banner-bg-8.jpg') no-repeat; background-size: cover; background-position:center top; } .lt-ie9 .banner-pennies { background: url('images/bannerimages/banner-bg-3.jpg') no-repeat; background-size: cover; background-position:center top; } .lt-ie9 .banner-lattes { background: url('images/bannerimages/banner-bg-10.jpg') no-repeat; background-size: cover; background-position:center top; } .lt-ie9 .container.body { background: url('images/steel-bg.gif') top left; background-size: 100%; } .lt-ie9 .get-started-banner { background: #faa61a; padding: 20px 20px 0 20px; position: relative; } .lt-ie9 .get-started-banner h2 { color: #fff; text-align: center; } .lt-ie9 .get-started-banner h2 .starting-at { font-size: 18px; letter-spacing: 1px; font-family: 'proxima-nova', sans-serif; font-weight: 300; text-transform: uppercase; background: url('images/white-pixel.gif') center center repeat-x; } .lt-ie9 .get-started-banner h2 .starting-at span { background: #faa61a; padding: 0 5px; } .lt-ie9 .get-started-banner h2 .large-money { line-height:1em; margin:0; } .lt-ie9 .get-started-banner h2 .a-month { font-size: 45px; } .lt-ie9 .get-started-banner .fine-print { color: #fff; font-size: 11px; font-weight: 300; font-family: 'proxima-nova', sans-serif; text-align: center; margin: 0 0 10px; } .lt-ie9 .get-started-banner .button { text-transform: uppercase; font-weight: 400; font-family: 'proxima-nova', sans-serif; border-radius: 6px 6px 6px 6px; font-size: 30px; padding: 7px 15px; margin: 0; display: block; border: 1px solid #000; box-shadow: inset 1px 1px 1px rgba(255,255,255,0.3); background: #333333; background: -moz-linear-gradient(top, #333333 0%, #000000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#000000)); background: -webkit-linear-gradient(top, #333333 0%,#000000 100%); background: -o-linear-gradient(top, #333333 0%,#000000 100%); background: -ms-linear-gradient(top, #333333 0%,#000000 100%); background: linear-gradient(to bottom, #333333 0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=0 ); } .lt-ie9 .get-started-banner .button:hover { background: -moz-linear-gradient(top, #000000 0%, #333333 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333)); background: -webkit-linear-gradient(top, #000000 0%,#333333 100%); background: -o-linear-gradient(top, #000000 0%,#333333 100%); background: -ms-linear-gradient(top, #000000 0%,#333333 100%); background: linear-gradient(to bottom, #000000 0%,#333333 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 ); } .lt-ie9 .get-started-banner #membership-arrows { position: absolute; bottom: -85px; z-index: 2; left: -10px; width:100%; min-width:290px; } .lt-ie9 .negMargin { margin-top: 0; } .lt-ie9 .membership .banner { z-index:3; }