/* FONTS ********************************************/ @font-face { font-family: 'Klavika Bold Condensed Italic'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-BoldCondensedItalic.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-BoldCondensedItalic.woff") format("woff"); /*font-weight: bold;*/ /*font-style: italic;*/ } @font-face { font-family: 'Klavika Medium Condensed Italic'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-MediumCondensedItalic.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-MediumCondensedItalic.woff") format("woff"); /*font-weight: 500;*/ /*font-style: italic;*/ } @font-face { font-family: 'Klavika Light Condensed'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-LightCondensed.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-LightCondensed.woff") format("woff"); /*font-weight: 300;*/ /*font-style: normal;*/ } @font-face { font-family: 'Klavika Bold Condensed'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-BoldCondensed.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-BoldCondensed.woff") format("woff"); /*font-weight: bold;*/ /*font-style: normal;*/ } @font-face { font-family: 'Klavika Condensed'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-Condensed.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-Condensed.woff") format("woff"); /*font-weight: normal;*/ /*font-style: normal;*/ } @font-face { font-family: 'Klavika Md Italic'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-MediumItalic.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-MediumItalic.woff") format("woff"); /*font-weight: 500;*/ /*font-style: italic;*/ } @font-face { font-family: 'Klavika Condensed Italic'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-CondensedItalic.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-CondensedItalic.woff") format("woff"); font-weight: normal; /*font-style: italic;*/ } @font-face { font-family: 'Klavika Medium Condensed'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-MediumCondensed.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-MediumCondensed.woff") format("woff"); /*font-weight: 500;*/ /*font-style: normal;*/ } @font-face { font-family: 'Klavika Light Condensed Italic'; src: url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-LightCondensedItalic.woff2") format("woff2"), url("https://cdn.liveedit.io/libs/fonts/Klavika_Font/Klavika-LightCondensedItalic.woff") format("woff"); /*font-weight: 300;*/ /*font-style: italic;*/ } /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html { color: #4A4A4A; font-size: 1em; line-height: 1.4; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; overflow-x: hidden; } body { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #4D5256; } @media screen and (max-width: 1024px) { html.menu-open, .menu-open body { overflow: hidden; } } /* apply a natural box layout model to all elements, but allowing components to change */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Vendor-prefixed and regular ::selection selectors cannot be combined: * https://stackoverflow.com/a/16982510/7133471 * * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden { display: none !important; } /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } .inline { display: inline; } .inline-block { display: inline-block; } .relative { position: relative; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #6F767B; } ::-moz-placeholder { /* Firefox 19+ */ color: #6F767B; } :-ms-input-placeholder { /* IE 10+ */ color: #6F767B; } :-moz-placeholder { /* Firefox 18- */ color: #6F767B; } /* Aurora Helpers =============================================== */ /*--- Removing min height on empty regions -- */ .row.empty-row [class^="col-"], .row.empty-row [class*=" col-"]{ min-height: 0; } .le-edit-open .row.empty-row [class^="col-"], .le-edit-open .row.empty-row [class*=" col-"]{ min-height: 1px; } .le_content { /*overflow: auto;*/ } .edit-mode-divider { display: none; padding: 30px 0; background: pink; } .le-edit-open .edit-mode-divider { display: block; } /* ------------- Bootstrap Grid Helpers ------------- */ /*-- Play nice with fivecolumns--*/ .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 { width: 100%; *width: 100%; } @media (min-width: 768px){ .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 { width: 20%; *width: 20%; margin: auto; } } @media (min-width: 1200px) { .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 { width: 20%; *width: 20%; margin: auto; } } @media (min-width: 768px) and (max-width: 979px) { .fivecolumns .col-md-2, .fivecolumns .col-sm-2, .fivecolumns .col-lg-2 { width: 20%; *width: 20%; margin: auto; } } @media (min-width: 992px) { .fivecolumns .col-half-offset{ margin-left:3.166666667% } .first-col-no-pad { padding-left: 0; } } /* --- Customized Modals - Using Aurora's Default Bootstrap Modals --- */ .video-modal { width: 95%; max-width: 800px; margin: auto; box-shadow: none; border: 0; border-radius: 12px; overflow: hidden; transform: translateY(-50%) !important; margin-top: calc(42vh + 50px); } .video-modal .video-wrapper { padding-top: 0; } .video-modal .modal-content { padding-top: 0; background: none; box-shadow: none; border: 0; border-radius: 12px; overflow: hidden; } .video-modal .modal-footer { border: 0; padding: 0; text-align: center; margin-top: 10px; } .video-modal iframe { max-height: 80vh; border-radius: 12px; overflow: hidden; } /* Aurora Forms ----------------------------------------------------------------------------------------------------*/ .le_form { color: #4a4a4a; font-family: 'Lato','Open Sans',sans-serif; font-size: 14px; margin: 0; } .le_form_name { color: #4a4a4a; font-family: 'Lato','Open Sans',sans-serif; font-size: 18px; font-weight: 400; margin: 0 0 10px 0; } /*.wrapper input[type="submit"] {*/ /* padding: 5px 15px;*/ /* border: 0px solid transparent;*/ /* font-family: 'Lato','Open Sans',sans-serif;*/ /* font-size: 14px;*/ /* margin: 0;*/ /* -webkit-transition: all .2s ease;*/ /* -moz-transition: all .2s ease;*/ /* transition: all .2s ease;*/ /*}*/ /*.wrapper input[type="submit"]:hover {*/ /* cursor: pointer;*/ /*}*/ .le_form input[type="text"],.le_form input[type="email"],.le_form input[type="password"], .le_form textarea, .le_form select { padding: 5px 10px; min-height: 50px; background-color: #FCFCFC; border: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border:1px solid #C7C7C7; box-shadow: none !important; color: #4a4a4a; font-family: 'Lato','Open Sans',sans-serif; font-size: 14px; margin: 0; } .le_form textarea { padding: 10px 10px; } .le_form input[type="submit"]{ padding: 8px 25px !important; } /* -- Classes for two column form --*/ @media screen and (min-width: 1024px) { .form-half-left { width: 50%; float: left; padding-right: 5px; z-index: 5; } .form-half-right { width: 50%; float: left; padding-left: 5px; z-index: 5; } } .le-edit-open .form-half-left, .le-edit-open .form-half-right { width: 100%; float: none; padding: 5px 10px; z-index: initial; } /* -- Search Element --*/ .wrapper input[type="text"]#search_form_value { padding: 5px 10px; } #search_form_button { padding: 5px 15px; position: relative; } /* -- Bootstrap form tweaks -- */ .le_form .form-control { min-height: 50px; } .le_form select, .le_form select[multiple], .le_form select[size] { height: 50px; border-radius: 8px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-position: right 50%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=); padding-right: 1.5em } .le_form .form-group { margin-bottom: 10px; position: relative; } /* Buttons ================================================ */ #otf-ns .btn, .se_button, .button1, .read_more_link, .le_form input[type="submit"], .fsForm input[type="submit"].fsSubmitButton { display: inline-block; padding: 8px 25px; min-width: 160px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; background: linear-gradient(90deg, #f26922 0%, #d24631 100%); color: white; text-align: center; font-weight: 300; font-style: italic; font-size: 18px; font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .01em; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.1); transition: all .2s ease; } #otf-ns .btn.btn-large, .largeButton, .read_more_link, .le_form input[type="submit"], .fsForm input[type="submit"].fsSubmitButton { padding: 13px 30px; font-size: 20px; } .se_button.button2 { background: transparent; border: 1px solid white; box-shadow: none; } /* General Classes ======================================================= */ .mt-0 { margin-top: 0px; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-20 { margin-top: 20px; } .mt-25 { margin-top: 25px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-75 { margin-top: 75px; } .mt-100 { margin-top: 100px; } .mt--35 { margin-top: -35px; } .le-edit-open .mt--35 { margin-top: 0; } .mb-0 { margin-bottom: 5px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .mb-25 { margin-bottom: 25px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-75 { margin-bottom: 75px; } .mb-100 { margin-bottom: 100px; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-20 { margin-right: 20px; } .pd-0 { padding: 0px !important; } .pd-10 { padding: 10px !important; } .pd-20 { padding: 20px !important; } .pd-30 { padding: 30px !important; } .pd-40 { padding: 40px !important; } .buffer-right { padding-right: 15px; } .buffer-left { padding-left: 15px; } .big-buffer-left { margin-left: 8.3333333333%; } .big-buffer-right { margin-right: 8.3333333333%; } @media screen and (max-width: 1024px) { .buffer-right, .buffer-left { padding-right: 0; padding-left: 0; } } .vh-50 { height: 50vh; } .vh-75 { height: 75vh; } .vh-100 { height: 100vh; } .height-100p { height: 100%; } .height-60p { height: 60%; } .height-55p { height: 55%; } .height-50p { height: 50%; } .height-45p { height: 45%; } .height-40p { height: 40%; } .z-index-up { z-index: 10; position: relative; } .pt-40 { padding-top: 40px !important; } .pd-v-med { padding-top: 80px; padding-bottom: 80px; } .pd-v-large { padding-top: 110px; padding-bottom: 110px; } .pull-up-half { transform: translateY(-50%); } .pull-up-20 { transform: translateY(-20px); } .push-down-half { transform: translateY(50%); } .push-down-40 { transform: translateY(40px); } .le-edit-open .pull-up-half, .le-edit-open .push-down-40, .le-edit-open .push-down-half, .le-edit-open .pull-up-20 { transform: translateY(0); } .text-center { text-align: center; } .center-all { text-align: center; margin: aut0; } .rounded-2 { border-radius: 2px; overflow: auto; } .rounded-5 { border-radius: 5px; overflow: auto; } .rounded-10 { border-radius: 10px; overflow: auto; } .rounded-12 { border-radius: 12px; overflow: auto; } .flip-both { -moz-transform: scale(-1); -o-transform: scale(-1); -webkit-transform: scale(-1); transform: scale(-1); } .flip-horizontal { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .flip-vertical { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } .gray-grad, .gray-grad-reverse { position: relative; } .gray-grad:after, .gray-grad-reverse:after { position: absolute; z-index: -1; display: block; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(135deg, #ffffff 0%, #efefef 100%); } .gray-grad-reverse:after { background: linear-gradient(105deg, #efefef 0%, #ffffff 100%); } .orange-grad { position: relative; } .orange-grad:after { position: absolute; z-index: -1; display: block; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(90deg, #f26922 0%, #d24631 100%); } .divider-left:before { content: ""; border-left: 1px solid #979797; position: absolute; height: 75%; left: 0; } img.img-cover, .img-cover img { object-fit: cover; max-width: initial !important; height: inherit !important; width: 100%; } .le-edit-open img.img-cover, .le-edit-open .img-cover img { object-fit: initial; max-width: 100% !important; } .le_content.img-cover { height: 100%; } .le-edit-open .le_content.img-cover { height: calc(100% - 40px); } /* Typography ============================================= */ h1, h2, h3, h4, h5 { margin: 0; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-style: italic;*/ font-weight: 500; line-height: 1.2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h2 { font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 44px; color: #F26922; /*font-weight: normal;*/ } h3 { font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; color: #4D5256; text-transform: uppercase; /*font-style: italic;*/ } h4 { } h5 { font-size: 16px; margin-bottom: 10px; } .fw-400 { font-weight: 400; } .fw-800 { font-weight: 800; } a { color: #3E7FB5; text-decoration: none; } .klavika-light { font-family: "Klavika Light Condensed"; } .klavika { font-family: "Klavika Condensed"; } .klavika-medium { font-family: "Klavika Medium Condensed"; } .klavika-bold { font-family: "Klavika Bold Condensed"; } .uppercase { text-transform: uppercase; } .otf-orange, .CustomColor1 { color: #f26922; } /* Layout Classes ============================================ */ .page-wrapper { padding-bottom: 52px; overflow-x: hidden; } .main-content img { max-width: 100%; height: auto; } .content-container { width: 100%; max-width: 1280px; margin: auto; } .content-container.padded { padding: 0 50px; } .content-container.padded-desktop { padding: 0; } @media screen and (min-width: 1025px) { .content-container.padded-desktop { padding: 0 40px; } } @media screen and (max-width: 1024px) { .content-container.padded { padding: 0 40px; } } @media screen and (max-width: 768px) { .content-container.padded { padding: 0 30px; } } @media screen and (max-width: 640px) { .content-container.padded { padding: 0 20px; } } .flex { display: flex; } .flex-row, .flex-row .row { display: flex; flex-wrap: wrap; } @media screen and (max-width: 767px) { .flex-row.mobile-stack, .flex-row.mobile-stack .row { align-items: self-end; } } .flex-center, .flex-row.flex-center .row{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .flex-v-center, .flex-row.flex-v-center .row { display: flex; align-items: center; flex-wrap: wrap; } .flex-h-center, .flex-row.flex-h-center .row { display: flex; justify-content: center; flex-wrap: wrap; } @media screen and (max-width: 767px) { .flex-sm, .flex-sm.flex-row .row { display: block; } } @media screen and (max-width: 991px) { .flex-md, .flex-md.flex-row .row { display: block; } } @media screen and (max-width: 1199px) { .flex-lg, .flex-lg.flex-row .row { display: block; } } /* === Rows No Gutters === */ .row.no-gutters { margin-right: 0; margin-left: 0; } .no-gutters[class^="col-"], .no-gutters[class*=" col-"]{ padding-right: 0; padding-left: 0; /*overflow: auto;*/ } .no-gutter-left { padding-left:0; } /* === Equal height Row ==== */ .equal-height-row { display: flex; } .equal-height-row .le_region { height: 100%; } .full-width { width: 100%; } .limit-width-450 { max-width: 450px; } .limit-width-500 { max-width: 500px; } .limit-width-550 { max-width: 550px; } .limit-width-600 { max-width: 600px; } .limit-width-650 { max-width: 650px; } .limit-width-700 { max-width: 700px; } .limit-width-750 { max-width: 750px; } .limit-width-800 { max-width: 800px; } .limit-width-900 { max-width: 900px; } .limit-width-1000 { max-width: 1000px; } .center-block { margin-left: auto; margin-right: auto; } .angle-grad-sec { background-image: linear-gradient(90deg, #ffffff, #efefef); } .rounded-img img { border-radius: 12px; } .fill-img, .fill-img img { width: 100% !important; height: auto; } /* ----------- Animations ------------- */ .logo-loader { animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(.5); } 50% { transform: scale(1); } 100% { transform: scale(.5); } } /* ---------- Type Classes ------------ */ .intro-text { font-size: 18px; line-height: 1.66; } .klavika-medium { font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; } /* Primary Layout Structure ============================================ */ #global-header { display: flex; position: relative; background: linear-gradient(90deg, #f26922 0%, #d24631 100%); width: 100%; align-items: center; height: 60px; padding: 0 20px; } .login-popup { display: none; position: fixed; top: 60px; right: 40px; width: 400px; padding: 30px; background: white; z-index: 1000; } .login-popup.active { display: block; } .brand { margin-right: 20px; } .global-navs { display: flex; width: 100%; align-items: center; } .global-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; } .global-nav ul li a { display: inline-block; padding: 15px 10px; color: white; font-size: 20px; font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow: 0 1px 3px 0 #000000; text-decoration: none; border-bottom: 3px solid transparent; } .global-nav ul li a:hover { border-bottom: 3px solid #ffffff; } .primary-nav { flex-grow: 1; } @media screen and (max-width: 1024px) { .global-nav .le_menu_level_1_container ul li a { font-family: "Klavika Light Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; text-transform: uppercase; padding: 12px 15px 15px; } .global-nav .le_menuitem_level_1 { display: inline; box-shadow: 0 0 14px 0 rgba(77, 82, 86, 0.12), 0 3px 6px 0 rgba(77, 82, 86, 0.1); background: #fff; } } @media screen and (min-width: 1024px) { .global-nav ul li a { height: 60px; line-height: 60px; padding: 0 10px; } .global-nav .le_menu_level_1_container, .sub-page-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 999; padding-left: 20px; background: white; box-shadow: 0 0 14px 0 rgba(77, 82, 86, 0.12), 0 3px 6px 0 rgba(77, 82, 86, 0.1); width: 100%; } .global-nav .le_menu_level_1_container ul li a, .sub-page-menu ul li a { font-family: "Klavika Light Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: black; text-transform: uppercase; border-bottom: 3px solid transparent; } .global-nav .le_menu_level_1_container ul li a.le_current_link, .sub-page-menu ul li a.le_current_link { border-color: #f5821f; } .global-nav ul li:hover .le_menu_level_1_container { display: block; } /*.aurora_why-it-works .primary-nav .le_menu_level_1_container,*/ /*.aurora_the-workout .primary-nav .le_menu_level_1_container,*/ /*.aurora_science .primary-nav .le_menu_level_1_container, */ /*.aurora_coaching .primary-nav .le_menu_level_1_container, */ /*.aurora_technology .primary-nav .le_menu_level_1_container {*/ /* display: block;*/ /* background: rgba(255, 255, 255, 0.9);*/ /*}*/ .aurora_my-account .secondary-nav .le_menu_level_1_container, .aurora_my-profile .secondary-nav .le_menu_level_1_container, .aurora_dashboard .secondary-nav .le_menu_level_1_container { display: block; background: rgba(255, 255, 255, 0.9); } /*.le-edit-open .aurora_why-it-works .primary-nav .le_menu_level_1_container,*/ /*.le-edit-open .aurora_the-workout .primary-nav .le_menu_level_1_container,*/ /*.le-edit-open .aurora_science .primary-nav .le_menu_level_1_container, */ /*.le-edit-open .aurora_coaching .primary-nav .le_menu_level_1_container, */ /*.le-edit-open .aurora_technology .primary-nav .le_menu_level_1_container {*/ /* display: none;*/ /*}*/ } .sub-page-menu { top: 60px; background: rgba(255, 255, 255, 0.9); } .sub-page-menu ul, .sub-nav-block ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; } .sub-page-menu ul li a, .sub-nav-block ul li a { display: inline-block; font-family: "Klavika Light Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: black; text-transform: uppercase; border-bottom: 3px solid transparent; padding: 12px 15px 15px; text-decoration: none; } .sub-page-menu ul li a.le_current_link, .sub-nav-block ul li a.le_current_link { border-color: #f5821f; } @media screen and (max-width: 480px) { .sub-page-menu ul li a, .sub-nav-block ul li a { font-size: 16px; padding: 12px 10px 15px; } } /* --- Sub nav block (for manually adding a menu/submenu to page content) --- */ .sub-nav-block { background: rgba(255,255,255,.9); height: 60px; display: flex; align-items: center; padding: 0 20px; position: relative; z-index: 1; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12), 0 3px 6px 0 rgba(77,82,86,0.10); } .secondary-nav { float: right; } .secondary-nav ul li a { font-size: 16px; text-transform: uppercase; } .sign-in-link a:before { content: url(../img/profile-icon2.svg); display: inline; position: relative; margin-right: 5px; } .country-selector { position: relative; top: -2px; font-size: 22px; margin-left: 5px; } .has-flyout { position: relative; text-align: center; cursor: pointer; } .has-flyout:before { position: absolute; z-index: 2000; bottom: -3px; left: calc(50% - 6px); display: none; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #F7F7F7 transparent; } .country-selector.open .has-flyout:before { display: block; } .country-dropdown { right: 0; left: auto; width: 300px; border: 0; border-radius: 2px; padding: 15px; background: #F7F7F7; box-shadow: 0 0 14px 0 rgba(77, 82, 86, 0.12), 0 3px 6px 0 rgba(77, 82, 86, 0.1); max-height: 85vh; overflow: auto; } .country-dropdown.active { display: block; } #country-dropdown-list { list-style: none; padding: 0; margin: 0; } #country-dropdown-list li { padding: 2px 0; } #country-dropdown-list a { display: inline-block; padding: 3px 0; font-size: 14px; color: #4A4A4A; } #country-dropdown-list span { display: inline-block; margin-right: 5px; font-size: 18px; } @media screen and (min-width: 480px) { .country-dropdown { width: 400px; } #country-dropdown-list { columns: 2; -webkit-columns: 2; -moz-columns: 2; } } #nav-icon { display: none; width: 26px; height: 18px; position: relative; margin-right: 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon span { display: block; position: absolute; height: 2px; width: 100%; background: white; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #nav-icon span:nth-child(1) { top: 0px; } #nav-icon span:nth-child(2), #nav-icon span:nth-child(3) { top: 7px; } #nav-icon span:nth-child(4) { top: 14px; } #nav-icon.open span:nth-child(1) { top: 7px; width: 0%; left: 50%; } #nav-icon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon.open span:nth-child(4) { top: 7px; width: 0%; left: 50%; } @media screen and (max-width: 1024px) { #nav-icon { display: block; position: absolute; top: 21px; left: 20px; } .menu-open #nav-icon { position: fixed; } .brand { position: absolute; left: 50%; transform: translateX(-50%); top: 8px; } .menu-open .brand { position: fixed; } .country-selector { position: absolute; right: 20px; top: 17px; } .menu-open .country-selector { position: fixed; } #global-header { display: block; width: 100%; text-align: center; } .menu-open #global-header { display: block; position: fixed; z-index: 500; top: 0; height: 100vh; padding: 0; } .global-navs { display: block; visibility: hidden; height: 0; position: relative; top: 60px; padding-top: 10px; overflow: hidden; } .menu-open .global-navs { visibility: visible; height: calc(100vh - 60px); overflow: auto; } .global-nav { visibility: hidden; height: 0; float: none; } .global-nav ul { display: block; } .global-nav ul li a { padding: 0px; transition: padding .35s ease; } .menu-open .global-nav { visibility: visible; height: auto; } .menu-open .global-nav ul { display: block; } .menu-open .global-nav ul li a { padding: 15px; } .global-nav .le_menu_level_1_container ul li a { padding: 10px 10px 15px 10px; } .secondary-nav:before { content: " "; display: block; width: 80%; margin: 15px auto; border-top: 1px solid rgba(255, 255, 255, 0.5); } } @media screen and (max-width: 360px) { .global-nav .le_menu_level_1_container ul li a { padding: 10px 5px 15px 5px; } } #global-footer { background: #6F767B; padding: 60px 0; margin-top: 70px; } .footer-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #979797; } @media screen and (max-width: 1024px) { .footer-top { padding-bottom: 40px; } } .footer-menu-container { width: 33%; display: inline-block; vertical-align: top; } @media screen and (max-width: 480px) { .footer-menu-container { width: 100%; margin-bottom: 20px; } } .footer-menu ul { margin: 0; padding: 0; } .footer-menu ul li { /*display: inline;*/ list-style: none; } .footer-menu ul li a { /*display: inline-block;*/ color: white; font-size: 17px; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; /*margin-right: 30px;*/ /*margin-bottom: 12px;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-menu-title { color: white; font-size: 17px; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-top .footer-menu ul li a { text-transform: uppercase; } .socials { padding: 5px 15px; display: block; text-align: center; } .socials .social { position: relative; height: 38px; width: 38px; margin: 0 4px; line-height: 38px; font-size: 20px; text-align: center; display: inline-block; color: #fff; background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzOXB4IiB2aWV3Qm94PSIwIDAgMzYgMzkiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5TdHJva2UgMTg1PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJmb290ZXItZm5sLW9yYW5nZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMzMuMDAwMDAwLCAtNjIuMDAwMDAwKSIgZmlsbD0iIzRENTI1NiI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0xMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzMy4wMDAwMDAsIDYyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTM0LjExMTQ2MjUsMzAuMzgxMjQ1NSBMMTkuNjU5MTUsMzguNDcyNTE4MiBDMTguNjE0ODY4OCwzOS4wNTcyNDU1IDE3LjMyODQzMTMsMzkuMDU3MjQ1NSAxNi4yODQxNSwzOC40NzI1MTgyIEwxLjgzMjExODc1LDMwLjM4MTI0NTUgQzAuNzg4MTE4NzUsMjkuNzk2NTE4MiAwLjE0NDYxODc1LDI4LjcxNjUxODIgMC4xNDQ2MTg3NSwyNy41NDcwNjM2IEwwLjE0NDYxODc1LDExLjM2NDc5MDkgQzAuMTQ0NjE4NzUsMTAuMTk1NjA5MSAwLjc4ODExODc1LDkuMTE1MzM2MzYgMS44MzIxMTg3NSw4LjUzMDg4MTgyIEwxNi4yODQxNSwwLjQzOTg4MTgxOCBDMTcuMzI4NDMxMywtMC4xNDQ4NDU0NTUgMTguNjE0ODY4OCwtMC4xNDQ4NDU0NTUgMTkuNjU5MTUsMC40Mzk4ODE4MTggTDM0LjExMTQ2MjUsOC41MzA4ODE4MiBDMzUuMTU1NzQzOCw5LjExNTMzNjM2IDM1Ljc5ODk2MjUsMTAuMTk1NjA5MSAzNS43OTg5NjI1LDExLjM2NDc5MDkgTDM1Ljc5ODk2MjUsMjcuNTQ3MDYzNiBDMzUuNzk4OTYyNSwyOC43MTY1MTgyIDM1LjE1NTc0MzgsMjkuNzk2NTE4MiAzNC4xMTE0NjI1LDMwLjM4MTI0NTUgTDM0LjExMTQ2MjUsMzAuMzgxMjQ1NSBaIiBpZD0iU3Ryb2tlLTE4NSI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") 100% 100% no-repeat; } .footer-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: 30px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .footer-legal { color: white; font-size: 14px; margin-top: 30px; line-height: 1.4; } .footer-secondary-menu { flex-grow: 1; } .footer-secondary-menu ul li a { font-size: 14px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; } .footer-banner-trigger { display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, #f26922 0%, #d24631 100%); color: white; font-size: 24px; font-family: 'Klavika Medium Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: fixed; z-index: 998; bottom: 0; width: 100%; height: 52px; font-style: italic; cursor: pointer; transform: translateY(100%); transition: all .25s ease; } .footer-banner-trigger.active { transform: translateY(0); } .footer-banner-trigger img { margin-right: 5px; } .footer-banner { background: linear-gradient(90deg, #f26922 0%, #d24631 100%); font-size: 21px; position: fixed; top: 100%; width: 100%; z-index: 999; opacity: 0; transition: all .3s ease; } .footer-banner.active { transform: translateY(-100%); opacity: 1; } .footer-banner-content { position: relative; padding: 50px 20px 80px; } .close-footer-banner { position: absolute; width: 40px; height: 40px; top: 5px; right: 0px; color: white; font-size: 40px; font-weight: 100; line-height: 1; font-family: helvetica neue, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; cursor: pointer; } /* Customized directory listing for footer banner ===================================================== */ .footer-banner .filter-criteria-area-div .clear { clear: none; } .footer-banner .map { display: none; } .footer-banner [name="directory-search"] { display: flex; align-items: center; justify-content: center; width: 100%; } .footer-banner .filters-div { display: flex; width: auto; float: none; } .filter-criteria-area-div { display: flex; } [name="directory-search"] label { display: none; } .footer-banner [name="directory-search"] input.zip, .footer-banner [name="directory-search"] select { border: 1px solid #dedede; border-radius: 8px; font-size: 17px; /*font-family: Helvetica Neue, Helvetica, Open Sans, Arial,sans-serif;*/ padding: 8px 8px 8px 15px; margin: 0; background: #fff; text-overflow: ellipsis; position: relative; color: #6F767B; width: 100%; height: 50px; border: none; } .footer-banner [name="directory-search"] select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 40px; } .select-parent { position: relative; } .footer-banner .select-parent:after { content: ""; position: absolute; z-index: 100; pointer-events: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb3g9IjAgMCAxMSA4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA1MC4yICg1NTA0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+VHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iMS4wLTUuMC1Db3Jwb3JhdGUtcGFnZXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJUVUZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTA0LjAwMDAwMCwgLTE2Ni4wMDAwMDApIiBmaWxsPSIjRDhEOEQ4Ij4KICAgICAgICAgICAgPGcgaWQ9IlRleHRmaWVsZC0vLURlZmF1bHQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5Ni4wMDAwMDAsIDE0NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJUcmlhbmdsZSIgcG9pbnRzPSIyMTMuNTkwMTAyIDI4LjU2ODYyNzUgMjA4Ljg4MTM1NiAyMS41Njg2Mjc1IDIxOC4yOTg4NDcgMjEuNTY4NjI3NSI+PC9wb2x5Z29uPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4='); background-repeat: no-repeat; background-position: 50%; background-size: 45%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 5px; right: 0; width: 40px; height: 40px; line-height: 1; } .footer-banner .directory-search-button { display: block; padding: 0px 40px; margin-bottom: 0; margin-left: 15px; background-color: transparent; font-size: 17px; font-style: italic; font-family: 'Klavika Medium Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 48px; color: #fff; height: 50px; border-radius: 500px; border: 2px solid white; } /* END DL Footer Banner */ @media screen and (max-width: 1024px) { .footer-top { display: block; } .socials { padding: 5px 0; text-align: left; } .footer-menu { margin-bottom: 20px; } .footer-bottom { display: block; } } .fake-form input { border: 0; border-radius: 8px; height: 50px; } /* Home Page ----------------------------------------- */ .hero { position: relative; overflow: hidden; } .hero-overlay { position: absolute; z-index: 2; bottom: 0; top: 0; width: 100%; pointer-events: none; } @media screen and (min-width: 1025px) { .hero-overlay { display: flex; align-items: center; justify-content: space-between; top: 50%; bottom: auto; right: 50px; left: 50px; width: auto; transform: translateY(-52%); } } .hero-overlay .otf-card { width: 360px; pointer-events: all; } .hero-slide-text { /*position: absolute;*/ /*top: 50%;*/ /*left: 50px;*/ /*transform: translateY(-50%);*/ font-family: "Klavika Light Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 144px; font-style: italic; color: rgba(255, 255, 255, 0.5); } @media screen and (min-width: 1025px) { } .hero-slide-text .light-word { font-weight: 300; } .hero-slide-text .bold-word { font-weight: 500; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; } .carousel-cell { width: 100%; } .carousel-cell img { max-width: 100%; } .custom-slider { background: #FAFAFA; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .custom-slider.flickity-enabled { opacity: 1; } #hero-slider { /*height: calc(100vh - 52px);*/ } #hero-slider .carousel-cell { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; } .hero-vid { height: 75vh; overflow: hidden; /*position: relative;*/ } .hero-vid iframe { width: 100%; pointer-events: none; } .hero-vid video, .hero-vid iframe { display: block; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); } .custom-slider .flickity-page-dots { bottom: 15px; } .custom-slider .flickity-page-dots .dot { background: white; } @media screen and (max-width: 1024px) { #hero-slider, .hero-vid { height: 500px; } .hero { overflow: visible; } .hero-overlay .otf-card { display: block; top: auto; /*bottom: 0;*/ /*right: 50%;*/ margin: auto; transform: translateY(50%); } .hero-slide-text { position: relative; top: 90px; left: 0; width: 100%; text-align: center; transform: translateY(0%); font-size: 86px; } .after-hero { padding-top: 320px; } } #trifecta-section { background: url("../img/orange-radial-grad.svg") no-repeat center; background-size: cover; } .zoom-spin { opacity: 0; } .zoom-spin.animated { -webkit-animation: zoomSpin 2200ms; opacity: 1; } @-webkit-keyframes zoomSpin { 0% { -webkit-transform: scale(0.0001) rotate(360deg); } 100% { -webkit-transform: scale(0.99) rotate(-360deg); } } .video-crop { overflow: hidden; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper2 { position: relative; padding-bottom: 54.15%; /* 16:9 */ padding-top: 25px; height: 0; } .video-crop .video-wrapper { margin-top: -7%; margin-bottom: -7%; } /*.video-wrapper.clip {*/ /* padding-bottom: 42%;*/ /*}*/ .video-wrapper iframe, .video-wrapper2 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*.video-wrapper.clip iframe {*/ /* top: -13%; */ /*}*/ /*.video-background {*/ /* background: #000;*/ /* position: fixed;*/ /* top: 0; right: 0; bottom: 0; left: 0;*/ /* z-index: -99;*/ /*}*/ .video-hero { position: relative; } .video-hero iframe, .video-foreground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-aspect-ratio: 16/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; } } @media all and (max-width: 500px) { .vid-info .acronym { display: none; } } /* --- Cards --- */ .otf-card { padding: 25px; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 0 14px 0 rgba(77, 82, 86, 0.12), 0 3px 6px 0 rgba(77, 82, 86, 0.1); } .header-card { transform: translateY(-50%); max-width: 250px; margin-bottom: -80px; } .header-card h3 { text-transform: initial; } .le-edit-open .header-card { transform: translateY(0); margin-bottom: initial; } .newsrow{ display: none; } .newsrowsPic{ display: block; } #news-slider { height: calc(100vh - 52px); max-height: 440px; } #news-slider .carousel-cell { height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; } .news-slider-card { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 400px; padding: 20px 25px 40px; border-radius: 14px; background-color: #FFFFFF; box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.23); transition: left .2s ease; } .news-card-tag { display: inline-block; border-bottom: 3px solid #CCD0D2; } .news-card-tag a { color: #4A4A4A; } .news-card-title { display: block; font-family: "Klavika Light Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36px; color: #f5821f; line-height: 1.1em; margin: 20px 0 20px; text-transform: initial; } .news-card-title a { color: #f5821f; } .news-card-body .read_more_link, .news-card-btn { margin-top: 30px; } @media screen and (min-width: 769px) { .news-slider-card { /*left: -50px;*/ /*top: 10px;*/ /*width: 400px;*/ padding: 30px 40px 50px; transform: translate(0%, -50%); } #news-slider .carousel-cell.is-selected .news-slider-card { left: 50px; } #news-slider .carousel-cell:nth-child(2n) .news-slider-card { /*top: auto;*/ /*bottom: 50px;*/ } .news-card-title { margin-bottom: 40px; } .news-card-btn { margin-top: 35px; } } .top-link { position: fixed; bottom: 80px; right: 30px; z-index: 1000; display: flex; justify-content: center; align-items: center; height: 50px; width: 50px; border-radius: 25px; background-color: rgba(255, 255, 255, 0.15); box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.1); opacity: 0; transition: all .2s ease; pointer-events: none; } .top-link.active { opacity: 1; pointer-events: initial; } .top-link.active:hover { background-color: rgba(255, 255, 255, 0.65); } .small-cta-cards { display: flex; justify-content: flex-end; } .small-cta-cards.small-cta-cards-center { justify-content: center; margin-left: -20px; /* compensate for the margin on first card */ } .small-cta-cards .flickity-viewport { width: 100%; overflow: visible; } /* disable Flickity by default */ .small-cta-cards:after { content: ''; } @media screen and (max-width: 1024px) { /* enable Flickity for large devices */ .small-cta-cards:after { content: 'flickity'; display: none; /* hide :after */ } } .small-cta-card { display: block; position: relative; top: 0; min-height: 177px; width: 245px; margin-left: 20px; padding: 20px; border-radius: 14px; background-color: #FFFFFF; color: #222; text-decoration: none; box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.2); transition: all .2s ease; } .small-cta-card:hover { box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.15); top: -5px; color: #222; text-decoration: none; } .small-card-icon { min-height: 50px; } .small-card-subtitle { color: #4A4A4A; font-size: 14px; } .small-card-title { font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 36px; line-height: 1.4em; } .small-card-link { font-style: italic; color: #3E7FB5; font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; } @media screen and (min-width: 1025px) { /*.test-sec-wrap {*/ /* display: flex;*/ /* align-items: center;*/ /*}*/ .test-sec-left { width: 25%; padding-right: 20px; } .test-sec-right { width: 75%; padding-left: 10px; } .medium-testimonial-cards { display: flex; justify-content: flex-start; margin-right: -60px; } } @media screen and (max-width: 1024px) { .test-sec-left { text-align: center; max-width: 400px; margin: 70px auto 40px; } } .medium-testimonial-cards .flickity-viewport { width: 100%; min-height: 415px; overflow: visible; } .medium-testimonial-card { min-height: 400px; width: 90%; margin: 0 10px; padding: 20px 25px; text-align: center; border-radius: 14px; background-color: #FFFFFF; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.21); } .medium-testimonial-card.no-card { padding-top: 33px; box-shadow: none; background-color: transparent; display: flex; align-items: center; } @media screen and (min-width: 1024px) { .medium-testimonial-cards .flickity-slider { margin-left: 5px; } .medium-testimonial-card { width: 330px; } } .testimonial-card-img { display: block; margin: 0 auto 20px; } .testimonial-card-name { font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; font-size: 26px; font-style: italic; } .testimonial-card-body { font-size: 16px; color: #4A4A4A; margin: 15px 0; } .testimonial-card-link { color: #f5821f; font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; } /* Enable flickity on testimonial cards withou the mobile flag */ .medium-testimonial-cards:after { content: 'flickity'; display: none; /* hide :after */ } /*- When Testimionial cards do not become carousel until mobile -*/ /* disable Flickity by default (when watch css enabled) */ .medium-testimonial-cards.mobile-carousel:after { content: ''; } @media screen and (max-width: 1024px) { /* enable Flickity for large devices */ .medium-testimonial-cards.mobile-carousel:after { content: 'flickity'; display: none; /* hide :after */ } } /* ------------- CEB HERO BLOCK ------------ */ .ceb_hero_block { position: relative; } .ceb_hero_block .hero-overlay { left: auto; } .hero-50 { height: 50vh; max-height: 430px; } .has-crumb-trail .hero-50 { height: calc(50vh + 60px); max-height: 490px; } .hero-75 { height: 75vh; } .hero-block-inner { display: flex; min-height: 440px; align-items: center; padding: 30px; } .hero-block-text { padding-top: 40px; font-size: 140px; line-height: 1; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; color: rgba(255, 255, 255, 0.81); text-shadow: 0 2px 16px rgba(99,99,99,0.38); } .hero-block-text.hero-block-text-smaller { font-size: 100px; } @media screen and (max-width: 1024px) { .hero-block-inner { min-height: 250px; padding: 30px 20px; } .hero-block-text { padding-top: 0; font-size: 70px; } } /* ---------- CEB TESTIMONIAL BLOCK --------- */ .ceb_testimonial_block { padding-top: 50px; padding-bottom: 50px; } .testimonial-block-inner { max-width: 800px; text-align: center; margin: auto; } .testimonial-block-text { font-size: 36px; font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1.15; color: #6F767B; } .testimonial-block-meta { display: flex; align-items: center; justify-content: center; padding-top: 35px; } .testimonial-block-left { text-align: right; padding-right: 8px; } .testimonial-block-left img { width: 50px; height: auto; } .testimonial-block-right { text-align: left; padding-left: 8px; } .testimonial-block-name { font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #6F767B; } .testimonial-block-link { font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-size: 16px; } /* ----------------- CEB ANGLE BLOCKS --------- */ .ceb_angle_block_top svg, .ceb_angle_block_bottom svg { display: block; width: 100%; height: 6vw; /* set height to pixels if you want angle to change with screen width */ } .card-row { display: flex; justify-content: flex-end; } .card-row .flickity-viewport { width: 100%; overflow: visible; } /* disable Flickity by default */ .card-row:after { content: ''; } @media screen and (max-width: 1024px) { /* enable Flickity for large devices */ .card-row:after { content: 'flickity'; display: none; /* hide :after */ } } .card-row .otf-card { padding: 40px 30px 45px; } /* -------- CEB ICON and TEXT BLOCK --------- */ .ceb_icon-text-block { display: flex; align-items: center; } .ceb_icon-text-block.align-top { align-items: flex-start; } .icon-text-block-icon { flex-shrink: 0; } .icon-text-block-text { padding-left: 35px; } /* --------- CEB PRESS BLOCKS -------------- */ .ceb_press-blocks .col-md-4 { margin-bottom: 30px; } .ceb_press-block { height: 100%; padding: 40px; border-radius: 8px; background-color: #FFFFFF; box-shadow: 0 0 14px 0 rgba(77, 82, 86, 0.12), 0 3px 6px 0 rgba(77, 82, 86, 0.1); } /* MINDBODY CUSTOMIZATIONS ===================================================== */ /* -- Custom Login Element -- */ .otf-login-element { visibility: hidden; position: fixed; z-index: 600; top: 0; right: 20px; background: url("https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfcorpnew/otf-corporate/mesh2.png") no-repeat left center white; padding: 30px 30px 50px; width: 400px; box-shadow: 0 0 10px 0 rgba(77, 82, 86, 0.4); transform: translateY(-100%); transition: all .3s ease; } @media screen and (max-width: 480px) { .otf-login-element { right: 0px; width: 100%; } } .otf-login-element #login { /* overrides for stuff that was being inherited from Aurora login form */ padding: 0; border-top: 0; margin-bottom: 0; width: 100%; } .le-logged-in .otf-login-element { top: 40px; } .otf-login-element.active { visibility: visible; transform: translateY(0); } /* -- Show element in original area in edit mode when open -- */ .le-edit-open .otf-login-element { visibility: visible; transform: translateY(0); position: relative; } .otf-login-element .otf-login-header { display: flex; align-items: center; margin-bottom: 25px; font-size: 28px; font-style: italic; font-family: 'Klavika Medium Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .otf-login-element .otf-login-header img { margin-right: 15px; width: 35px; height: auto; } .otf-login-element .lbl_email, .otf-login-element .lbl_password { display: none; } .otf-login-element .mb_loginelement_existing_row { display: block; float: none; } .otf-login-element .mb_loginelement_existingaccount { display: block; } .otf-login-element .mb_loginelement_existing_input { float: none; width: 100%; } .otf-login-element input[name="email"], .otf-login-element input[name="password"] { width: 100%; border: 1px solid #ddd; border-radius: 7px; padding: 15px 10px 15px 50px; } .otf-login-element input[name="email"] { margin-bottom: 5px; } .login-email-parent, .login-password-parent { position: relative; background: white; } .login-email-parent:after, .login-password-parent:after { display: block; content: ""; position: absolute; top: 2px; left: 0; z-index: 1; width: 50px; height: 50px; } .login-email-parent:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMjQgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5pY29uX2VtYWlsX2RlZmF1bHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjcuOTk5MDc4MzQlIiB5MT0iOS41MDA5MDk1OCUiIHgyPSI5MS4yOTE0NTU4JSIgeTI9Ijg0LjAyNjk2MzQlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGMjY5MjIiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0QyNDYzMSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbi0vLUVtYWlsLS8tRGVmYXVsdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQuMDAwMDAwLCAtOC4wMDAwMDApIiBzdHJva2U9InVybCgjbGluZWFyR3JhZGllbnQtMSkiIHN0cm9rZS13aWR0aD0iMS41Ij4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtOCIgeD0iMC43NSIgeT0iMC43NSIgd2lkdGg9IjIyLjUiIGhlaWdodD0iMTQuNSIgcng9IjMiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLDIgTDExLjQxMTgyODMsOS41NzIyMzg3NyBDMTEuNzYyNDc4OCw5LjgyNzI1NzMyIDEyLjIzNzUyMTIsOS44MjcyNTczMiAxMi41ODgxNzE3LDkuNTcyMjM4NzcgTDIzLDIiIGlkPSJQYXRoLTMiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+') no-repeat center; } .login-password-parent:after { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyM3B4IiB2aWV3Qm94PSIwIDAgMjAgMjMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGMjY5MjIiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0QyNDYzMSIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSWNvbi0vLUxvY2stLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNi4wMDAwMDAsIC01LjAwMDAwMCkiIHN0cm9rZT0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgc3Ryb2tlLXdpZHRoPSIxLjUiPgogICAgICAgICAgICA8cGF0aCBkPSJNMjUuMjUsMTUgQzI1LjI1LDEzLjc1NzM1OTMgMjQuMjQyNjQwNywxMi43NSAyMywxMi43NSBMOSwxMi43NSBDNy43NTczNTkzMSwxMi43NSA2Ljc1LDEzLjc1NzM1OTMgNi43NSwxNSBMNi43NSwyNSBDNi43NSwyNi4yNDI2NDA3IDcuNzU3MzU5MzEsMjcuMjUgOSwyNy4yNSBMMjMsMjcuMjUgQzI0LjI0MjY0MDcsMjcuMjUgMjUuMjUsMjYuMjQyNjQwNyAyNS4yNSwyNSBMMjUuMjUsMTUgWiBNMTEuMjY1ODExNSwxMS4yNSBMMTAuNDk5OTIzMiwxMS4yNSBMMTEuMjQ5OTIyNSwxMi4wMDEwMzQ3IEMxMS4yNDk5NTk2LDExLjk3NDEyMDkgMTEuMjUwMDcyMiwxMS45NDcyODcyIDExLjI1MDI2MDIsMTEuOTIwNTMzOCBDMTEuMjUwMTIzMywxMS45NDY1OTA4IDExLjI1MDAzNjksMTEuOTcyNzM0NiAxMS4yNTAwMDA3LDExLjk5ODk2NTMgTDEyLDExLjI1IEwxMS4yNzE2Njk2LDExLjI1IEMxMS40Nzc2MDgzLDcuNzA1NzUzNzMgMTMuMTM5MjA4OCw1Ljc1MDY1OTQ5IDE1Ljk5ODU1Myw1Ljc1MDAwMDE3IEMxMi44MDU1MTc1LDUuNzUwNTI0NTUgMTEuNDI1NDQ3Miw3LjQ4NzA3Mjk5IDExLjI2NTgxMTUsMTEuMjUgWiBNMTUuOTk4NTUzLDUuNzUwMDAwMTcgQzE1Ljk5OTAzNTMsNS43NTAwMDAwNiAxNS45OTk1MTc2LDUuNzUgMTYsNS43NSBDMTYuMDAwNDgyMyw1Ljc1IDE2LjAwMDk2NDYsNS43NTAwMDAwNiAxNi4wMDE0NDY5LDUuNzUwMDAwMTcgQzE2LjAwMDk2NDcsNS43NTAwMDAwNCAxNi4wMDA0ODI0LDUuNzUgMTYsNS43NSBDMTUuOTk5NTE3Niw1Ljc1IDE1Ljk5OTAzNTMsNS43NTAwMDAwNCAxNS45OTg1NTMsNS43NTAwMDAxMiBaIE0xNi4wMDE0NDY5LDUuNzUwMDAwMTcgQzE4Ljg2MDc3MjYsNS43NTA2NTk0NiAyMC41MjIzMjMzLDcuNzA1NzMxNTYgMjAuNzI4MjU0NSwxMS4yNSBMMjAsMTEuMjUgTDIwLjc0OTk5NzcsMTEuOTk4OTYzNyBDMjAuNzQ5OTk4OCwxMS45OTk2NTQgMjAuNzQ5OTk5OCwxMi4wMDAzNDQzIDIwLjc1MDAwMDcsMTIuMDAxMDM0NyBMMjEuNSwxMS4yNSBMMjAuNzM0MTg4NSwxMS4yNSBDMjAuNTc0NTUyOCw3LjQ4NzA3Mjk2IDE5LjE5NDQ4MjUsNS43NTA1MjQ1MiAxNi4wMDE0NDY5LDUuNzUwMDAwMTIgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=') no-repeat center center; } .otf-login-element ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #555; } .otf-login-element ::-moz-placeholder { /* Firefox 19+ */ color: #555; } .otf-login-element :-ms-input-placeholder { /* IE 10+ */ color: #555; } .otf-login-element :-moz-placeholder { /* Firefox 18- */ color: #555; } .otf-login-element .mb_loginelement_newaccount { float: left; } .otf-login-element #password_link { margin-bottom: 10px; } .otf-login-element #password_link a { display: none; color: #777; font-style: italic; font-family: 'Klavika Medium Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } .otf-login-element #signup_link a { display: none; color: #777; font-style: italic; font-family: 'Klavika Medium Condensed', "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } .otf-login-element #login_submit { float: right; width: 50px; height: 50px; margin-top: 25px; font-size: 0; border: 0; cursor: pointer; border-radius: 500px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTggMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZm9vdGVyLWZubC1vcmFuZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzgyLjAwMDAwMCwgLTI2OS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9ImJ1dHRvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4Mi4wMDAwMDAsIDI2OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0LjE3ODg0MjIsNS45NTQ5MTA2NSBMMTAuNTIyMjY2MywyLjE1Njc1NTEgQzEwLjE0OTQ5ODgsMS43Njk1NTQ0MSAxMC4xNDk0NzExLDEuMTU2OTQ5OTEgMTAuNTIyMjAzNSwwLjc2OTcxNTQ5MiBMMTAuNTU4ODYsMC43MzE2MzI3NTIgQzEwLjkzMzIwNDUsMC4zNDI3MjM1MTEgMTEuNTUxOTQzOSwwLjMzMDkxNjQ1MSAxMS45NDA4NTMyLDAuNzA1MjYwOTQ1IEMxMS45NDk4Mjc1LDAuNzEzODk5MTkyIDExLjk1ODYzNTksMC43MjI3MDgyMDkgMTEuOTY3MjczNSwwLjczMTY4MzE2NyBMMTgsNy4wMDAwMjUwNyBMMTEuOTY3Mjc2MSwxMy4yNjgzMTk0IEMxMS41OTI5NTY4LDEzLjY1NzI1NTQgMTAuOTc0MjE1OSwxMy42NjkxMDQ2IDEwLjU4NTI3OTgsMTMuMjk0Nzg1MiBDMTAuNTc2MzA1NywxMy4yODYxNDg0IDEwLjU2NzQ5NzUsMTMuMjc3MzQwOCAxMC41NTg4NiwxMy4yNjgzNjcyIEwxMC41MjIyMDM1LDEzLjIzMDI4NDUgQzEwLjE0OTQ3MTEsMTIuODQzMDUwMSAxMC4xNDk0OTg4LDEyLjIzMDQ0NTYgMTAuNTIyMjY2MywxMS44NDMyNDQ5IEwxNC4xNzk4NTYsOC4wNDQwMzYyNiBMMSw4LjA0NDAzNjI2IEMwLjQ0NzcxNTI1LDguMDQ0MDM2MjYgNi43NjM1Mzc1MWUtMTcsNy41OTYzMjEwMSAwLDcuMDQ0MDM2MjYgTDAsNi45NTQ5MTA2NSBDLTYuNzYzNTM3NTFlLTE3LDYuNDAyNjI1OSAwLjQ0NzcxNTI1LDUuOTU0OTEwNjUgMSw1Ljk1NDkxMDY1IEwxNC4xNzg4NDIyLDUuOTU0OTEwNjUgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==') no-repeat center center #f26922; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMThweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTggMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Db21iaW5lZCBTaGFwZTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iZm9vdGVyLWZubC1vcmFuZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzgyLjAwMDAwMCwgLTI2OS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9ImJ1dHRvbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4Mi4wMDAwMDAsIDI2OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTE0LjE3ODg0MjIsNS45NTQ5MTA2NSBMMTAuNTIyMjY2MywyLjE1Njc1NTEgQzEwLjE0OTQ5ODgsMS43Njk1NTQ0MSAxMC4xNDk0NzExLDEuMTU2OTQ5OTEgMTAuNTIyMjAzNSwwLjc2OTcxNTQ5MiBMMTAuNTU4ODYsMC43MzE2MzI3NTIgQzEwLjkzMzIwNDUsMC4zNDI3MjM1MTEgMTEuNTUxOTQzOSwwLjMzMDkxNjQ1MSAxMS45NDA4NTMyLDAuNzA1MjYwOTQ1IEMxMS45NDk4Mjc1LDAuNzEzODk5MTkyIDExLjk1ODYzNTksMC43MjI3MDgyMDkgMTEuOTY3MjczNSwwLjczMTY4MzE2NyBMMTgsNy4wMDAwMjUwNyBMMTEuOTY3Mjc2MSwxMy4yNjgzMTk0IEMxMS41OTI5NTY4LDEzLjY1NzI1NTQgMTAuOTc0MjE1OSwxMy42NjkxMDQ2IDEwLjU4NTI3OTgsMTMuMjk0Nzg1MiBDMTAuNTc2MzA1NywxMy4yODYxNDg0IDEwLjU2NzQ5NzUsMTMuMjc3MzQwOCAxMC41NTg4NiwxMy4yNjgzNjcyIEwxMC41MjIyMDM1LDEzLjIzMDI4NDUgQzEwLjE0OTQ3MTEsMTIuODQzMDUwMSAxMC4xNDk0OTg4LDEyLjIzMDQ0NTYgMTAuNTIyMjY2MywxMS44NDMyNDQ5IEwxNC4xNzk4NTYsOC4wNDQwMzYyNiBMMSw4LjA0NDAzNjI2IEMwLjQ0NzcxNTI1LDguMDQ0MDM2MjYgNi43NjM1Mzc1MWUtMTcsNy41OTYzMjEwMSAwLDcuMDQ0MDM2MjYgTDAsNi45NTQ5MTA2NSBDLTYuNzYzNTM3NTFlLTE3LDYuNDAyNjI1OSAwLjQ0NzcxNTI1LDUuOTU0OTEwNjUgMSw1Ljk1NDkxMDY1IEwxNC4xNzg4NDIyLDUuOTU0OTEwNjUgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg=='), linear-gradient(90deg, #f26922 0%, #d24631 100%); box-shadow: 0 0 14px 0 rgba(77, 82, 86, 0.42); } .le-edit-open .otf-login-element { position: initial; } /* ============ Page Specific ============ */ /* ---- Get the app ---- */ .aurora_get-the-app #le_section-one { /*margin-bottom: -200px;*/ } .get-app-text { padding-top: 140px; } .get-app-text2 { padding-top: 160px; } .get-app-text h2 { font-size: 48px; } .get-app-phone { position: relative; z-index: 10; margin-bottom: -200px; } @media screen and (max-width: 1024px) { .get-app-text { padding-top: 50px; } .get-app-text2 { padding-top: 50px; } .get-app-text h2 { font-size: 36px; } .get-app-phone { text-align: center; } .app-key-features { padding-top: 50px; } } /*--------- SHOP ----------- */ .featured-products { display: flex; // justify-content: flex-end; } .featured-products .flickity-viewport { width: 100%; overflow: visible; } /* disable Flickity by default */ .featured-products:after { content: ''; } @media screen and (max-width: 1024px) { /* enable Flickity for large devices */ .featured-products:after { content: 'flickity'; display: none; /* hide :after */ } } .featured-product { display: flex; flex-direction: column; justify-content: space-between; position: relative; top: 0; min-height: 177px; width: 245px; /*margin-left: 20px;*/ padding: 20px 0; border-radius: 14px; /*background-color: #FFFFFF;*/ color: #222; text-decoration: none; /*box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.2);*/ /*transition: all .2s ease;*/ } .featured-product:hover { /*box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.15);*/ /*top: -5px;*/ /*color: #222;*/ text-decoration: none; } /* -------- Memberships ---------- */ .membership-block-pull-up { margin-bottom: -120px; } .le-edit-open .membership-block-pull-up { margin-bottom: initial; } .membership-bestval { position: absolute; top: -3px; right: 15px; } .pack-inc-icon { height: 55px; } /* ----------- OTbeat Wearables ------------ */ .wearables-img { display: flex; align-items: flex-end; height: 190px; justify-content: center; margin-bottom: 40px; } .wearable-branding-intro img { min-height: 92px; } .wearable-branding-intro { padding-right: 20px; } /* ----- Wearables Comparison Chart/Table ------ */ @media only screen and (max-width: 1200px) and (min-width: 775px) { .wearables-table-wrap { overflow-x: auto; } } @media only screen and (max-width: 774px) { .wearables-table-wrap { overflow-x: scroll; } } .wearables-comparison-table { width: 100%; } .wearables-comparison-table td { text-align: center; padding: 15px; } .wearables-comparison-table.product-detail-table td { text-align: left; } .wearables-comparison-table td.column1 { text-align: left; font-size: 18px; text-transform: uppercase; font-family: "Klavika Medium Condensed"; font-weight: 500; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; min-width: 190px; } .wearables-comparison-table .chart-headings td { font-family: "Klavika Medium Condensed"; font-size: 24px; font-style: italic; text-transform: uppercase; min-width: 150px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wearables-comparison-table .chart-headings td:first-child { font-size: 28px; } .wearables-comparison-table tr:nth-of-type(2n+1) { background: #EEEFF0; } /* -----Care and Support Wearables Tabs ------ */ .wearables-cs-title { margin-left: 20px; padding-top: 25px; } .wearables-cs-title h1 { display: inline; vertical-align: middle; margin-left: 5px; text-transform: uppercase; font-size: 36px; font-style: italic; } .wearables-cs-tabs { margin: 20px 0 0 10px; } .wearables-cs-tabs a { display: inline-block; padding: 0px 4px 10px; margin: 0 10px; border-bottom: 3px solid transparent; font-family: "Klavika Medium Condensed"; font-size: 28px; font-style: italic; text-transform: uppercase; color: #9B9B9B; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width: 768px) { .wearables-cs-tabs { margin: 0; text-align: center; } .wearables-cs-tabs a { margin: 0 40px; } } .wearables-cs-tabs a.active { border-color: #FF6000; color: initial; } .tabs-pane { display: none; } .le-edit-open .tabs-pane { display: block; } .tabs-pane.active { display: block; } .js-tabby .tabs-pane:focus { outline: none; } .wearable-faq p { margin-top: .5em; } /* ---------- CAREERS ------------ */ .crumb-trail{ background: rgba(255,255,255,.9); height: 60px; display: flex; align-items: center; padding: 0 20px; position: relative; z-index: 1; margin-bottom: -58px; box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12), 0 3px 6px 0 rgba(77,82,86,0.10); } .le-edit-open .crumb-trail { margin-bottom: initial; } .crumb-trail ul { display: flex; margin: 0; padding: 0; list-style: none; } .crumb-trail ul li { display: inline-block; font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; } .crumb-trail ul li:after { display: inline-block; content: "/"; margin: 0 5px; } .crumb-trail ul li:last-child:after { content: ""; } .careers-hero .hero-block-inner { flex-direction: column; align-items: flex-start; justify-content: center; } .careers-hero .otf-card{ display: inline-block; } .careers-hero .hero-block-text { padding-top: 0; padding-bottom: 40px; } .careers-hero.has-crumb-trail .hero-block-text { padding-bottom: 10px; } /* ------ Careers Grids --------- */ .careers-grid img { width: 100%; height: auto; } .career-grid-text { color: white; font-size: 30px; padding: 30px; display: flex; height: 100%; flex-direction: column; justify-content: center; } .career-grid-quote { font-family: 'Source Sans Pro'; font-size: 64px; line-height: 1; height: 50px; } .career-grid-text p:first-of-type { margin-top: 0; } @media only screen and (max-width: 1200px) and (min-width: 992px) { .career-grid-text { font-size: 24px; } } @media only screen and (min-width: 992px) { .career-traits-cols { display: flex; justify-content: space-between; } .career-traits-cols .col-md-2 { width: 20%; } } .career-traits { text-align: center; } .career-traits h4 { color: #F26922; font-size: 36px; font-style: italic; text-transform: uppercase; } /* --- MicroSite Added --- */ .myAccountItem { display: none; } /*.swal2-close {*/ /* display: none!important;*/ /*}*/ .swal-button { display: inline-block; padding: 8px 25px; min-width: 160px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; border: 0; background: linear-gradient(90deg, #f26922 0%, #d24631 100%)!important; color: #ffffff!important; text-align: center; font-weight: 300; font-style: italic; font-size: 18px!important; font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .01em; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.1); transition: all .2s ease; margin-right: 10px; } .sign-up-btn { content: ''; background-image: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/template-files/icons/ClassAdd.png)!important; background-repeat: no-repeat; display: inline-block!important; padding: initial!important; min-width: auto!important; -webkit-border-radius: 50%!important; box-shadow: initial!important; width: 40px!important; height: 40px!important; font-size: 0!important; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.12), 0 3px 6px 0 rgba(0, 0, 0, 0.1)!important; margin-top: 30px!important; } .cancel_class.sign-up-btn { background-image: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/template-files/icons/Booked.png)!important; } .sign-up-btn.waitlist { background-image: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/template-files/icons/Waitlist.png)!important; } .sign-up-btn.classRegFull { background-image: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/template-files/icons/waitlistFull.png)!important; box-shadow: none!important; } .seFormButton:hover, #otf-ns .btn:hover, .se_button:hover, .button1:hover, .read_more_link:hover, .le_form input[type="submit"]:hover, .fsForm input[type="submit"].fsSubmitButton:hover { background: linear-gradient(-132deg, #BF3600 0%, #9F1300 100%); } .full-event-details .detail-col-left { width: 70%!important; } .full-event-details .detail-col-right { width: 30%!important; margin-top: -30px; } .events .event-time { display: none!important; } .week-view-ns .ns-calendar .cal-block { margin-right: 0px!important; background: #ffffff!important; border: 0px!important; } .week-view-ns .ns-calendar .cal-block:nth-child(2n) { background: #fafafa!important; border: 0px!important; } .week-view-ns .ns-calendar .inner-wrapper-block { /*margin-left: 2.25%!important;*/ } .week-view-ns .ns-calendar .events li { padding: 10px 10px!important; font-weight: normal!important; } .cal-block-date { width: 100%; text-align: left!important; background-color: #F5F5F5; line-height: 25px!important; } .week-view-ns .ns-calendar .cal-block-date .cal-block-day, .week-view-ns .ns-calendar .cal-block-date .day-number, .cal-block-month { font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; color: #4D5256; } .cal-block-month, .day-number { font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px!important; color: #6F767B!important; font-weight: normal!important; } .events li { border-bottom: 1px solid #EDEDED; } .capacity-info { display: none; } .event-time-range { font-family: 'Klavika Medium Condensed'; font-size: 18px; line-height: 20px; color: #4D5256; /*font-weight: 500;*/ margin-bottom: 5px; } .cal_class_name, .staff_firstname, .staff_lastname { font-family: 'Klavika Medium Condensed'; font-size: 14px; line-height: 18px; color: #4D5256; font-weight: normal; } .staff_lastname { display: none; } .event-time-range .details-icon, .instructor .details-icon { display: none!important; } .other-info { padding-left: 0px!important; } .locationHeaderTitle { width: 100%!important; height: 60px; background: #ffffff; } .locationHeaderTitle .otfLocationTitle{ color: #4d5256; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-style: italic;*/ font-size: 28px; font-weight: 400; text-transform: uppercase; } .locationHeaderTitle .otfLocationTitle p{ display: inline; position: relative; left: 30px; top: 10px; /*margin-top: 12px;*/ } .mapBar{ /*width: 110%;*/ /*left: -15px;*/ height: 200px; overflow: hidden; padding: 0px; } .sectionTwo{ /*background: linear-gradient(rgba (255,255,255, 1), rgba(239,239,239,1));*/ background: linear-gradient(90deg, rgb(255,255,255), rgb(239,239,239)); background-image: url("https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/otf-microsite-2018/dots.png"); background-repeat:no-repeat; background-position: 101% 7%; padding: 107px 0 30px 0; } .sectionTwo H2{ color: #4d5256; /*font-family:"Helvetica";*/ font-size: 28px; font-weight: 400; text-transform: uppercase; /*font-style: italic;*/ } .sectionTwo p{ font-family: "Source Sans Pro"; font-size: 16px; } .scheduleHeader{ background-color: #ffffff; padding: 20px 10px 0px 10px; border-radius: 10px 10px 0 0; } .scheduleHeader p{ color: #F26922; font-family: "Klavika Medium Condensed Italic"; font-size: 28px; line-height: 30px; top: 10px; /*font-style: italic;*/ text-transform: uppercase; display: inline; } .today .cal_class_name, .today .staff_firstname, .today .staff_lastname, .today .event-time-range { color: #8A8D8F; } .scheduleHeader:before{ content: ""; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNzJweCIgaGVpZ2h0PSI5NHB4IiB2aWV3Qm94PSIwIDAgNzIgOTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5zcGxhdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTG9nby0vLVNwbGF0LS8tT3JhbmdlIiBmaWxsPSIjRjI2OTIyIj4KICAgICAgICAgICAgPHBhdGggZD0iTTQ0LjE1OTQxMjgsMzIuMzI1MDg4OSBDNTEuMDE4NTYzNSwzMy4xMDAxNTA1IDU2LjA2ODkxODQsMzkuNjQ1ODI4NSA1Ni4wNjg5MTg0LDQ3LjAxMjkwNTkgQzU2LjA2ODkxODQsNTQuMzg0MzY2NiA1MS4wMTg1NjM1LDYwLjkzMzE3NTUgNDQuMTU5NDEyOCw2MS43MDg4NjMzIEMzNi40OTA3MzEzLDYyLjU3NTUwNDcgMjkuNTc4NDg2NCw1Ni4wNDAwMDIyIDI5LjU3ODQ4NjQsNDcuMDE1MDk3NSBDMjkuNTc4NDg2NCwzNy45OTE3NTg0IDM2LjQ5MDczMTMsMzEuNDU4MTM0NSA0NC4xNTk0MTI4LDMyLjMyNTA4ODkgWiBNMzIuNDY1NTYzNiw2OC42OTcyNTQ4IEMzNi4wNzg2MjYzLDcwLjQ3NzM0NDggNDAuMTY0MDcxNiw3MS4xOTU3MzY2IDQ0LjMzNTQwNDYsNzAuNTI3NTk2MyBDNDguMDU5MTg0NSw2OS45MzI0MDY1IDUxLjM5MzY1ODYsNjguMjcyMzg3NyA1NC4xNzkwNzU5LDY1LjkwODA2NjEgQzU2LjY2ODQxNDgsNjQuMDM1MTQ0MSA2MS4yMDkzNzc0LDY2LjIwNDA5NTUgNjEuMjEwMDAyLDczLjM2Mzc0ODkgQzYxLjIxMDAwMiw3Ny40NzIzMTEyIDYzLjc4ODUwOCw4MC4xMzY3MzIzIDY2LjgzNDU1NTUsNzkuMzQ0Mjk0MSBDNjkuNzMzMDMyMyw3OC41ODk3NCA3MS45OTAwMDU4LDc0Ljk1MTEzMDIgNzEuOTkwMDA1OCw3MS4xODI0MzAyIEM3MS45OTAwMDU4LDY3LjQxMzU3MzcgNjkuNzMzMDMyMyw2NC42ODUxMjUgNjYuODM0NTU1NSw2NS4xMDc2NDQgQzYxLjQzMTQzNjIsNjUuODkzNjYzOSA1OC43MjYyODQ5LDYxLjM3MjYwMTUgNjAuNDk5MzIwMSw1Ny40NzA1MjM5IEM2MS44NzA3MTI5LDU0LjM0MDY5MDEgNjIuNjk4MjAyMiw1MC43MzEwNDE0IDYyLjY5ODIwMjIsNDcuMDEyOTA1OSBDNjIuNjk3MTA5MSw0My4yOTMzNjE1IDYxLjg2NzQzMzYsMzkuNjgwNDI1MyA2MC4zOTEyNTc3LDM2LjQzMzQ5NDcgTDYwLjU1NTIyNTIsMzYuNjIwMDk4MSBDNTkuMjQ2NzY0NiwzMy40NTY3NjM0IDYxLjQ0MDE4MTEsMjguMTM5OTc1MiA2Ni44NDQ3MDU5LDI4LjkyMzQ5MDQgQzY5Ljc0NDExOTYsMjkuMzQ1NTM5NyA3MiwyNi42MTg4MTMxIDcyLDIyLjg0ODM5MTEgQzcyLDE5LjA4MzQ0ODIgNjkuNzQ0MTE5NiwxNS40NDI0OTAyIDY2Ljg0NDcwNTksMTQuNjg4MDkyNyBDNjMuODAwMjE5OSwxMy44OTk1NjgxIDYxLjIyMTcxNCwxNi41NTg1MSA2MS4yMjE3MTQsMjAuNjY2Mjg5NyBDNjEuMjIwNDY0NywyNy44MjgyOTEyIDU3LjI5ODk4NjksMzAuNzE1OTQ3NiA1NC4xMzMzMjEyLDI4LjAyMjI1MjMgQzUxLjQyNjYwODMsMjUuNzc0NTU3OSA0OC4wNzY1MTgyLDI0LjEwMTcwMjIgNDQuMzMzODQzLDIzLjUwMjQ0MjMgQzQwLjM1MzY0OTMsMjIuODY2MjM3NCAzNi40NDQzNTE5LDIzLjQ3NzcwOCAzMi45NTU1OTIxLDI1LjA4MTgzOTcgQzI5LjMwODk1NTEsMjYuNDAwNzQzOCAyMi40NTMyNCwyMS45NTEzNzk4IDIyLjQ1MzI0LDEyLjgwMDkyNDkgQzIyLjQ1MTk5MDcsNy40Njg0ODIwOCAxNy45MDIxMjcsMS45NjI3NDIzNCAxMS45MzU3NDA0LDAuNDE0MDI4MDA2IEM1LjU0OTI4NDU5LC0xLjI0MzMyOTU5IDAuMDI2MzkwOTU4NCwyLjIxNzEzMDM3IDAuMDI0NjczMjAzNyw4LjI1NTkxMDg4IEMwLjAyNjM5MDk1ODQsMTQuMjk5NzAwOSA1LjU0OTI4NDU5LDE5Ljk5OTU1ODIgMTEuOTM1NzQwNCwyMC45Mjg2NjE2IEMyMS40MjIyNzQ5LDIyLjMwNzUyMyAyNS44NjgxMzYzLDI4LjI5Njk5MTQgMjQuMDkwMjYwMiwzMi43MDY0MzYxIEMyMS40NjA4NDYzLDM2LjU5NDg5NDEgMTkuODYwMDU1LDQxLjQ4MDcwOTggMTkuODU4OTYxOSw0Ny4wMTUwOTc1IEMxOS44NTg5NjE5LDUyLjI3OTEyOTUgMjEuMzE5MzY1Nyw1Ni45NDU3ODAxIDIzLjcyMjM0ODQsNjAuNzM4MTE4NiBDMjUuMzc5MDQ0Nyw2NC41MjkzNjEzIDIxLjcxMzUxMjQsNzEuNjQ1MzM4MSAxMS45MTczMTM1LDczLjA3MTE2MzUgQzUuNTI1MjM2MDMsNzMuOTk3MTM1OSAwLjAwMTg3MzkxNDIsNzkuNjk4NDAyMiAwLDg1Ljc0MDQ3MDIgQzAsOTEuNzgxNTk4OSA1LjUyNTIzNjAzLDk1LjI0MzE1NDcgMTEuOTE0NjU4OCw5My41ODYyNjY3IEMxNy44Nzk3OTYyLDkyLjAzNzIzOTMgMjIuNDMzMDk1NCw4Ni41MzMwNjUgMjIuNDMzMDk1NCw4MS4xOTk1MjY0IEMyMi40MzU0Mzc4LDcyLjMwMzMwMyAyOC4wOTQwMzQxLDY3LjI0NjUzODYgMzIuNDY1NTYzNiw2OC42OTcyNTQ4IFoiIGlkPSJzcGxhdCI+PC9wYXRoPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); background-repeat: no-repeat; background-size: 35px 35px; height: 35px; width: 35px; margin-right: 10px; margin-top: -5px; display: inline-block; float:left; } .prev-view-arrow, .mb_calendar_header .calendar-header-nav-item .next-view-arrow { border: none!important; width: 105px!important; text-transform: uppercase; } .mb_calendar_header .calendar-header-nav-item .prev-view-arrow:after, .mb_calendar_header .calendar-header-nav-item .next-view-arrow:after { border-color: #F26922!important; } .next-view-arrow:before { font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #F26922; content: "Next Week"; padding-right: 8px; } .prev-view-arrow:before { content: ''; display: inline-block; margin-left: 6px; width: 12px; height: 12px; border-top: 2px solid #F26922; border-right: 2px solid #F26922; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .prev-view-arrow:after { font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #F26922; width: 86px!important; border: none!important; content: "Previous Week"!important; margin-left: 0!important; -moz-transform: rotate(0deg)!important; -webkit-transform: rotate(0deg)!important; transform: rotate(0deg)!important; } .mb_cal_schedule_for, .date_range_title { font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 20px; } .otfLocationSchedule{ z-index: 3; margin-bottom: -140px; margin-top: 100px; text-align: left; } .otfLocationSchedule p{ color: #4d5256; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; /*font-style: italic;*/ font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: left; margin: 2px 10px; } .otfLocationSchedule a { font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-style: italic;*/ } .otfLocationSchedule a{ font-size: 16px; } .le_section-content-schedule, .le_section-content-scheduleEvent { box-shadow: 0 0 14px 0 rgba(77, 82, 86, 0.12), 0 3px 6px 0 rgba(77, 82, 86, 0.1); border-radius: 7px; background: #fff; } .inner-wrapper-block{ border-radius: 0 0 10px 10px; } .upcomingEvents{ padding: 30px; padding-top: 50px; background-color: #6F767B; color: #ffffff; height: 440px; } .upcomingEvents h4{ font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #ffffff; font-size: 28px; margin-bottom: 15px; } .upcomingEvents .blog_post_listing_title_link { font-family: "Source Sans Pro"; color: #ffffff; font-size: 21px; text-transform: uppercase; } .upcomingEvents .read_more_div { display: none; } .upcomingEvents p{ color: #ffffff; line-height: .9; } .upcomingEvents sup{ text-transform: uppercase; } .locationText{ color: #4A4A4A; font-family: "Source Sans Pro"; font-size: 16px; } .studiosNEAR .otfLocationTitle, .studiosNEAR p{ color: #4d5256; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-style: italic;*/ font-size: 28px; font-weight: 400; text-transform: uppercase; } .homeLead .tooltip2, .homeLead .tooltip1{ display: none; } .homeLeadForm .form-group { vertical-align: top; } .homeLeadForm .guestFormTransactionEmails:after, .homeLeadForm .guestFormMarketingEmails:after { content: ''; display: inline-block; margin-left: 6px; width: 12px; height: 12px; border-top: 2px solid #F26922; border-right: 2px solid #F26922; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 5px; } .optmsgTansaction, .optmsgMarketing { margin-top: 18px; margin-bottom: 18px; } .place-card{ display: none !important; } .locationCard{ position: absolute; top: 145px; left: 45px; background-color: #ffffff; border-radius: 7px; width: 320px; height: 125px; /* z-index: 12; */ padding: 15px; box-shadow: 0 0 14px 0 rgba(77, 82, 86, 0.12), 0 3px 6px 0 rgba(77, 82, 86, 0.1); } @media (max-width: 768px) { .locationCard { left: 15px; } } .locationCard p{ font-family: 'Klavika Medium Condensed'; font-size: 16px; color: #4A4A4A; margin: 0 0 2px 25px; } .locationCard img{ display: inline; float: left; left: 0; margin-right: 5px; margin-top: 3px; } @media (max-width: 480px) { .scheduleHeader { margin-bottom: 50px; } #back_cal, #forward_cal { position: relative; top: 30px; } .locationCard{ position: absolute; top: 280px; left: 0; right: 0; margin: auto; background-color: #ffffff; border-radius: 7px; margin: auto; } .locationCard p{ margin: 0 0 20px 30px; } .locationCard img{ display: inline; float: left; left: 0; margin-right: 15px; } .swal-button { min-width:120px !important; } } .footerIcon{ margin-left: -30px; position:relative; } .classBookedText{ padding: 30px 30px 30px 30px; /*background: linear-gradient(90deg, rgb(255,255,255), rgb(239,239,239));*/ } .classBookedText H2{ color: #4d5256; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-style: italic;*/ font-size: 28px; font-weight: 400; text-transform: uppercase; } .classBookedText p{ max-width: 600px; } .classBookedText a{ width: 100%; } .classBookedBadge .classSelectedText .cName .fa-calendar { color: #ffffff; } .classBookedBadge{ background: linear-gradient(120deg, rgb(242,105,34), rgb(210,70,49)); padding: 10px; height: 278px; width: 250px; margin: 100px auto 0px auto; border-radius: 5%; color: #ffffff; padding-left: 35px; padding-right: 35px; } .classBookedBadgeText{ background-image: url("https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/otf-microsite-2018/whiteHeart.png"); background-repeat: no-repeat; background-position: top center; margin: 10px 0 0 0; padding-top: 50px; } .classBookedBadgeText p{ font-size: 28px; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-style: italic;*/ } .successQuote{ text-align: center; background: linear-gradient(90deg, rgb(255,255,255), rgb(239,239,239)); padding: 50px 10%; } .successQuote p{ font-size: 28px; color: #6f767b; font-family: "Klavika Condensed"; } .classSelectedText { font-size: 18px; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; } .classSelectedText .cDay .fa-calendar{ color: #f26922; } .classSelectedText .cTime, .classSelectedText .cName, .classSelectedText .cLocation{ margin-left: 30px; } .classSelectedText .cLocation, .classSelectedText .cLocation a { color: #3E7FB5; font-size: 18px !important; } /*------------------------------First Class Section START------------------------*/ .successFirstClass{ padding: 30px 10%; background: #ffffff; } .successFirstClass div{ max-width: 800px; } .successFirstClass h3{ color: #4d5256; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase; /*font-style: italic;*/ } .successFirstClassText{ width: 34%; display: inline-block; padding: 0px 10px; vertical-align: top; } .successIcons{ display: inline-block; width: 49%; text-align: center; margin-top: 15px; } .successFirstClassImage{ width: 65%; display: inline-block; } .successFirstClassImage img{ width: 95%; vertical-align: inherit; } /*-------------------------------First Class Section End------------------------*/ /*------------------------------During Section START------------------------*/ .successDuring{ padding: 30px 10%; background: #ffffff; } .successDuring div{ max-width: 800px; } .successDuring h2{ color: #4d5256; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase; } .successDuringText{ width: 34%; display: inline-block; padding: 0px 10px; vertical-align: top; } .successDuringIcons{ display: inline-block; width: 32%; text-align: center; MARGIN-top: 25px; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 50px; } .successDuringIconsText{ text-align: center; MARGIN-top: 25px; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 30px; font-size: 18px; width: 100%; } .successMarginTop a{ width: 100%; } .successDuringImage{ width: 65%; display: inline-block; } .successDuringImage img{ width: 95%; vertical-align: inherit; } /*-------------------------------During Section End------------------------*/ /*------------------------------after Section START------------------------*/ .successAfter{ padding: 30px 10%; background: #ffffff; } .successAfter div{ max-width: 800px; } .successAfter h2{ color: #4d5256; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 28px; font-weight: 400; text-transform: uppercase; } .successAfterText{ width: 34%; display: inline-block; vertical-align: top; padding: 0px 10px; } .successIcons{ display: inline-block; width: 49%; text-align: center; MARGIN-top: 25px; font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 50px; } .successAfterImage{ width: 65%; display: inline-block; } .successAfterImage img{ width: 95%; vertical-align: inherit; } .schedText { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #6F767B; position: relative; top: 15px; padding: 5px; margin-bottom: 20px; } /*-------------------------------After Section End------------------------*/ .dotsGraphic{ width: 100%; padding: 15px 0px; background: #ffffff; display: block; } @media only screen and (min-width: 768px) { } @media only screen and (min-width: 992px) { .mapBar{ width: 102%; left: -15px; height: 180px; overflow: hidden; } .sectionTwo{ /*background: linear-gradient(rgba (255,255,255, 1), rgba(239,239,239,1));*/ background: linear-gradient(90deg, rgb(255,255,255), rgb(239,239,239)); background-image: url("https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/otf-microsite-2018/dots.png"); background-repeat:no-repeat; background-position: 101% 0%; padding: 30px 0 60px 0; } .homeLeadForm{ display: inline-block; } .otfLocationSchedule{ z-index: 3; margin-bottom: -60px; margin-top: 20px; text-align: right; } .otfLocationSchedule p{ color: #4d5256; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; /*font-style: italic;*/ font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: right; margin: 2px 10px; } .otfLocationSchedule a { font-family: "Klavika Medium Condensed Italic", "Helvetica Neue", Helvetica, Arial, sans-serif; /*font-style: italic;*/ } .newsrow{ display: inherit; } .newsrowsPic{ display: none; } .classBookedBadge{ background: linear-gradient(120deg, rgb(242,105,34), rgb(210,70,49)); padding: 10px; height: 278px; width: 250px; margin: 30px auto 51px auto; border-radius: 5%; color: #ffffff; padding-left: 35px; padding-right: 35px; } .classBookedText a{ width: inherit; } .successMarginTop a{ width: inherit; } .successQuote{ text-align: center; background: linear-gradient(90deg, rgb(255,255,255), rgb(239,239,239)); padding: 50px 30%; } .successQuote p{ font-size: 30px; color: #6f767b; } } @media only screen and (min-width: 1200px) { } /*-----end-----*/ .next-view-arrow, .prev-view-arrow { margin: 10px; } .confirmingSignup .fa-circle-o-notch { -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .userLogout { position: absolute; right: 20px; top: 0; } .mb_element_logout { display: none; } .country-selector { display: none; } .mb_greeting { font-family: 'Klavika Condensed Italic'; font-size: 28px; color: #4D5256; letter-spacing: 0; text-align: center; line-height: 28px; } #le_StudioDescription iframe { display: none; } #le_section-one { /*background: #ffffff;*/ } .adaButton { position: relative; float: right; cursor: pointer; font-size: 75%; } .formLabelHidden { display: none!important; } .showMe.formLabelHidden { display: block!important; } .need_account_link { display: none!important; } .guestFormTransactionEmailsLabel, .guestFormMarketingEmailsLabel, .optmsg { font-family: "Klavika Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } /* ----------------- COMMUNITY PAGES (BLOG APP) ----------------- */ #post, .postContent { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; } /* ======= Blog Element 3 up =========== */ .post-thumb-group { margin: 35px 0; padding-bottom: 30px; border-bottom: 1px solid #D8D8D8; } .post-thumb-group .flickity-viewport { /* allows for horizontal overflow of containter when flickity is enabled on mobile */ overflow: visible; } .post-thumb-group.single-post-footer-thumb-group { border-bottom: 0; padding-bottom: 0; } .thumb-group-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } .thumb-group-title { font-style: italic; font-size: 28px; color: #6F767B; } .see-more-link { font-style: italic; font-size: 22px; font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blog-post-thumb { width: 94%; padding-right: 15px; } .blog-post-thumb.archive-post-thumb { width: 100%; padding-right: 0; } @media screen and (min-width: 1025px) { .thumb-group-title { font-size: 36px; } .see-more-link { font-size: 24px } .blog-thumb-row { display: flex; margin: 0 -15px; } .blog-post-thumb, .blog-post-thumb.archive-post-thumb { width: 33.333333333333333%; padding: 15px; } } .blog-post-thumb-image { height: 285px; overflow: hidden; } .blog-post-thumb-image img { object-fit: cover; width: 100%; height: 100%; border-radius: 12px; } .blog-post-thumb-title a { display: block; font-size: 20px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #4D5256; margin: 20px 0 0; line-height: 28px; } .blog-post-thumb-title a:hover { color: #3E7FB5; } /* disable Flickity by default (when watch css enabled) */ .blog-thumb-row:after { content: ''; } @media screen and (max-width: 1024px) { /* enable Flickity for large devices */ .blog-thumb-row:after { content: 'flickity'; display: none; /* hide :after */ } } #otfApp { margin-top: 35px; } .waitlist.hide { display: none!important; } .selectStudioFlag { display: inline-block; transform: scale(1.2); width: 86px; height: 24px; line-height: 24px; position: relative; top: -5px; left: 15px; color: white; padding-left: 10px; font-size: 12px; background: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/template-files/icons/select_studio_flag.svg'); background-repeat: no-repeat; } .paidStudioFlag { display: inline-block; transform: scale(1.2); width: 86px; height: 24px; line-height: 24px; position: relative; top: -5px; left: 15px; color: white; padding-left: 10px; font-size: 12px; background: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfmicronew/template-files/icons/select_studio_flag.svg'); background-repeat: no-repeat; } .comingSoonFlag { display: inline-block; transform: scale(1.2); width: 86px; height: 24px; line-height: 24px; position: relative; top: -5px; left: 15px; color: white; padding-left: 10px; font-size: 12px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iODVweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgODUgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUxLjEgKDU3NTAxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMTEyLjU4MDk4MyUiIHkxPSIxMjQuMzQ1NzAzJSIgeDI9Ii0zLjMzOTM2NzM2JSIgeTI9IjAlIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNEMjQ2MzEiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0RFNUEyQiIgb2Zmc2V0PSI0NC4yNjM4MjElIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNFNTY3MjgiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRjU4MjIwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxwYXRoIGQ9Ik0yLC0xLjU1NzU2MTY3ZS0xNCBMNzkuNzY5MTQ4NywzLjMzMDY2OTA3ZS0xNSBDODAuMzIxNDMzNSwtNC42MTkyMjIzM2UtMTUgODAuNzY5MTQ4NywwLjQ0NzcxNTI1IDgwLjc2OTE0ODcsMSBDODAuNzY5MTQ4NywxLjI0NTM3Njk3IDgwLjY3ODkzMDksMS40ODIxODkxIDgwLjUxNTY2NTEsMS42NjUzNjcwMyBMNzMsMTAuMDk3NjU2MiBMODAuNDc5ODI3NSwxOC4zMjc0MTQ0IEM4MC44NTEyODYzLDE4LjczNjExNTggODAuODIxMDk1MiwxOS4zNjg1NjA1IDgwLjQxMjM5MzgsMTkuNzQwMDE5MyBDODAuMjI4MzMyMiwxOS45MDczMDg1IDc5Ljk4ODUzMzYsMjAgNzkuNzM5ODA4MiwyMCBMMiwyMCBDMC44OTU0MzA1LDIwIC0zLjA4ODE4NDZlLTE2LDE5LjEwNDU2OTUgLTQuNDQwODkyMWUtMTYsMTggTC0yLjIyMDQ0NjA1ZS0xNiwyIEMtMy41NzMxNTM1NWUtMTYsMC44OTU0MzA1IDAuODk1NDMwNSwtMS41Nzg0MzA1NGUtMTQgMiwtMS41OTg3MjExNmUtMTQgWiIgaWQ9InBhdGgtMiI+PC9wYXRoPgogICAgICAgIDxmaWx0ZXIgeD0iLTMuMSUiIHk9Ii0xMi41JSIgd2lkdGg9IjEwOC43JSIgaGVpZ2h0PSIxMzUuMCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgaWQ9ImZpbHRlci0zIj4KICAgICAgICAgICAgPGZlT2Zmc2V0IGR4PSIxIiBkeT0iMSIgaW49IlNvdXJjZUFscGhhIiByZXN1bHQ9InNoYWRvd09mZnNldE91dGVyMSI+PC9mZU9mZnNldD4KICAgICAgICAgICAgPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMSIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIj48L2ZlR2F1c3NpYW5CbHVyPgogICAgICAgICAgICA8ZmVDb2xvck1hdHJpeCB2YWx1ZXM9IjAgMCAwIDAgMC43NjI3ODE2NzUgICAwIDAgMCAwIDAuNzYyNzgxNjc1ICAgMCAwIDAgMCAwLjc2Mjc4MTY3NSAgMCAwIDAgMC41IDAiIHR5cGU9Im1hdHJpeCIgaW49InNoYWRvd0JsdXJPdXRlcjEiPjwvZmVDb2xvck1hdHJpeD4KICAgICAgICA8L2ZpbHRlcj4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSI2LjAtTG9jYXRpb24tcGFnZXMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSI2LjAtTG9jYXRpb25zIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU3LjAwMDAwMCwgLTYwMS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTguMDAwMDAwLCA2MDIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iUmVjdGFuZ2xlLTQiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMSIgZmlsdGVyPSJ1cmwoI2ZpbHRlci0zKSIgeGxpbms6aHJlZj0iI3BhdGgtMiI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTEpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHhsaW5rOmhyZWY9IiNwYXRoLTIiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=); background-repeat: no-repeat; } .bookingSteps { position: absolute; top: 60px; z-index: 1; height: 60px; background: #ffffff; } .stepText { font-family: "Klavika Medium Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; text-align: center; font-size: 20px; } .bookingStep1 { margin-top: 5px; padding-top: 2px; height: 30px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressBar-OrangeCircle.png); background-repeat: no-repeat; background-size: contain; background-position: top center; } .bookingStep2 { margin-top: 5px; padding-top: 2px; height: 30px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressBar-greycircle.png); background-repeat: no-repeat; background-size: contain; background-position: top center; } .bookingStep2Done { margin-top: 5px; padding-top: 2px; height: 30px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressBar-OrangeCircle.png); background-repeat: no-repeat; background-size: contain; background-position: top center; } .bookingStep3 { margin-top: 5px; padding-top: 2px; height: 30px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressBar-greycircle.png); background-repeat: no-repeat; background-size: contain; background-position: top center; } .bookingStep3Done { margin-top: 5px; padding-top: 2px; height: 30px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressBar-OrangeCircle.png); background-repeat: no-repeat; background-size: contain; background-position: top center; } .bookingLine1 { height: 60px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressbar-gradientdotbar.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .bookingLine1Done { height: 60px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressbar-orangedotbar.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .bookingLine2Gray { height: 60px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressbar-greydotbar.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .bookingLine2 { height: 60px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressbar-gradientdotbar.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .bookingLine2Done { height: 60px; background: url(https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/otfworkflowtesting/template-files/booking-step-files/OTFprogressbar-orangedotbar.png); background-repeat: no-repeat; background-size: contain; background-position: center; } @media screen and (max-width: 768px) { .stepTextWords { font-size: 15px; } } @media screen and (max-width: 480px) { .stepTextWords { font-size: 14px; } } .signup_info_class { font-size: 18px !important; font-weight: bold !important; padding-bottom:15px; } /************** Bablic - Schedule Arrows ****************/ /** Special characters must be Unicode Escape Squences **/ .calendar-header-nav-item { font-size:1px !important; text-align:center; } /** Arabic **/ .previousWeek-ar:after { content: "\0627\0644\0623\0633\0628\0648\0639 \0627\0644\0633\0627\0628\0642" !important; } .nextWeek-ar:before { content: "\0627\0644\0627\0633\0628\0648\0639 \0627\0644\0642\0627\062f\0645" !important; } /** Chinese **/ .previousWeek-zh_cn:after { content: "\4e0a\4e2a\793c\62dc" !important; } .nextWeek-zh_cn:before { content: "\4e0b\5468" !important; } /** English **/ .previousWeek-en:after { content: "Previous Week" !important; } .nextWeek-en:before { content: "Next Week" !important; } /** French Canadian **/ .previousWeek-fr_ca:after { content: "Semaine pr" "\00e9" "c" "\00e9" "dente" !important; } .nextWeek-fr_ca:before { content: "Prochaine semaine" !important; } /** German **/ .previousWeek-de:after { content: "Letzte Woche" !important; } .nextWeek-de:before { content: "N" "\00e4" "chste Woche" !important; } /** Hebrew **/ .previousWeek-he:after { content: "\05e9\05d1\05d5\05e2 \05e9\05e2\05d1\05e8" !important; } .nextWeek-he:before { content: "\05e9\05d1\05d5\05e2 \05d4\05d1\05d0" !important; } /** Japanese **/ .previousWeek-ja:after { content: "\524d\306e\9031" !important; } .nextWeek-ja:before { content: "\6765\9031" !important; } /** Polish **/ .previousWeek-pl:after { content: "Poprzedni tydzie" "\0144" !important; } .nextWeek-pl:before { content: "W nast" "\0119" "pnym tygodniu" !important; } /** Spanish **/ .previousWeek-es:after { content: "Semana pasada" !important; } .nextWeek-es:before { content: "La pr" "\00f3" "xima semana" !important; } /** Spanish (Mexico) **/ .previousWeek-es_mx:after { content: "Semana pasada" !important; } .nextWeek-es_mx:before { content: "La pr" "\00f3" "xima semana" !important; }