@charset "UTF-8"; /* * Deps * ========================================== */ /* HTML5 Reset :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://meyerweb.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, .career-highlights h1, .career-highlights h2, .career-highlights h3, .career-highlights h4, .career-highlights h5, .career-highlights h6, .career-highlights .homepage-carousel .discover-photo h3, .homepage-carousel .discover-photo .career-highlights h3, .bricks .brick.career-highlight .inside-brick h1, .bricks .brick.career-highlight .inside-brick h2, .bricks .brick.career-highlight .inside-brick h3, .bricks .brick.career-highlight .inside-brick h4, .bricks .brick.career-highlight .inside-brick h5, .bricks .brick.career-highlight .inside-brick h6, h6, .homepage-carousel .discover-photo h3, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent;} article, aside, figure, footer, header, nav, section, details, summary {display: block;} /* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html {box-sizing: border-box; height: 100%; overflow-y: scroll; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;} *, *:before, *:after {box-sizing: inherit;} /* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */ /* Responsive images and other embedded objects */ /* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */ img, object, embed {max-width: 100%;} /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img {max-width: none;} */ /* force a vertical scrollbar to prevent a jumpy page */ html {overflow-y: scroll;} /* we use a lot of ULs that aren't bulleted. you'll have to restore the bullets within content, which is fine because they're probably customized anyway */ ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;} del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;} /* tables still need cellspacing="0" in the markup */ table {border-collapse: collapse; border-spacing: 0;} th {font-weight: bold; vertical-align: bottom;} td {font-weight: normal; vertical-align: top;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} input, select {vertical-align: middle;} pre {white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */} input[type="radio"] {vertical-align: text-bottom;} input[type="checkbox"] {vertical-align: bottom;} .ie7 input[type="checkbox"] {vertical-align: baseline;} .ie6 input {vertical-align: text-bottom;} select, input, textarea {font: 99% sans-serif;} table {font-size: inherit; font: 100%;} small {font-size: 85%;} strong {font-weight: bold;} td, td img {vertical-align: top;} /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} sup {top: -0.5em;} sub {bottom: -0.25em;} /* standardize any monospaced elements */ pre, code, kbd, samp {font-family: monospace, sans-serif;} /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], input[type=file], button {cursor: pointer;} /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea {margin: 0;} /* make buttons play nice in IE */ button, input[type=button] {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ .ie7 img {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */ /* let's clear some floats */ .clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; overflow: hidden;} .clearfix:after {clear: both;} .clearfix {zoom: 1;} button, input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 5px; cursor: pointer; display: inline-block; font-family: "PT Serif", serif; font-size: 1em; -webkit-font-smoothing: antialiased; font-weight: 600; line-height: 1; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap;} button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled {cursor: not-allowed; opacity: 0.5;} .btn-primary {background: #fab613; border-radius: 5px; color: white; padding: 10px 45px; margin-top: 0.85em; margin-bottom: 0.85em; display: inline-block; clear: both; transition: 300ms;} .btn-primary:hover {color: white; opacity: 0.8;} .btn-primary:focus, .btn-primary:active {color: white;} fieldset {background-color: transparent; border: 0; margin: 0; padding: 0;} legend {font-weight: 600; margin-bottom: 0.425em; padding: 0;} label {display: block; font-weight: 600; margin-bottom: 0.425em;} input, select {display: block; font-family: "Open Sans", sans-serif; font-size: 1em;} input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea, select[multiple] {background-color: #ffffff; border: 1px solid #ededed; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06); box-sizing: border-box; font-family: "Open Sans", sans-serif; font-size: 1em; margin-bottom: 0.85em; padding: 0.56667em; transition: border-color 300ms ease; width: 100%;} input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, input:not([type]):hover, textarea:hover, select[multiple]:hover {border-color: #bebebe;} input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus, select[multiple]:focus {border-color: #fab613; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(238, 170, 5, 0.7); outline: none;} input[type="color"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="email"]:disabled, input[type="month"]:disabled, input[type="number"]:disabled, input[type="password"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="text"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="week"]:disabled, input:not([type]):disabled, textarea:disabled, select[multiple]:disabled {background-color: #f2f2f2; cursor: not-allowed;} input[type="color"]:disabled:hover, input[type="date"]:disabled:hover, input[type="datetime"]:disabled:hover, input[type="datetime-local"]:disabled:hover, input[type="email"]:disabled:hover, input[type="month"]:disabled:hover, input[type="number"]:disabled:hover, input[type="password"]:disabled:hover, input[type="search"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="text"]:disabled:hover, input[type="time"]:disabled:hover, input[type="url"]:disabled:hover, input[type="week"]:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover, select[multiple]:disabled:hover {border: 1px solid #ededed;} textarea {resize: vertical;} [type="search"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;} [type="checkbox"], [type="radio"] {display: inline; margin-right: 0.425em;} [type="file"] {margin-bottom: 0.85em; width: 100%;} select {margin-bottom: 1.7em; max-width: 100%; width: auto;} ul, ol {list-style-type: none; margin: 0; padding: 0;} dl {margin-bottom: 0.85em;} dl dt {font-weight: 600; margin-top: 0.85em;} dl dd {margin: 0;} .content-constrain ul {list-style: outside; margin-left: 20px;} .content-constrain ul li {margin: 0.85em 0;} table {border-collapse: collapse; margin: 0.85em 0; table-layout: fixed; width: 100%;} th {border-bottom: 1px solid #b2b2b2; font-weight: 600; padding: 0.85em 0; text-align: left;} td {border-bottom: 1px solid #ededed; padding: 0.85em 0;} tr, td, th {vertical-align: middle;} body {background-color: #ffffff; color: #929292; font-family: "PT Serif", serif; font-size: 1rem; line-height: 1.81; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden;} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .career-highlights h1, .career-highlights h2, .career-highlights h3, .career-highlights h4, .career-highlights h5, .career-highlights h6, .career-highlights .homepage-carousel .discover-photo h3, .homepage-carousel .discover-photo .career-highlights h3, .bricks .brick.career-highlight .inside-brick h1, .bricks .brick.career-highlight .inside-brick h2, .bricks .brick.career-highlight .inside-brick h3, .bricks .brick.career-highlight .inside-brick h4, .bricks .brick.career-highlight .inside-brick h5, .bricks .brick.career-highlight .inside-brick h6, .h5, h6, .homepage-carousel .discover-photo h3, .h6 {font-family: "PT Serif", serif; line-height: 1.4; margin: 0 0 0.85em; color: #000000;} h1, .h1 {font-size: 6rem; line-height: 1.02;} h2, .h2 {font-size: 1.95em;} h3, .h3 {font-size: 1.75em;} h4, .h4 {font-size: 1.5em;} h5, .career-highlights h1, .career-highlights h2, .career-highlights h3, .career-highlights h4, .career-highlights h5, .career-highlights h6, .career-highlights .homepage-carousel .discover-photo h3, .homepage-carousel .discover-photo .career-highlights h3, .bricks .brick.career-highlight .inside-brick h1, .bricks .brick.career-highlight .inside-brick h2, .bricks .brick.career-highlight .inside-brick h3, .bricks .brick.career-highlight .inside-brick h4, .bricks .brick.career-highlight .inside-brick h5, .bricks .brick.career-highlight .inside-brick h6, .h5 {font-size: 1.25em;} h6, .homepage-carousel .discover-photo h3, .h6 {font-size: 1em;} p {margin: 0 0 30px;} a {color: #fab613; text-decoration: none; transition: color 300ms ease;} a:active, a:focus, a:hover {color: #bc890e;} hr {border-bottom: 1px solid #ededed; border-left: 0; border-right: 0; border-top: 0; margin: 1.7em 0;} img, picture {margin: 0; max-width: 100%; height: auto;} .text-center {text-align: center;} .text-right {text-align: right;} .text-left {text-align: left;} /* ====== media ====== */ .media {margin: 0;} .media, .bd {overflow: hidden; _overflow: visible; zoom: 1;} .media .img {float: left; margin-right: 10px;} .media .img img {display: block;} .media .imgExt {float: right; margin-left: 10px;} .img--bg-cover {position: fixed; top: -50%; left: -50%; width: 200%; height: 200%;} .img--bg-cover img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%;} /* * Bootstrap - Collapse * ================================================= */ .collapse {max-height: 0; overflow: hidden;} .collapse.in {max-height: none;} .collapsing {position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .35s; transition-property: height, visibility;} html {box-sizing: border-box;} *, *::after, *::before {box-sizing: inherit;} /*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */ @font-face {font-family: "Ionicons"; src: url("../../../bower_components/ionicons/fonts//ionicons.eot?v=2.0.0"); src: url("../../../bower_components/ionicons/fonts//ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../../../bower_components/ionicons/fonts//ionicons.ttf?v=2.0.0") format("truetype"), url("../../../bower_components/ionicons/fonts//ionicons.woff?v=2.0.0") format("woff"), url("../../../bower_components/ionicons/fonts//ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal;} .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before {display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .ion-alert:before {content: "";} .ion-alert-circled:before {content: "";} .ion-android-add:before {content: "";} .ion-android-add-circle:before {content: "";} .ion-android-alarm-clock:before {content: "";} .ion-android-alert:before {content: "";} .ion-android-apps:before {content: "";} .ion-android-archive:before {content: "";} .ion-android-arrow-back:before {content: "";} .ion-android-arrow-down:before {content: "";} .ion-android-arrow-dropdown:before {content: "";} .ion-android-arrow-dropdown-circle:before {content: "";} .ion-android-arrow-dropleft:before {content: "";} .ion-android-arrow-dropleft-circle:before {content: "";} .ion-android-arrow-dropright:before {content: "";} .ion-android-arrow-dropright-circle:before {content: "";} .ion-android-arrow-dropup:before {content: "";} .ion-android-arrow-dropup-circle:before {content: "";} .ion-android-arrow-forward:before {content: "";} .ion-android-arrow-up:before {content: "";} .ion-android-attach:before {content: "";} .ion-android-bar:before {content: "";} .ion-android-bicycle:before {content: "";} .ion-android-boat:before {content: "";} .ion-android-bookmark:before {content: "";} .ion-android-bulb:before {content: "";} .ion-android-bus:before {content: "";} .ion-android-calendar:before {content: "";} .ion-android-call:before {content: "";} .ion-android-camera:before {content: "";} .ion-android-cancel:before {content: "";} .ion-android-car:before {content: "";} .ion-android-cart:before {content: "";} .ion-android-chat:before {content: "";} .ion-android-checkbox:before {content: "";} .ion-android-checkbox-blank:before {content: "";} .ion-android-checkbox-outline:before {content: "";} .ion-android-checkbox-outline-blank:before {content: "";} .ion-android-checkmark-circle:before {content: "";} .ion-android-clipboard:before {content: "";} .ion-android-close:before {content: "";} .ion-android-cloud:before {content: "";} .ion-android-cloud-circle:before {content: "";} .ion-android-cloud-done:before {content: "";} .ion-android-cloud-outline:before {content: "";} .ion-android-color-palette:before {content: "";} .ion-android-compass:before {content: "";} .ion-android-contact:before {content: "";} .ion-android-contacts:before {content: "";} .ion-android-contract:before {content: "";} .ion-android-create:before {content: "";} .ion-android-delete:before {content: "";} .ion-android-desktop:before {content: "";} .ion-android-document:before {content: "";} .ion-android-done:before {content: "";} .ion-android-done-all:before {content: "";} .ion-android-download:before {content: "";} .ion-android-drafts:before {content: "";} .ion-android-exit:before {content: "";} .ion-android-expand:before {content: "";} .ion-android-favorite:before {content: "";} .ion-android-favorite-outline:before {content: "";} .ion-android-film:before {content: "";} .ion-android-folder:before {content: "";} .ion-android-folder-open:before {content: "";} .ion-android-funnel:before {content: "";} .ion-android-globe:before {content: "";} .ion-android-hand:before {content: "";} .ion-android-hangout:before {content: "";} .ion-android-happy:before {content: "";} .ion-android-home:before {content: "";} .ion-android-image:before {content: "";} .ion-android-laptop:before {content: "";} .ion-android-list:before {content: "";} .ion-android-locate:before {content: "";} .ion-android-lock:before {content: "";} .ion-android-mail:before {content: "";} .ion-android-map:before {content: "";} .ion-android-menu:before {content: "";} .ion-android-microphone:before {content: "";} .ion-android-microphone-off:before {content: "";} .ion-android-more-horizontal:before {content: "";} .ion-android-more-vertical:before {content: "";} .ion-android-navigate:before {content: "";} .ion-android-notifications:before {content: "";} .ion-android-notifications-none:before {content: "";} .ion-android-notifications-off:before {content: "";} .ion-android-open:before {content: "";} .ion-android-options:before {content: "";} .ion-android-people:before {content: "";} .ion-android-person:before {content: "";} .ion-android-person-add:before {content: "";} .ion-android-phone-landscape:before {content: "";} .ion-android-phone-portrait:before {content: "";} .ion-android-pin:before {content: "";} .ion-android-plane:before {content: "";} .ion-android-playstore:before {content: "";} .ion-android-print:before {content: "";} .ion-android-radio-button-off:before {content: "";} .ion-android-radio-button-on:before {content: "";} .ion-android-refresh:before {content: "";} .ion-android-remove:before {content: "";} .ion-android-remove-circle:before {content: "";} .ion-android-restaurant:before {content: "";} .ion-android-sad:before {content: "";} .ion-android-search:before {content: "";} .ion-android-send:before {content: "";} .ion-android-settings:before {content: "";} .ion-android-share:before {content: "";} .ion-android-share-alt:before {content: "";} .ion-android-star:before {content: "";} .ion-android-star-half:before {content: "";} .ion-android-star-outline:before {content: "";} .ion-android-stopwatch:before {content: "";} .ion-android-subway:before {content: "";} .ion-android-sunny:before {content: "";} .ion-android-sync:before {content: "";} .ion-android-textsms:before {content: "";} .ion-android-time:before {content: "";} .ion-android-train:before {content: "";} .ion-android-unlock:before {content: "";} .ion-android-upload:before {content: "";} .ion-android-volume-down:before {content: "";} .ion-android-volume-mute:before {content: "";} .ion-android-volume-off:before {content: "";} .ion-android-volume-up:before {content: "";} .ion-android-walk:before {content: "";} .ion-android-warning:before {content: "";} .ion-android-watch:before {content: "";} .ion-android-wifi:before {content: "";} .ion-aperture:before {content: "";} .ion-archive:before {content: "";} .ion-arrow-down-a:before {content: "";} .ion-arrow-down-b:before {content: "";} .ion-arrow-down-c:before {content: "";} .ion-arrow-expand:before {content: "";} .ion-arrow-graph-down-left:before {content: "";} .ion-arrow-graph-down-right:before {content: "";} .ion-arrow-graph-up-left:before {content: "";} .ion-arrow-graph-up-right:before {content: "";} .ion-arrow-left-a:before {content: "";} .ion-arrow-left-b:before {content: "";} .ion-arrow-left-c:before {content: "";} .ion-arrow-move:before {content: "";} .ion-arrow-resize:before {content: "";} .ion-arrow-return-left:before {content: "";} .ion-arrow-return-right:before {content: "";} .ion-arrow-right-a:before {content: "";} .ion-arrow-right-b:before {content: "";} .ion-arrow-right-c:before {content: "";} .ion-arrow-shrink:before {content: "";} .ion-arrow-swap:before {content: "";} .ion-arrow-up-a:before {content: "";} .ion-arrow-up-b:before {content: "";} .ion-arrow-up-c:before {content: "";} .ion-asterisk:before {content: "";} .ion-at:before {content: "";} .ion-backspace:before {content: "";} .ion-backspace-outline:before {content: "";} .ion-bag:before {content: "";} .ion-battery-charging:before {content: "";} .ion-battery-empty:before {content: "";} .ion-battery-full:before {content: "";} .ion-battery-half:before {content: "";} .ion-battery-low:before {content: "";} .ion-beaker:before {content: "";} .ion-beer:before {content: "";} .ion-bluetooth:before {content: "";} .ion-bonfire:before {content: "";} .ion-bookmark:before {content: "";} .ion-bowtie:before {content: "";} .ion-briefcase:before {content: "";} .ion-bug:before {content: "";} .ion-calculator:before {content: "";} .ion-calendar:before {content: "";} .ion-camera:before {content: "";} .ion-card:before {content: "";} .ion-cash:before {content: "";} .ion-chatbox:before {content: "";} .ion-chatbox-working:before {content: "";} .ion-chatboxes:before {content: "";} .ion-chatbubble:before {content: "";} .ion-chatbubble-working:before {content: "";} .ion-chatbubbles:before {content: "";} .ion-checkmark:before {content: "";} .ion-checkmark-circled:before {content: "";} .ion-checkmark-round:before {content: "";} .ion-chevron-down:before {content: "";} .ion-chevron-left:before {content: "";} .ion-chevron-right:before {content: "";} .ion-chevron-up:before {content: "";} .ion-clipboard:before {content: "";} .ion-clock:before {content: "";} .ion-close:before {content: "";} .ion-close-circled:before {content: "";} .ion-close-round:before {content: "";} .ion-closed-captioning:before {content: "";} .ion-cloud:before {content: "";} .ion-code:before {content: "";} .ion-code-download:before {content: "";} .ion-code-working:before {content: "";} .ion-coffee:before {content: "";} .ion-compass:before {content: "";} .ion-compose:before {content: "";} .ion-connection-bars:before {content: "";} .ion-contrast:before {content: "";} .ion-crop:before {content: "";} .ion-cube:before {content: "";} .ion-disc:before {content: "";} .ion-document:before {content: "";} .ion-document-text:before {content: "";} .ion-drag:before {content: "";} .ion-earth:before {content: "";} .ion-easel:before {content: "";} .ion-edit:before {content: "";} .ion-egg:before {content: "";} .ion-eject:before {content: "";} .ion-email:before {content: "";} .ion-email-unread:before {content: "";} .ion-erlenmeyer-flask:before {content: "";} .ion-erlenmeyer-flask-bubbles:before {content: "";} .ion-eye:before {content: "";} .ion-eye-disabled:before {content: "";} .ion-female:before {content: "";} .ion-filing:before {content: "";} .ion-film-marker:before {content: "";} .ion-fireball:before {content: "";} .ion-flag:before {content: "";} .ion-flame:before {content: "";} .ion-flash:before {content: "";} .ion-flash-off:before {content: "";} .ion-folder:before {content: "";} .ion-fork:before {content: "";} .ion-fork-repo:before {content: "";} .ion-forward:before {content: "";} .ion-funnel:before {content: "";} .ion-gear-a:before {content: "";} .ion-gear-b:before {content: "";} .ion-grid:before {content: "";} .ion-hammer:before {content: "";} .ion-happy:before {content: "";} .ion-happy-outline:before {content: "";} .ion-headphone:before {content: "";} .ion-heart:before {content: "";} .ion-heart-broken:before {content: "";} .ion-help:before {content: "";} .ion-help-buoy:before {content: "";} .ion-help-circled:before {content: "";} .ion-home:before {content: "";} .ion-icecream:before {content: "";} .ion-image:before {content: "";} .ion-images:before {content: "";} .ion-information:before {content: "";} .ion-information-circled:before {content: "";} .ion-ionic:before {content: "";} .ion-ios-alarm:before {content: "";} .ion-ios-alarm-outline:before {content: "";} .ion-ios-albums:before {content: "";} .ion-ios-albums-outline:before {content: "";} .ion-ios-americanfootball:before {content: "";} .ion-ios-americanfootball-outline:before {content: "";} .ion-ios-analytics:before {content: "";} .ion-ios-analytics-outline:before {content: "";} .ion-ios-arrow-back:before {content: "";} .ion-ios-arrow-down:before {content: "";} .ion-ios-arrow-forward:before {content: "";} .ion-ios-arrow-left:before {content: "";} .ion-ios-arrow-right:before {content: "";} .ion-ios-arrow-thin-down:before {content: "";} .ion-ios-arrow-thin-left:before {content: "";} .ion-ios-arrow-thin-right:before {content: "";} .ion-ios-arrow-thin-up:before {content: "";} .ion-ios-arrow-up:before {content: "";} .ion-ios-at:before {content: "";} .ion-ios-at-outline:before {content: "";} .ion-ios-barcode:before {content: "";} .ion-ios-barcode-outline:before {content: "";} .ion-ios-baseball:before {content: "";} .ion-ios-baseball-outline:before {content: "";} .ion-ios-basketball:before {content: "";} .ion-ios-basketball-outline:before {content: "";} .ion-ios-bell:before {content: "";} .ion-ios-bell-outline:before {content: "";} .ion-ios-body:before {content: "";} .ion-ios-body-outline:before {content: "";} .ion-ios-bolt:before {content: "";} .ion-ios-bolt-outline:before {content: "";} .ion-ios-book:before {content: "";} .ion-ios-book-outline:before {content: "";} .ion-ios-bookmarks:before {content: "";} .ion-ios-bookmarks-outline:before {content: "";} .ion-ios-box:before {content: "";} .ion-ios-box-outline:before {content: "";} .ion-ios-briefcase:before {content: "";} .ion-ios-briefcase-outline:before {content: "";} .ion-ios-browsers:before {content: "";} .ion-ios-browsers-outline:before {content: "";} .ion-ios-calculator:before {content: "";} .ion-ios-calculator-outline:before {content: "";} .ion-ios-calendar:before {content: "";} .ion-ios-calendar-outline:before {content: "";} .ion-ios-camera:before {content: "";} .ion-ios-camera-outline:before {content: "";} .ion-ios-cart:before {content: "";} .ion-ios-cart-outline:before {content: "";} .ion-ios-chatboxes:before {content: "";} .ion-ios-chatboxes-outline:before {content: "";} .ion-ios-chatbubble:before {content: "";} .ion-ios-chatbubble-outline:before {content: "";} .ion-ios-checkmark:before {content: "";} .ion-ios-checkmark-empty:before {content: "";} .ion-ios-checkmark-outline:before {content: "";} .ion-ios-circle-filled:before {content: "";} .ion-ios-circle-outline:before {content: "";} .ion-ios-clock:before {content: "";} .ion-ios-clock-outline:before {content: "";} .ion-ios-close:before {content: "";} .ion-ios-close-empty:before {content: "";} .ion-ios-close-outline:before {content: "";} .ion-ios-cloud:before {content: "";} .ion-ios-cloud-download:before {content: "";} .ion-ios-cloud-download-outline:before {content: "";} .ion-ios-cloud-outline:before {content: "";} .ion-ios-cloud-upload:before {content: "";} .ion-ios-cloud-upload-outline:before {content: "";} .ion-ios-cloudy:before {content: "";} .ion-ios-cloudy-night:before {content: "";} .ion-ios-cloudy-night-outline:before {content: "";} .ion-ios-cloudy-outline:before {content: "";} .ion-ios-cog:before {content: "";} .ion-ios-cog-outline:before {content: "";} .ion-ios-color-filter:before {content: "";} .ion-ios-color-filter-outline:before {content: "";} .ion-ios-color-wand:before {content: "";} .ion-ios-color-wand-outline:before {content: "";} .ion-ios-compose:before {content: "";} .ion-ios-compose-outline:before {content: "";} .ion-ios-contact:before {content: "";} .ion-ios-contact-outline:before {content: "";} .ion-ios-copy:before {content: "";} .ion-ios-copy-outline:before {content: "";} .ion-ios-crop:before {content: "";} .ion-ios-crop-strong:before {content: "";} .ion-ios-download:before {content: "";} .ion-ios-download-outline:before {content: "";} .ion-ios-drag:before {content: "";} .ion-ios-email:before {content: "";} .ion-ios-email-outline:before {content: "";} .ion-ios-eye:before {content: "";} .ion-ios-eye-outline:before {content: "";} .ion-ios-fastforward:before {content: "";} .ion-ios-fastforward-outline:before {content: "";} .ion-ios-filing:before {content: "";} .ion-ios-filing-outline:before {content: "";} .ion-ios-film:before {content: "";} .ion-ios-film-outline:before {content: "";} .ion-ios-flag:before {content: "";} .ion-ios-flag-outline:before {content: "";} .ion-ios-flame:before {content: "";} .ion-ios-flame-outline:before {content: "";} .ion-ios-flask:before {content: "";} .ion-ios-flask-outline:before {content: "";} .ion-ios-flower:before {content: "";} .ion-ios-flower-outline:before {content: "";} .ion-ios-folder:before {content: "";} .ion-ios-folder-outline:before {content: "";} .ion-ios-football:before {content: "";} .ion-ios-football-outline:before {content: "";} .ion-ios-game-controller-a:before {content: "";} .ion-ios-game-controller-a-outline:before {content: "";} .ion-ios-game-controller-b:before {content: "";} .ion-ios-game-controller-b-outline:before {content: "";} .ion-ios-gear:before {content: "";} .ion-ios-gear-outline:before {content: "";} .ion-ios-glasses:before {content: "";} .ion-ios-glasses-outline:before {content: "";} .ion-ios-grid-view:before {content: "";} .ion-ios-grid-view-outline:before {content: "";} .ion-ios-heart:before {content: "";} .ion-ios-heart-outline:before {content: "";} .ion-ios-help:before {content: "";} .ion-ios-help-empty:before {content: "";} .ion-ios-help-outline:before {content: "";} .ion-ios-home:before {content: "";} .ion-ios-home-outline:before {content: "";} .ion-ios-infinite:before {content: "";} .ion-ios-infinite-outline:before {content: "";} .ion-ios-information:before {content: "";} .ion-ios-information-empty:before {content: "";} .ion-ios-information-outline:before {content: "";} .ion-ios-ionic-outline:before {content: "";} .ion-ios-keypad:before {content: "";} .ion-ios-keypad-outline:before {content: "";} .ion-ios-lightbulb:before {content: "";} .ion-ios-lightbulb-outline:before {content: "";} .ion-ios-list:before {content: "";} .ion-ios-list-outline:before {content: "";} .ion-ios-location:before {content: "";} .ion-ios-location-outline:before {content: "";} .ion-ios-locked:before {content: "";} .ion-ios-locked-outline:before {content: "";} .ion-ios-loop:before {content: "";} .ion-ios-loop-strong:before {content: "";} .ion-ios-medical:before {content: "";} .ion-ios-medical-outline:before {content: "";} .ion-ios-medkit:before {content: "";} .ion-ios-medkit-outline:before {content: "";} .ion-ios-mic:before {content: "";} .ion-ios-mic-off:before {content: "";} .ion-ios-mic-outline:before {content: "";} .ion-ios-minus:before {content: "";} .ion-ios-minus-empty:before {content: "";} .ion-ios-minus-outline:before {content: "";} .ion-ios-monitor:before {content: "";} .ion-ios-monitor-outline:before {content: "";} .ion-ios-moon:before {content: "";} .ion-ios-moon-outline:before {content: "";} .ion-ios-more:before {content: "";} .ion-ios-more-outline:before {content: "";} .ion-ios-musical-note:before {content: "";} .ion-ios-musical-notes:before {content: "";} .ion-ios-navigate:before {content: "";} .ion-ios-navigate-outline:before {content: "";} .ion-ios-nutrition:before {content: "";} .ion-ios-nutrition-outline:before {content: "";} .ion-ios-paper:before {content: "";} .ion-ios-paper-outline:before {content: "";} .ion-ios-paperplane:before {content: "";} .ion-ios-paperplane-outline:before {content: "";} .ion-ios-partlysunny:before {content: "";} .ion-ios-partlysunny-outline:before {content: "";} .ion-ios-pause:before {content: "";} .ion-ios-pause-outline:before {content: "";} .ion-ios-paw:before {content: "";} .ion-ios-paw-outline:before {content: "";} .ion-ios-people:before {content: "";} .ion-ios-people-outline:before {content: "";} .ion-ios-person:before {content: "";} .ion-ios-person-outline:before {content: "";} .ion-ios-personadd:before {content: "";} .ion-ios-personadd-outline:before {content: "";} .ion-ios-photos:before {content: "";} .ion-ios-photos-outline:before {content: "";} .ion-ios-pie:before {content: "";} .ion-ios-pie-outline:before {content: "";} .ion-ios-pint:before {content: "";} .ion-ios-pint-outline:before {content: "";} .ion-ios-play:before {content: "";} .ion-ios-play-outline:before {content: "";} .ion-ios-plus:before {content: "";} .ion-ios-plus-empty:before {content: "";} .ion-ios-plus-outline:before {content: "";} .ion-ios-pricetag:before {content: "";} .ion-ios-pricetag-outline:before {content: "";} .ion-ios-pricetags:before {content: "";} .ion-ios-pricetags-outline:before {content: "";} .ion-ios-printer:before {content: "";} .ion-ios-printer-outline:before {content: "";} .ion-ios-pulse:before {content: "";} .ion-ios-pulse-strong:before {content: "";} .ion-ios-rainy:before {content: "";} .ion-ios-rainy-outline:before {content: "";} .ion-ios-recording:before {content: "";} .ion-ios-recording-outline:before {content: "";} .ion-ios-redo:before {content: "";} .ion-ios-redo-outline:before {content: "";} .ion-ios-refresh:before {content: "";} .ion-ios-refresh-empty:before {content: "";} .ion-ios-refresh-outline:before {content: "";} .ion-ios-reload:before {content: "";} .ion-ios-reverse-camera:before {content: "";} .ion-ios-reverse-camera-outline:before {content: "";} .ion-ios-rewind:before {content: "";} .ion-ios-rewind-outline:before {content: "";} .ion-ios-rose:before {content: "";} .ion-ios-rose-outline:before {content: "";} .ion-ios-search:before {content: "";} .ion-ios-search-strong:before {content: "";} .ion-ios-settings:before {content: "";} .ion-ios-settings-strong:before {content: "";} .ion-ios-shuffle:before {content: "";} .ion-ios-shuffle-strong:before {content: "";} .ion-ios-skipbackward:before {content: "";} .ion-ios-skipbackward-outline:before {content: "";} .ion-ios-skipforward:before {content: "";} .ion-ios-skipforward-outline:before {content: "";} .ion-ios-snowy:before {content: "";} .ion-ios-speedometer:before {content: "";} .ion-ios-speedometer-outline:before {content: "";} .ion-ios-star:before {content: "";} .ion-ios-star-half:before {content: "";} .ion-ios-star-outline:before {content: "";} .ion-ios-stopwatch:before {content: "";} .ion-ios-stopwatch-outline:before {content: "";} .ion-ios-sunny:before {content: "";} .ion-ios-sunny-outline:before {content: "";} .ion-ios-telephone:before {content: "";} .ion-ios-telephone-outline:before {content: "";} .ion-ios-tennisball:before {content: "";} .ion-ios-tennisball-outline:before {content: "";} .ion-ios-thunderstorm:before {content: "";} .ion-ios-thunderstorm-outline:before {content: "";} .ion-ios-time:before {content: "";} .ion-ios-time-outline:before {content: "";} .ion-ios-timer:before {content: "";} .ion-ios-timer-outline:before {content: "";} .ion-ios-toggle:before {content: "";} .ion-ios-toggle-outline:before {content: "";} .ion-ios-trash:before {content: "";} .ion-ios-trash-outline:before {content: "";} .ion-ios-undo:before {content: "";} .ion-ios-undo-outline:before {content: "";} .ion-ios-unlocked:before {content: "";} .ion-ios-unlocked-outline:before {content: "";} .ion-ios-upload:before {content: "";} .ion-ios-upload-outline:before {content: "";} .ion-ios-videocam:before {content: "";} .ion-ios-videocam-outline:before {content: "";} .ion-ios-volume-high:before {content: "";} .ion-ios-volume-low:before {content: "";} .ion-ios-wineglass:before {content: "";} .ion-ios-wineglass-outline:before {content: "";} .ion-ios-world:before {content: "";} .ion-ios-world-outline:before {content: "";} .ion-ipad:before {content: "";} .ion-iphone:before {content: "";} .ion-ipod:before {content: "";} .ion-jet:before {content: "";} .ion-key:before {content: "";} .ion-knife:before {content: "";} .ion-laptop:before {content: "";} .ion-leaf:before {content: "";} .ion-levels:before {content: "";} .ion-lightbulb:before {content: "";} .ion-link:before {content: "";} .ion-load-a:before {content: "";} .ion-load-b:before {content: "";} .ion-load-c:before {content: "";} .ion-load-d:before {content: "";} .ion-location:before {content: "";} .ion-lock-combination:before {content: "";} .ion-locked:before {content: "";} .ion-log-in:before {content: "";} .ion-log-out:before {content: "";} .ion-loop:before {content: "";} .ion-magnet:before {content: "";} .ion-male:before {content: "";} .ion-man:before {content: "";} .ion-map:before {content: "";} .ion-medkit:before {content: "";} .ion-merge:before {content: "";} .ion-mic-a:before {content: "";} .ion-mic-b:before {content: "";} .ion-mic-c:before {content: "";} .ion-minus:before {content: "";} .ion-minus-circled:before {content: "";} .ion-minus-round:before {content: "";} .ion-model-s:before {content: "";} .ion-monitor:before {content: "";} .ion-more:before {content: "";} .ion-mouse:before {content: "";} .ion-music-note:before {content: "";} .ion-navicon:before {content: "";} .ion-navicon-round:before {content: "";} .ion-navigate:before {content: "";} .ion-network:before {content: "";} .ion-no-smoking:before {content: "";} .ion-nuclear:before {content: "";} .ion-outlet:before {content: "";} .ion-paintbrush:before {content: "";} .ion-paintbucket:before {content: "";} .ion-paper-airplane:before {content: "";} .ion-paperclip:before {content: "";} .ion-pause:before {content: "";} .ion-person:before {content: "";} .ion-person-add:before {content: "";} .ion-person-stalker:before {content: "";} .ion-pie-graph:before {content: "";} .ion-pin:before {content: "";} .ion-pinpoint:before {content: "";} .ion-pizza:before {content: "";} .ion-plane:before {content: "";} .ion-planet:before {content: "";} .ion-play:before {content: "";} .ion-playstation:before {content: "";} .ion-plus:before {content: "";} .ion-plus-circled:before {content: "";} .ion-plus-round:before {content: "";} .ion-podium:before {content: "";} .ion-pound:before {content: "";} .ion-power:before {content: "";} .ion-pricetag:before {content: "";} .ion-pricetags:before {content: "";} .ion-printer:before {content: "";} .ion-pull-request:before {content: "";} .ion-qr-scanner:before {content: "";} .ion-quote:before {content: "";} .ion-radio-waves:before {content: "";} .ion-record:before {content: "";} .ion-refresh:before {content: "";} .ion-reply:before {content: "";} .ion-reply-all:before {content: "";} .ion-ribbon-a:before {content: "";} .ion-ribbon-b:before {content: "";} .ion-sad:before {content: "";} .ion-sad-outline:before {content: "";} .ion-scissors:before {content: "";} .ion-search:before {content: "";} .ion-settings:before {content: "";} .ion-share:before {content: "";} .ion-shuffle:before {content: "";} .ion-skip-backward:before {content: "";} .ion-skip-forward:before {content: "";} .ion-social-android:before {content: "";} .ion-social-android-outline:before {content: "";} .ion-social-angular:before {content: "";} .ion-social-angular-outline:before {content: "";} .ion-social-apple:before {content: "";} .ion-social-apple-outline:before {content: "";} .ion-social-bitcoin:before {content: "";} .ion-social-bitcoin-outline:before {content: "";} .ion-social-buffer:before {content: "";} .ion-social-buffer-outline:before {content: "";} .ion-social-chrome:before {content: "";} .ion-social-chrome-outline:before {content: "";} .ion-social-codepen:before {content: "";} .ion-social-codepen-outline:before {content: "";} .ion-social-css3:before {content: "";} .ion-social-css3-outline:before {content: "";} .ion-social-designernews:before {content: "";} .ion-social-designernews-outline:before {content: "";} .ion-social-dribbble:before {content: "";} .ion-social-dribbble-outline:before {content: "";} .ion-social-dropbox:before {content: "";} .ion-social-dropbox-outline:before {content: "";} .ion-social-euro:before {content: "";} .ion-social-euro-outline:before {content: "";} .ion-social-facebook:before {content: "";} .ion-social-facebook-outline:before {content: "";} .ion-social-foursquare:before {content: "";} .ion-social-foursquare-outline:before {content: "";} .ion-social-freebsd-devil:before {content: "";} .ion-social-github:before {content: "";} .ion-social-github-outline:before {content: "";} .ion-social-google:before {content: "";} .ion-social-google-outline:before {content: "";} .ion-social-googleplus:before {content: "";} .ion-social-googleplus-outline:before {content: "";} .ion-social-hackernews:before {content: "";} .ion-social-hackernews-outline:before {content: "";} .ion-social-html5:before {content: "";} .ion-social-html5-outline:before {content: "";} .ion-social-instagram:before {content: "";} .ion-social-instagram-outline:before {content: "";} .ion-social-javascript:before {content: "";} .ion-social-javascript-outline:before {content: "";} .ion-social-linkedin:before {content: "";} .ion-social-linkedin-outline:before {content: "";} .ion-social-markdown:before {content: "";} .ion-social-nodejs:before {content: "";} .ion-social-octocat:before {content: "";} .ion-social-pinterest:before {content: "";} .ion-social-pinterest-outline:before {content: "";} .ion-social-python:before {content: "";} .ion-social-reddit:before {content: "";} .ion-social-reddit-outline:before {content: "";} .ion-social-rss:before {content: "";} .ion-social-rss-outline:before {content: "";} .ion-social-sass:before {content: "";} .ion-social-skype:before {content: "";} .ion-social-skype-outline:before {content: "";} .ion-social-snapchat:before {content: "";} .ion-social-snapchat-outline:before {content: "";} .ion-social-tumblr:before {content: "";} .ion-social-tumblr-outline:before {content: "";} .ion-social-tux:before {content: "";} .ion-social-twitch:before {content: "";} .ion-social-twitch-outline:before {content: "";} .ion-social-twitter:before {content: "";} .ion-social-twitter-outline:before {content: "";} .ion-social-usd:before {content: "";} .ion-social-usd-outline:before {content: "";} .ion-social-vimeo:before {content: "";} .ion-social-vimeo-outline:before {content: "";} .ion-social-whatsapp:before {content: "";} .ion-social-whatsapp-outline:before {content: "";} .ion-social-windows:before {content: "";} .ion-social-windows-outline:before {content: "";} .ion-social-wordpress:before {content: "";} .ion-social-wordpress-outline:before {content: "";} .ion-social-yahoo:before {content: "";} .ion-social-yahoo-outline:before {content: "";} .ion-social-yen:before {content: "";} .ion-social-yen-outline:before {content: "";} .ion-social-youtube:before {content: "";} .ion-social-youtube-outline:before {content: "";} .ion-soup-can:before {content: "";} .ion-soup-can-outline:before {content: "";} .ion-speakerphone:before {content: "";} .ion-speedometer:before {content: "";} .ion-spoon:before {content: "";} .ion-star:before {content: "";} .ion-stats-bars:before {content: "";} .ion-steam:before {content: "";} .ion-stop:before {content: "";} .ion-thermometer:before {content: "";} .ion-thumbsdown:before {content: "";} .ion-thumbsup:before {content: "";} .ion-toggle:before {content: "";} .ion-toggle-filled:before {content: "";} .ion-transgender:before {content: "";} .ion-trash-a:before {content: "";} .ion-trash-b:before {content: "";} .ion-trophy:before {content: "";} .ion-tshirt:before {content: "";} .ion-tshirt-outline:before {content: "";} .ion-umbrella:before {content: "";} .ion-university:before {content: "";} .ion-unlocked:before {content: "";} .ion-upload:before {content: "";} .ion-usb:before {content: "";} .ion-videocamera:before {content: "";} .ion-volume-high:before {content: "";} .ion-volume-low:before {content: "";} .ion-volume-medium:before {content: "";} .ion-volume-mute:before {content: "";} .ion-wand:before {content: "";} .ion-waterdrop:before {content: "";} .ion-wifi:before {content: "";} .ion-wineglass:before {content: "";} .ion-woman:before {content: "";} .ion-wrench:before {content: "";} .ion-xbox:before {content: "";} /** Plugins* ========================================== */ /* Slider */ .slider a, .slider-nav a, .slick-slide a {text-indent: -99999px; outline: none;} .slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list {position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track {position: relative; left: 0; top: 0; display: block;} .slick-track:before, .slick-track:after {content: ""; display: table;} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {float: left; height: 100%; min-height: 1px; display: none;} [dir="rtl"] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} @-webkit-keyframes fluidboxLoading { 0% { -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0); transform: translate(-50%, -50%) rotateX(0) rotateY(0);} 50% { -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0); transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);} 100% { -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg); transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);} } @keyframes fluidboxLoading { 0% { -webkit-transform: translate(-50%, -50%) rotateX(0) rotateY(0); transform: translate(-50%, -50%) rotateX(0) rotateY(0);} 50% { -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0); transform: translate(-50%, -50%) rotateX(-180deg) rotateY(0);} 100% { -webkit-transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg); transform: translate(-50%, -50%) rotateX(-180deg) rotateY(-180deg);} } /* Fluid Box */ .fluidbox {outline: none;} .fluidbox__overlay {background-color: rgba(255, 255, 255, 0.85); cursor: pointer; cursor: zoom-out; opacity: 0; pointer-events: none; position: fixed; top: 0; left: 0; bottom: 0; right: 0; /* Transition time for overlay is halved to ensure that flickering doesn't happen */ transition: all 0.5s ease-in-out;} .fluidbox--opened .fluidbox__overlay {pointer-events: auto;} .fluidbox__wrap {background-position: center center; background-size: cover; margin: 0 auto; position: relative; transition: all 0.5s ease-in-out;} .fluidbox__thumb {transition: opacity 0s ease-in-out 0s; /* To prevent flickering, we delay the showing of the image */} .fluidbox--closed .fluidbox__thumb {transition: opacity 0s ease-in-out 0s;} .fluidbox__ghost {background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; position: absolute; transition-duration: 0s, 0.5s; transition-delay: 0s; -webkit-transition-property: opacity, -webkit-transform; /* autoprefixer: off */ transition-property: opacity, -webkit-transform; /* autoprefixer: off */ transition-property: opacity, transform; /* autoprefixer: off */} .fluidbox--opened .fluidbox__ghost {cursor: pointer; cursor: zoom-out;} .fluidbox--closed .fluidbox__ghost {transition-delay: 0.5s, 0s;} .fluidbox__loader {opacity: 0; -webkit-perspective: 200px; perspective: 200px; pointer-events: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0;} .fluidbox__loader::before {/* You can replace this with any color you want, or even a loading gif if desired */ background-color: rgba(255, 255, 255, 0.85); content: ''; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; top: 50%; left: 50%; width: 20%; padding-bottom: 20%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition-property: -webkit-transform; transition-property: transform; transition-duration: 0.5s; transition-delay: 0s;} .fluidbox--loading .fluidbox__loader {opacity: 1; transition: opacity 0.5s ease-in-out 0.5s;} .fluidbox--loading .fluidbox__loader::before {-webkit-animation: fluidboxLoading 1s 0s infinite ease-in-out forwards; animation: fluidboxLoading 1s 0s infinite ease-in-out forwards;} button.mfp-close{cursor: pointer !important} /** Animations* ========================================== */ @-webkit-keyframes FadeIn {0% { opacity: 0;} 100% {opacity: 1;} } @keyframes FadeIn {0% { opacity: 0;} 100% {opacity: 1;} } @-webkit-keyframes FadeOut {0% { opacity: 1;} 100% {opacity: 0;} } @keyframes FadeOut {0% { opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes FadeUpIn {0% {opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes FadeUpIn {0% {opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @-webkit-keyframes FadeLeftIn {0% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes FadeLeftIn {0% {opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @-webkit-keyframes FadeRightIn {0% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes FadeRightIn {0% {opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @-webkit-keyframes FadeDownOut {0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100% {opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} } @keyframes FadeDownOut {0% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 100% {opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} } /** Components* ========================================== */ /* Custom */ .button {display: inline-block; font-size: 1.063rem; line-height: normal; padding: 15px 46px 18px 47px; vertical-align: middle; cursor: pointer; border: none; border-radius: 5px; background-color: #fab613; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; text-align: center; color: #fff;} .button:hover, .button:focus {background-color: #d59805; color: #fff;} .outline-btn {border: 1px solid #fab613; background: transparent; padding: 14px 40px 17px 41px; color: #fab613;} .outline-btn:hover {border: 1px solid #d59805; background: #d59805; color: #fff;} /* FlexBox */ .flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; width: 100%;} .flex-vcenter {-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} .flex-content-center {-ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center;} .flex-center {-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -ms-justify-content: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center;} .flex-nowrap {flex-wrap: nowrap;} /* Header */ .website-header {font-family: "Open Sans", sans-serif; background: rgba(0, 0, 0, 0.75); position: fixed; top: 0; left: 0; width: 100%; z-index: 1050; transition: 500ms;} .website-header::after {clear: both; content: ""; display: table;} .website-header .container {max-width: 1360px; margin: 0 auto; width: 100%;} .website-header .container::after {clear: both; content: ""; display: table;} .container {max-width: 1360px; margin: 0 auto; width: 100%;} .container.sm {max-width: 887px; margin: 0 auto; padding: 0;} .svg-true .st0 {fill: #4D4D4D;} .svg-true .st1 {fill: #F36C24;} .svg-true .st2 {fill: #999999;} .svg-true .st3 {fill: #BFBFBF;} .svg-true .st4 {fill: #737373;} .logo {float: left; cursor: pointer; position: relative; width: 336px;} .logo .text {height: 41px; margin-left: 19px; margin-top: 15px; float: left;} .logo svg {width: 81px; height: 70px; float: left; display: block;} .logo svg .poly {fill: #FFFFFF; fill-opacity: 0.2;} .logo .static {width: 81px; height: 70px; position: absolute; left: 0; transition: 1000ms;} .logo svg.hover {opacity: 0; z-index: 1; transition: 1000ms;} .logo:hover .static {opacity: 0;} .logo svg.hover .poly {-webkit-animation-name: svg; animation-name: svg; -webkit-animation-duration: 2500ms; animation-duration: 2500ms; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .logo svg.hover .poly-1 {-webkit-animation-delay: 0ms; animation-delay: 0ms;} .logo svg.hover .poly-2 {-webkit-animation-delay: 800ms; animation-delay: 800ms;} .logo svg.hover .poly-3 {-webkit-animation-delay: 100ms; animation-delay: 100ms;} .logo svg.hover .poly-4 {-webkit-animation-delay: 300ms; animation-delay: 300ms;} .logo svg.hover .poly-5 {-webkit-animation-delay: 500ms; animation-delay: 500ms;} .logo svg.hover .poly-6 {-webkit-animation-delay: 200ms; animation-delay: 200ms;} .logo svg.hover .poly-7 {-webkit-animation-delay: 400ms; animation-delay: 400ms;} .logo svg.hover .poly-8 {-webkit-animation-delay: 500ms; animation-delay: 500ms;} .logo svg.hover .poly-9 {-webkit-animation-delay: 600ms; animation-delay: 600ms;} .logo:hover svg.hover {opacity: 1;} @-webkit-keyframes svg {0% {opacity: 1;} 20% {opacity: 0;} 50% {opacity: 1;} 85% {opacity: 0;} 100% {opacity: 1;} } @keyframes svg {0% {opacity: 1;} 20% {opacity: 0;} 50% {opacity: 1;} 85% {opacity: 0;} 100% {opacity: 1;} } /* Featured Inductee Slider */ .featured-inductees .inductee a {text-indent: inherit;} /* -------------- Loader1 -------------- */ .loader {position: absolute; height: 103px; width: 90px; top: 50%; left: 50%; margin-top: -51px; margin-left: -45px; transition: opacity 300ms;} .loader {width: 105px; height: 90px;} .loader .poly {fill: #FFFFFF; fill-opacity: 0.2; -webkit-animation-name: loader; animation-name: loader; -webkit-animation-duration: 2500ms; animation-duration: 2500ms; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .loader .poly-1 {-webkit-animation-delay: 0ms; animation-delay: 0ms;} .loader .poly-2 {-webkit-animation-delay: 800ms; animation-delay: 800ms;} .loader .poly-3 {-webkit-animation-delay: 100ms; animation-delay: 100ms;} .loader .poly-4 {-webkit-animation-delay: 300ms; animation-delay: 300ms;} .loader .poly-5 {-webkit-animation-delay: 500ms; animation-delay: 500ms;} .loader .poly-6 {-webkit-animation-delay: 200ms; animation-delay: 200ms;} .loader .poly-7 {-webkit-animation-delay: 400ms; animation-delay: 400ms;} .loader .poly-8 {-webkit-animation-delay: 500ms; animation-delay: 500ms;} .loader .poly-9 {-webkit-animation-delay: 600ms; animation-delay: 600ms;} @-webkit-keyframes loader {0% {opacity: 0;} 20% {opacity: 1;} 50% {opacity: 0;} 85% {opacity: 1;} 100% {opacity: 0;} } @keyframes loader {0% {opacity: 0;} 20% {opacity: 1;} 50% {opacity: 0;} 85% {opacity: 1;} 100% {opacity: 0;} } .pos-relative {position: relative; z-index: 1;} /* Homepage Description */ body.home {background: #000;} .homepage-description {background: black; color: white; clear: both; padding:100px 0 21px;} .homepage-description .wrap::after {clear: both; content: ""; display: table;} .homepage-description .desc-main {padding: 0 0 43px 0; justify-content: space-between;} .homepage-description .desc-lt {width: 40%; flex-grow: 1; margin-right: 2%;} .homepage-description .desc-rt {width: calc(100% - 61.7%); flex-grow: 1; display: flex; justify-content: flex-end; flex-wrap: wrap; padding: 0 15px 0 0;} .homepage-description .desc-rt p a {display: inline-block;} .homepage-description .page-title {color: inherit; font-size: 4rem; padding: 0 0 0 86px; margin-bottom: 30px; line-height: 1.03;} .homepage-description .page-title:before {left: 0;} .homepage-description hr {border-color: #353535;} /* Plan Your Visit */ .video-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.7; overflow: hidden;} .video-bg img {width: 100%; height: 100%; font-family: "object-fit: cover;"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%;} .video-bg:after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000)} .home-plan-visit {clear: both; width: 100%; position: relative; margin-top: -220px; float: left; z-index: 1;} .home-plan-visit .video-bg iframe {position: relative; width: 100vw; height: 100%;} .video-bg video {width: 100%; height: 100%; object-fit: cover;} .plan-visit-inner {display: flex; flex-wrap: wrap; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 178px 0 177px 0; max-width: 1120px; margin: 0 auto; min-height: 902px;} .plan-visit-inner .plan-txt {width: 100%; position: relative;} .plan-visit-inner .h1 {font-size: 6rem; line-height: 1.02; margin: 0 0 41px 0; color: #fff; display: block; max-width: 600px;} .plan-txt:after {content:""; position: absolute; right: 0; bottom: 40px; width: 5px; height:calc(100% - 117px); background: #fab613;} .plan-visit-inner .optional-txt {display: block; font-size: 1.5rem; line-height: 1.21; color: #fff; margin: 0 0 25px 0;} .home .video-bg {opacity: 0.5;} /* Videos Main */ .background-bg {top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: -1;} .background-bg:before {content: ""; background: rgb(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; z-index: 1;} .background-bg:after {content: ""; background: rgb(0,0,0); background: linear-gradient(90deg, rgba(0,0,0,0.77) 0%, rgba(0,0,0,1) 100%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; z-index: 1;} picture.object-fit {width: 100%; height: 100%; display: block;} .object-fit img {width: 100%; height: 100%; font-family: "object-fit: cover"; object-fit: cover; -o-object-fit: cover; object-position: 50% 50%; -o-object-position: 50% 50%;} .play-btn-main {top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: absolute; z-index: 1;} .play-btn {width: 72px; height: 72px; border-radius: 50%; border: solid 1px #fab613;} .play-btn img {width: 13px; height: 19px;} .sec-title {width: 100%; clear: both; position: relative; padding: 0 0 0 48px; margin: 0 0 57px 0; float: left;} .sec-title:before {content: ""; width: 24px; height: 3px; background: #fab613; display: block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;} .sec-title h2 {color: #fff; font-size: 1.625rem; margin: 0;} .videos-main {padding: 59px 0 27px; clear: both; width: 100%; float: left;} .video-wrap {justify-content: space-between;} .videos-lt {width: 47.8%;} .videos-list {display: flex; flex-wrap: wrap; width: 100%;} .video-list {width: 45.38%; margin: 0 0 9.2% 9.2%;} .video-list:nth-child(2n+1) {margin-left: 0;} .video-list h6 {font-size: 0.938rem; line-height: normal;} .video-list h6 a {color: rgba(255, 255, 255, 0.5);} .video-list h6 a:hover {color: #bc890e;} .video-thumb {position: relative; clear: both; width: 100%; line-height: 0; box-shadow: 0 2px 90px 0 rgba(0, 0, 0, 0.5); margin: 0 0 21px 0;} .video-thumb:after {content: ""; background: #000; width: 100%; height: 100%; opacity: 0.4; display: block; position: absolute; top: 0;} .videos-rt {width: calc(100% - 56.4%);} .quick-fact {font-size: 1.375rem; color: #fff; text-align: right; margin-left: auto; padding:34px 40px 41px 40px; line-height: 1.59; border-width: 0 2px 2px 2px; border-color: #fab613; border-style: solid; position: relative;} .quick-fact p {margin: 0;} .quick-fact span {position: absolute; display: flex; right: 0; left: -2px; align-items: center; top: -8px; font-size: 0.625rem; font-family: Open Sans, sans-serif; line-height: normal; color: #fab613; text-transform: uppercase; font-weight: bold; letter-spacing: 3.33px; white-space: nowrap; width: calc(100% + 4px);} .quick-fact span:before, .quick-fact span:after {content: ' '; height: 2px; background: #fab613; display: block; width: 50%;} .quick-fact span:before {margin-right: 17px; width: 92.3%;} .quick-fact span:after {margin-left: 17px; width: 7.8%;} /* New */ .homepage.hero-banner {background: #000; float: left; width: 100%;} .homepage.hero-banner .carousel {display: table; width: 100%;} .carousel-wrap {padding: 118px 50px 0;} .carousel-wrap .pin-spacer {margin: 0 0 77px 0!important;} .carousel-wrap .carousel-list {margin: 0 0 45px 0;} .carousel-wrap .carousel-thumb {margin: 0 60px 0 0; position: relative; font-size: 0; height: 570px; flex:none;} .carousel-wrap .carousel-thumb img {width: auto; height: 100%;} .carousel-intro {text-align: center; max-width: 1361px; padding:0 30px 97px; font-size: 2.125rem; line-height: 1.53; color: #fff; margin: 0 auto; border-bottom: 1px solid #353535;} .carousel-intro p {margin: 0 0 28px;} .banner-left-container {position: relative; width: 64.5%; display: table-cell; vertical-align: bottom; font-size: 0;} .banner-left-container img {-webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 500ms;} .homebanner-sidebar-container { /* float:right; width:100%;*/ display: table-cell; width: 30%; vertical-align: bottom;} .banner-grid {display: block; position: relative; font-size: 0; margin: 9px 0 0 0;} .banner-grid:first-child {margin: 0;} .banner-grid img {width: 100%; max-width: inherit !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 500ms;} .banner-grid img:hover, .banner-left-container img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);} .bnr-txt {position: absolute; bottom: 0; font-family: "Open Sans", sans-serif; width: 100%; padding:10px 65px 68px; box-sizing: border-box;} .bnr-txt span {display: inline-block; text-transform: uppercase; color: #ffffff; font-weight: bold;} .bnr-txt span a {color: #ffffff;} .bnr-txt span a:hover {color: #bc890e;} .bnr-txt span.event-date {color: #000000; background: #efb843; font-size: 0.688rem; padding: 3px 5px 4px 6px; margin-bottom: 10px; line-height: 14px;} .bnr-txt span.event-artist-name {font-size: 1.5rem; display: block; line-height: 22px;} .horizontal { margin:0 0 91px 0; display: flex; flex-wrap: nowrap;} .ribbon-2 {--f: 6px; /* control the folded part*/ --r: 8px; /* control the ribbon shape */ --t: 25px; /* the top offset */ position: absolute; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); background: #fab613; box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;font-size: 0.688rem; font-family:"Open Sans", sans-serif; font-weight: bold; color: #000; text-transform: uppercase; text-align: right; right: -29px;} /* Career Highlights */ .career-highlights {clear: both; width: 100%; position: relative; padding: 58px 0 100px 0; float: left;} .career-highlights h2 {text-align: center; font-size: 1.625rem; font-family: "PT Serif", serif!important; padding: 0!important; margin: 0 0 58px 0!important;} .career-highlights .loadmore {text-align: center; position: relative; z-index: 1;} .expanded-career .ch-wrap:after {display: none;} .ch-wrap:after { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); content: ''; display: block; height: 210px; position: absolute; bottom: 0px; left: 0px; width: 100%;} .ch-wrap {max-height:843px; position: relative; overflow: hidden} .ch-lt {width:50%; padding: 19px 31px 0 0; border-right: solid 1px rgba(0, 0, 0, 0.15);} .ch-rt {width:50%; padding: 19px 0 0 88px;} .ch-grid {text-align: right; margin: 0 0 47px 0; position: relative;} .ch-grid:after {content: ""; width: 3px; height: 28px; background: #fab613; display: block; position: absolute; right: -33px; top: 0;} .ch-grid h3 {font-size: 1.375rem; font-weight: bold; color: #aeaeae; padding: 0 !important; margin: 0 0 20px 0 !important;} .ch-grid p {font-size: 1.188rem;line-height: 1.47; color: #000; max-width: 85%; margin: 0 0 0 auto;} .ch-thumb figure {margin: 0 0 41px 0;} .ch-thumb figure img {margin: 0 0 32px 0;} .ch-thumb figure figcaption {font-size: 0.875rem; line-height: normal; color: #969696;} .ch-rt .quick-fact {padding: 32px 40px 41px 39px; margin: 13px 0 0 1px;} .ch-rt .quick-fact span:before {margin-right: 17px; width: 9%;} .ch-rt .quick-fact span:after {margin-left: 17px; width: 91%;} .ch-rt .quick-fact p {text-align: left; color: #000; font-size: 1.375rem; line-height: 1.59;} .single-ch:nth-child(2) {flex-direction: row-reverse; margin-left: -1px;} .single-ch:nth-child(2) .ch-lt {padding: 19px 0 0 31px; border-left: solid 1px rgba(0, 0, 0, 0.15); border-right: 0 none;} .single-ch:nth-child(2) .ch-rt {padding: 19px 88px 0 0;} .single-ch:nth-child(2) .ch-grid {text-align: left;} .single-ch:nth-child(2) .ch-grid:after {right: inherit; left: -33px;} .single-ch:nth-child(2) .ch-grid p {margin: 0 auto 0 0;} /* Inductee SIngle */ .inductee-single {-webkit-animation-name: inducteeSingle; animation-name: inducteeSingle; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; position: relative; background: #000; float: left; width: 100%;} .inductee-intro {margin-top: -234px;} @-webkit-keyframes inducteeSingle {0% { opacity: 0;} 100% {opacity: 1;} } @keyframes inducteeSingle {0% { opacity: 0;} 100% {opacity: 1;} } .inductee-banner { position: relative; float: left; width: 100%;} .inductee-banner:after {content: "";background-image: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0, 0, 0, 0.97) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .inductee-single section hdr-wrap {padding: 0 30px;} .inductee-single .section-title {padding: 0 0 0 30px; line-height: 1; border-left: 3px solid #fab613; font-weight: bold;} .inductee-single section .hdr-wrap > aside figcaption {font-size: 14px;} .inductee-single .hdr-wrap {float: left; width:100%; position: relative; padding:60px 0 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} .inductee-single .hdr-wrap h1 {color: #fff; margin: 0 0 6px;} .inductee-single .hdr-wrap span {font-size: 1.5rem; padding: 0 0 43px 0; display: block;} .inductee-single .hdr-wrap .online-presence {padding: 0; display: flex; justify-content: space-between; font-size: 1.125rem; flex-wrap: wrap; width: 100%;} .inductee-single .hdr-wrap .online-presence .website, .inductee-single .hdr-wrap .online-presence .social, .inductee-single .hdr-wrap .online-presence .social li {display: inline-block;} .inductee-single .hdr-wrap .online-presence .social {padding-left: 15px; font-size: 20px; margin-left: auto;} .inductee-single .hdr-wrap .online-presence .social li {margin-left:21px;} .inductee-spacer {height: 80px;} .bio-main {clear: both; width: 100%; color: #fff; padding: 31px 0 91px; position: relative;} .bio-main .wrap {position: relative;} .bio-main .wrap:after {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 70%,rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000',GradientType=0 ); content: ''; display: block; height: 190px; position: absolute; bottom: 0px; left: 0px; width: 100%;} .bio-main aside .section-title {margin-bottom: 30px;} .bio-main iframe {max-width: 100%;} .bio-main .button {min-width: 206px; font-weight: normal; position: relative; z-index: 1; margin: -48px 0 0 0;} .expanded-bio .wrap:after {display: none;} .career-highlights .section-title {margin-bottom: 30px;} .career-highlights h1, .career-highlights h2, .career-highlights h3, .career-highlights h4, .career-highlights h1, .career-highlights h2, .career-highlights h3, .career-highlights h4, .career-highlights h5, .career-highlights h6, .career-highlights .homepage-carousel .discover-photo h3, .homepage-carousel .discover-photo .career-highlights h3, .career-highlights .bricks .brick.career-highlight .inside-brick h1, .bricks .brick.career-highlight .inside-brick .career-highlights h1, .career-highlights .bricks .brick.career-highlight .inside-brick h2, .bricks .brick.career-highlight .inside-brick .career-highlights h2, .career-highlights .bricks .brick.career-highlight .inside-brick h3, .bricks .brick.career-highlight .inside-brick .career-highlights h3, .career-highlights .bricks .brick.career-highlight .inside-brick h4, .bricks .brick.career-highlight .inside-brick .career-highlights h4, .career-highlights .bricks .brick.career-highlight .inside-brick h5, .bricks .brick.career-highlight .inside-brick .career-highlights h5, .career-highlights .bricks .brick.career-highlight .inside-brick h6, .bricks .brick.career-highlight .inside-brick .career-highlights h6, .career-highlights h6, .career-highlights .homepage-carousel .discover-photo h3, .homepage-carousel .discover-photo .career-highlights h3 {margin: 0; padding: 0 0 5px 0; font-family: "Open Sans", sans-serif;} .career-highlights .highlight {padding: 0;} /* Plan your visit */ .plan-visit {clear: both; width: 100%; position: relative; background: rgba(0,0,0); color: #fff; float: left; z-index: 1; padding: 0 0 21px 0;} .plan-visit .video-bg:after {background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;} .plan-visit .video-bg iframe {object-fit: cover; width: 100%; height: 100%; min-height: 100vh;} .plan-visit hr {margin-top: 94px; border-color: #353535;} .w-chrome:after {content: "";background-image: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0, 0, 0, 0.97) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .plan-visit .plan-visit-inner {display: flex; flex-wrap: wrap; width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 315px 66px 185px; max-width: 1138px; margin: 0 auto; min-height: inherit;} .plan-visit .plan-visit-inner .h1 {max-width: 100%; margin: 0 0 26px 0;} .plan-visit .plan-visit-inner p {font-size: 1.375rem; line-height: 1.59; color: #fff; margin: 0 0 35px;} .plan-visit .plan-visit-inner .plan-txt {max-width: 800px; position: relative;} .plan-visit .plan-visit-inner .plan-txt:after {content: ''; position: absolute; left: -66px; top: 10px; width: 5px; height: calc(100% - 46px); background: #fab613;} .plan-visit .plan-visit-inner .button {padding: 14px 25px 17px 26px;} .plan-visit-inner .h1::after {display: none;} .plan-repeater-main {clear: both; width: 100%;} .plan-repeater-lt {font-size: 1.375rem; line-height: 1.59; flex-grow: 1; width: calc(100% - 50%); padding: 0 9% 16% 8.2%;} .plan-repeater-lt p {margin: 0;} .plan-repeater-rt {width: 39.64%; position: relative; } .video-rt {position: relative; box-shadow: 0 2px 90px 0 rgba(0, 0, 0, 0.5);} .video-rt:after {content: ""; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0;} .video-rt img {width: 100%;} .plan-repeater-rt .play-btn {width: 92px; height: 92px;} .plan-repeater-rt .play-btn img {width: 17px; height: 25px;} .plan-repeater {justify-content: space-between;} .plan-repeater-cta-main {clear: both; width: 100%; margin: -123px 0 0 0;} .plan-repeater-cta-lt {flex-grow: 1; width: calc(100% - 66%); padding: 0 9% 0 8.2%; margin-top: auto;} .plan-repeater-cta-lt p {margin: 0 0 32px 0;} .plan-repeater-cta-lt .button {min-width: 206px;} .plan-repeater-cta-rt {width:52.23%; position: relative; margin-top: auto; display: flex; } .plan-repeater-cta-rt img {width: 100%; height: 100%;} .plan-repeater-cta {justify-content: space-between; flex-direction: row-reverse;} /* Photos */ .photos {background:#f6f6f6; padding: 55px 0 93px; clear: both; width: 100%; float: left;} .photos .sec-title {margin: 0 0 59px 0; width: calc(100% - 100px);} .photos .sec-title h2 {color: #000; margin: 0;} .photos .photos-slider {clear: both;} .photos .photos-slider .slick-list {overflow: visible} .photos .photo-slide {margin: 37px 79px 0 0; position: relative;} .photos .photo-slide:nth-child(3n+1) {margin-top: 0;} /*.photos .photo-slide .photo-inner {overflow: hidden;}*/ .photos .photo-slide .photo-inner img {height: 401px;} .photos .photo-slide .photo-inner .quick-fact {max-width: 358px; margin: 13px 0 0 0; text-align: left; color: #000; padding: 32px 40px 41px 39px;} .photos .photo-slide .photo-inner .quick-fact span:before {margin-right: 17px; width: 9%;} .photos .photo-slide .photo-inner .quick-fact span:after {margin-left: 17px; width: 91%;} .photos .photo-slide .photo-inner .quick-fact p {text-align: left; color: #000; font-size: 1.375rem; line-height: 1.59;} /* Default Slick navigations */ .slick-arrow{width:29px; left: 0; right: 0; position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 2; color: #000; font-size: 0; line-height: normal; min-width: inherit; font-weight: normal; top: -91px; height: 29px; padding: 0; background: transparent!important; border-radius: 50%; border: 2px solid #000;} .slick-arrow:after {justify-content: center; font-family: "Font Awesome 6 Pro"; line-height: normal; display: flex; align-items: center; font-size: 18px; font-weight: 600; right: 0; top: -1px; margin: auto; position: absolute; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; width: 100%; height: 100%;} .slick-arrow.slick-prev{right: 44px; left: inherit;} .slick-arrow.slick-prev:after {content:"\f060";} .slick-arrow.slick-next{right: 0; left: auto;} .slick-arrow.slick-next:after {content:"\f061";} .slick-arrow.slick-disabled{pointer-events: none; opacity: 0.2;} .slick-arrow:hover{border-color:#bc890e; color: #bc890e; } .featured-inductees {background: black; padding-bottom: 15px; clear: both; width: 100%;} .featured-inductees .slick-slider {z-index: 2;} .featured-inductees::after {clear: both; content: ""; display: table;} .featured-inductees .controls {padding: 0 0 58px;} .featured-inductees .controls::after {clear: both; content: ""; display: table;} .featured-inductees .controls button {width: 29px; height: 29px; font-size: 20px; text-align: center; line-height: 1; background: none; border: 2px solid white; border-radius: 50% 50%; color: white; margin: 0 12px 0 0; padding: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; transition: 500ms;} .featured-inductees .controls button i {margin: 0; padding: 0; line-height: 1;} .featured-inductees .controls button:hover {border-color: #fab613; color: #fab613;} .featured-inductees .controls .view-all-inductees {float: right; font-size: 1.125rem; top: -2px; position: relative;} .featured-inductees .slick-list {overflow: visible;} .featured-inductees .inductee {color: #ffffff; margin: 0 58px 0 0; width: 414px;} .featured-inductees .inductee h2 {color: #ffffff;} .inductees {clear: both; padding: 0 30px; max-width: 1200px; margin-left: auto; margin-right: auto;} .inductees::after {clear: both; content: ""; display: table;} .inductees::after {clear: both; content: ""; display: table;} .wistia_responsive_padding span {height: 100%!important} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {text-indent: inherit; width: 29px!important; left: 0; right: 0; position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 2; color: #fff; font-size: 0; line-height: normal; min-width: inherit; font-weight: normal; height: 29px!important; padding: 0; background: transparent !important; border-radius: 50%; border: 2px solid #fff;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {margin-left: 0 !important;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {margin-right: 0 !important;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:after, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:after{justify-content: center; font-family: "Font Awesome 6 Pro"; line-height: normal; display: flex; align-items: center; font-size: 18px; font-weight: 600; right: 0; top: -1px; margin: auto; position: absolute; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; width: 100%; height: 100%; color: #fff;} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:after {content: "\f060";} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:after {content: "\f061";} /* Responsive */ @media only screen and (max-width: 1400px) { .container {max-width: 100%; padding: 0 30px;} } @media only screen and (max-width: 1200px) { .homepage-description .page-title {padding: 0 0 0 40px;} .homepage-description .desc-lt {width: 44%; margin-right: 6%;} .homepage-description .desc-rt {padding: 0; width: calc(100% - 64.5%);} .videos-lt {width: 54%;} .videos-rt {width: calc(100% - 59%);} .plan-repeater-cta-lt {padding: 0 0 0 8.2%;} } @media (min-width: 960px) { .website-header .header {padding: 21px 0 27px; justify-content: space-between;} .wrap-navigation-primary {width: calc(100% - 336px); justify-content: flex-end; display: flex; flex-wrap: wrap;} .navigation-primary {color: white; text-transform: uppercase; float: right; font-size: 14px; letter-spacing: 0.3px;} .navigation-primary ul {text-align: right; display: inline-block;} .navigation-primary li {display: inline-block; margin-left: 34px;} .navigation-primary a {color: inherit;} .navigation-primary a:hover {color: #fab613;} .navigation-primary .active-page a {color: #fab613;} .toggle-nav {display: none;} } @media (max-width: 959px) { .wrap-navigation-primary {position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; visibility: hidden; opacity: 0; transition-property: visibility, opacity; transition-delay: 0ms, 0ms; transition-duration: 300ms, 300ms; transition-timing-function: ease-in;} .navigation-primary {background: rgba(0, 0, 0, 0.98); font-family: "PT Serif", serif; display: table; width: 100%; height: 100%;} .navigation-primary ul {text-align: center; overflow: auto; color: white; font-size: 40px; width: 100%; height: 100%; display: table-cell; vertical-align: middle;} .navigation-primary ul li a {color: inherit; transition: color 500ms;} .navigation-primary ul li a:hover {color: #fab613;} .navigation-primary ul li:nth-child(1) { -webkit-animation-delay: 100ms; animation-delay: 100ms;} .navigation-primary ul li:nth-child(2) { -webkit-animation-delay: 200ms; animation-delay: 200ms;} .navigation-primary ul li:nth-child(3) { -webkit-animation-delay: 300ms; animation-delay: 300ms;} .navigation-primary ul li:nth-child(4) { -webkit-animation-delay: 400ms; animation-delay: 400ms;} .navigation-primary ul li:nth-child(5) { -webkit-animation-delay: 500ms; animation-delay: 500ms;} .navigation-primary ul li:nth-child(6) { -webkit-animation-delay: 600ms; animation-delay: 600ms;} .navigation-primary ul li:nth-child(7) { -webkit-animation-delay: 700ms; animation-delay: 700ms;} .navigation-primary ul li:nth-child(8) { -webkit-animation-delay: 800ms; animation-delay: 800ms;} .navigation-primary ul li:nth-child(9) { -webkit-animation-delay: 900ms; animation-delay: 900ms;} .navigation-primary ul li:nth-child(10) { -webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .navigation-primary ul li:nth-child(11) { -webkit-animation-delay: 1100ms; animation-delay: 1100ms;} .navigation-primary ul li:nth-child(12) { -webkit-animation-delay: 1200ms; animation-delay: 1200ms;} .navigation-primary ul li:nth-child(13) { -webkit-animation-delay: 1300ms; animation-delay: 1300ms;} .navigation-primary ul li:nth-child(14) { -webkit-animation-delay: 1400ms; animation-delay: 1400ms;} .navigation-primary ul li:nth-child(15) { -webkit-animation-delay: 1500ms; animation-delay: 1500ms;} .navigation-primary ul li:nth-child(16) { -webkit-animation-delay: 1600ms; animation-delay: 1600ms;} .navigation-primary ul li:nth-child(17) { -webkit-animation-delay: 1700ms; animation-delay: 1700ms;} .navigation-primary ul li:nth-child(18) { -webkit-animation-delay: 1800ms; animation-delay: 1800ms;} .navigation-primary ul li:nth-child(19) { -webkit-animation-delay: 1900ms; animation-delay: 1900ms;} .navigation-primary ul li:nth-child(20) { -webkit-animation-delay: 2000ms; animation-delay: 2000ms;} .nav-open .website-header .wrap-navigation-primary {visibility: visible; opacity: 1;} .nav-open .website-header .wrap-navigation-primary li {-webkit-animation-name: navLiIn; animation-name: navLiIn; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease;} @-webkit-keyframes navLiIn {0% {opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes navLiIn {0% {opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .nav-open #wrap {opacity: 0;} .toggle-nav {position: fixed; top: 0; right: 0; z-index: 999;} /*New*/ .website-header {padding: 20px 0;} .ribbon-2 {right: -6px; --t: 17px; line-height: 2.1; padding-bottom: 8px; padding-right: 13px; padding-left: 19px;} .homepage-description .desc-lt {width: 100%; margin-right: 0;} .homepage-description .page-title {margin-bottom: 50px;} .homepage-description .desc-rt {width: 100%;} .homepage-description .desc-main {padding: 0 0 12px 0;} .horizontal {margin:0 0 69px 0;} .featured-inductees .inductee {width: 308px; margin: 0 20px 0 0;} .featured-inductees .controls {padding: 0 0 46px;} .inductee .artist-and-date {padding: 20px 0 15px 0;} .inductee .artist-and-date .artist {margin-bottom: -3px;} .inductee figure {height: 232px!important;} .plan-visit-inner .h1 {font-size: 4rem;} .plan-visit-inner {min-height: 780px;} .plan-visit .plan-visit-inner {padding: 215px 66px 85px;} .plan-repeater-lt {padding: 0 9% 16% 0;} .plan-repeater-rt {width: 45%;} .plan-repeater-cta-main {margin: -60px 0 0 0;} .videos-main {padding: 59px 0 60px;} .videos-lt {width: 100%;} .videos-rt {width: 100%;} .photos {padding: 55px 0 75px;} .photos .photo-slide {margin: 37px 37px 0 0;} .photos .photo-slide .photo-inner img {height: 330px;} } .website-header.hidden {-webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} .toggle-nav {right: 9px; top: 27px; position: absolute; background: none; border: none; padding: none; margin: none; z-index: 1000; outline: none; padding: 20px 10px; transition: 500ms; border-radius: 0; border: 1px solid transparent;} .toggle-nav span {display: none;} .toggle-nav hr:first-of-type {top: -9px;} .toggle-nav hr {width: 30px; height: 1px; position: relative; background: white; border: none; outline: none; transition: background 0s 0.2; margin: 0;} .toggle-nav hr:before, .toggle-nav hr:after {content: ''; height: 2px; width: 100%; background: white; position: absolute; display: block; transition-duration: 0.2s, 0.2s; transition-delay: 0.2s, 0s;} .toggle-nav hr:before {top: -10px; transition-property: top, -webkit-transform; transition-property: top, transform;} .toggle-nav hr:after {bottom: -10px; transition-property: bottom, -webkit-transform; transition-property: bottom, transform;} .nav-open .toggle-nav hr {background: none;} .nav-open .toggle-nav hr:before {top: 0; transition-delay: 0s, 0.3s; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .nav-open .toggle-nav hr:after {bottom: 0; transition-delay: 0s, 0.3s; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} .website-footer {padding:61px 30px 60px; text-align: center; -webkit-animation-name: footerAnimate; animation-name: footerAnimate; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; background: #111; float: left; width: 100%; font-size: 0;} .website-footer::after {clear: both; content: ""; display: table;} @-webkit-keyframes footerAnimate {0% {opacity: 0;} 100% {opacity: 1;} } @keyframes footerAnimate {0% {opacity: 0;} 100% {opacity: 1;} } .website-footer p {width: 100%; margin:24px 0 31px; font-size: 14px;} .website-footer hr {margin-bottom: 35px; display: none;} .website-footer nav {width: 100%; font-size: 0.938rem;} .website-footer nav ul {display: inline-block;} .website-footer nav li {display: inline-block; margin: 0px 5px 10px 5px; line-height: 1;} .website-footer nav li:first-child {border-left: 0; margin-left: 0;} .website-footer nav li:first-child a {margin-left: 0;} .website-footer nav a {margin: 0px 0px 0px 32px; line-height: 1; text-decoration: none; background-image: linear-gradient(to bottom, transparent 50%, #fab613 50%); background-repeat: repeat-x; background-size: 2px 2px; background-position: 0 17px;} .website-footer nav a:hover {background-image: linear-gradient(to bottom, transparent 50%, #d59805 50%);} .website-footer svg {width: 69px; margin: 0;} .website-footer svg .poly {fill: #ffffff; fill-opacity: 0.2;} .is-exiting .website-footer {-webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse;} .page-header {padding: 80px 0 0 0; -webkit-animation-name: FadeIn; animation-name: FadeIn; -webkit-animation-duration: 500ms; animation-duration: 500ms; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .page-header .wrap {max-width: 1200px; margin-left: auto; margin-right: auto; padding: 90px 30px 0; position: relative;} .page-header .wrap::after {clear: both; content: ""; display: table;} .page-header .wrap hr {margin-top: 60px;} .page-header p {font-size: 24px; line-height: 34px; max-width: 700px; padding: 30px 60px 0; margin: 0; -webkit-animation-name: FadeIn; animation-name: FadeIn; -webkit-animation-duration: 500ms; animation-duration: 500ms; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 200ms; animation-delay: 200ms;} .page-header.black {color: white; background: black; padding-bottom: 80px;} .page-header.black * {color: inherit;} .page-header.black hr {display: none;} .page-title {position: relative; font-size: 90px; padding: 0; margin: 0; line-height: 1; padding: 0 60px; -webkit-animation-name: FadeIn; animation-name: FadeIn; -webkit-animation-duration: 500ms; animation-duration: 500ms; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-delay: 100ms; animation-delay: 100ms;} .page-title:before {content: ''; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: #fab613;} @media (max-width: 768px) { .page-title {font-size: 50px; padding: 0 15px;} .page-header p {padding: 10px 0;} } @media (max-width: 600px) { .page-title {font-size: 30px; padding: 0 15px;} .page-header p {padding: 10px 0; font-size: 18px;} } .is-exiting .page-header {-webkit-animation-name: FadeOut; animation-name: FadeOut;} .is-exiting .page-header h1, .is-exiting .page-header p {-webkit-animation-name: FadeOut; animation-name: FadeOut;} @media (min-width: 768px) { .wrapper {display: flex; width: 100%;} .slider.slick-initialized.slick-slider {flex: 67%; max-width: 67%; margin-right: 10px;} .slider-nav.slick-initialized.slick-slider.slick-vertical {flex: 32%; max-width: 32%;} .slider-nav.slick-initialized.slick-slider.slick-vertical .slick-slide {min-height: 200px; max-height: 200px; position: relative; border: 0 none; margin-bottom: 9px; overflow: hidden; cursor: pointer;} } @media (max-width: 767px) { h1, .h1 {font-size: 3rem; line-height: 1.17;} .container {padding: 0 20px;} .logo .static {width: 57px; height: 49px;} .logo svg {width: 57px; height: 49px;} .logo .text {height: 29px; margin-left: 14px; margin-top: 10px;} .homepage.hero-banner .wrapper {display: none !important} .carousel-wrap .carousel-list {margin:0 0 30px 0;} .carousel-wrap {padding: 89px 20px 0;} .carousel-wrap .carousel-thumb {margin: 0 20px 0 0; height: 331px;} .carousel-intro {padding: 0 0 70px; font-size: 1.5rem; line-height: 1.67;} .carousel-intro p {margin: 0 0 30px;} .bnr-txt {padding: 10px 35px 38px;} .homepage-description {padding:83px 0 11px;} .homepage-description .page-title {font-size:2.625rem; padding: 0 0 0 43px; line-height: 1.19;} .homepage-description .page-title::before {top: 6px; height: calc(100% - 11px);} .featured-inductees .controls button {margin: 0 11px 0 0;} .featured-inductees .controls .view-all-inductees {top: -1px; position: relative;} .plan-visit-inner {min-height: inherit; padding: 135px 0 100px 0;} .plan-visit-inner .optional-txt {font-size: 1.125rem; line-height: 1.72; margin: 0 0 18px 0;} .plan-visit-inner .h1 {font-size: 3rem; line-height: 1.17; padding: 0 10px 0 0; margin: 0 0 30px 0;} .home-plan-visit {margin-top: -95px;} .plan-visit .plan-visit-inner {padding: 169px 0 80px 40px;} .plan-visit .plan-visit-inner .plan-txt::after {width: 4px; left: -40px; height: calc(100% - 42px);} .plan-visit .plan-visit-inner p {font-size: 1.125rem; line-height: 1.72; margin: 0 0 26px;} .plan-visit .plan-visit-inner .h1 {margin: 0 0 13px 0; padding: 0;} .home .plan-txt::after {display: none;} .plan-repeater {flex-direction: column-reverse;} .plan-repeater-main {margin: 0 0 60px 0;} .plan-repeater-lt {width: 100%; padding: 0; font-size: 1.125rem; line-height: 1.72;} .plan-repeater-rt {width: 100%; margin: 0 0 51px 0;} .plan-repeater-cta-main {margin: 0;} .plan-repeater-cta-lt {width: 100%; padding: 0;} .plan-repeater-cta-rt {width: 100%; margin: 0 0 60px 0;} .plan-repeater-cta {flex-direction: column-reverse;} .plan-visit hr {margin-top: 80px;} .inductee-intro {margin-top: -77px;} .inductee-single .hdr-wrap {padding: 60px 0 12px;} .inductee-single .hdr-wrap h1 {margin: 0 0 -2px;} .inductee-single .hdr-wrap span {font-size: 1.25rem;} .inductee-single .hdr-wrap .online-presence {font-size: 1rem;} .inductee-single .hdr-wrap .online-presence .social {margin-top: -4px;} .bio-main {padding: 30px 0 71px;} .bio-main .wrap::after {height: 240px;} .bio-main .button {margin: -33px 0 0 0;} .career-highlights {padding: 0;} .career-highlights > .container {padding-left: 9px;} .career-highlights h2 {text-align: left; margin: 0 0 45px 25px !important;} .career-wrap {padding: 47px 0 60px 0; border-left: solid 1px rgba(0, 0, 0, 0.15); position: relative;} .ch-wrap {border-left: 0 none; padding-left: 36px; left: -10px; max-height: 1540px;} .ch-wrap:after {display: none;} .career-wrap:after { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 82%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 82%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); content: ''; display: block; height: 400px; position: absolute; bottom: 0px; left: -4px; width: 100%;} .ch-grid::after, .single-ch:nth-child(2) .ch-grid::after {right: inherit; left: -28px;} .ch-grid {text-align: left; margin: 0 0 38px 0; } .ch-grid h3 {margin: 0 0 16px 0 !important;} .ch-grid p {margin: 0 auto 0 0; max-width: 100%;} .ch-lt {width: 100%; border: 0 none!important; padding:0!important;} .ch-rt {width: 100%; padding:1px 0 0 0; margin: 0 0 38px 0;} .ch-thumb {padding: 3px 0 0 0;} .ch-thumb figure img {margin: 0 0 16px 0;} .ch-thumb figure figcaption {max-width: 228px;} .single-ch:nth-child(2) {margin-left: 0;} .website-footer {padding: 55px 30px 52px;} .website-footer nav li {margin: 0px 5px 17px 5px;} .website-footer nav a {line-height: normal;} .website-footer p {margin: 22px auto 20px; max-width: 300px;} .play-btn {width: 64px!important; height: 64px!important;} .play-btn img {width: 11px!important; height: 16px!important;} .photos {padding:47px 0 55px;} .photos .photo-slide .photo-inner img {height: 275px;} .photos .photo-slide {width: 309px; margin: 19px 20px 0 0;} .photos .photo-slide .photo-inner .quick-fact p {font-size: 1.125rem; line-height: 1.72;} .photos .sec-title {margin: 0 0 49px 0;} .slick-arrow {top: -80px;} .videos-main {padding: 44px 0 72px;} .video-thumb {width: 52.43%; margin: 0 30px 0 0;} .video-list {margin: 0 0 20px 0; width: 100%; display: flex; flex-wrap: nowrap; align-items: center;} .video-list .play-btn {width: 48px !important; height: 48px !important;} .video-list .play-btn img {width: 9px !important; height: 12px !important;} .videos-lt {margin-bottom: 50px;} .video-list h6 {margin: 0; width: calc(100% - 63%);} .sec-title {margin: 0 0 49px 0;} .quick-fact {font-size: 1.125rem; text-align: left; line-height: 1.72; padding: 26px 30px 20px 30px;} .quick-fact span:before {margin-right: 17px; width: 9%;} .quick-fact span:after {margin-left: 17px; width: 91%;} } @media (max-width: 599px) { .inductees .inductee {float: left; display: block; margin-right: 2.12766%; width: 100%;} .inductees .inductee:last-child {margin-right: 0;} } @media (min-width: 600px) and (max-width: 959px) { .inductees .inductee {float: left; display: block; margin-right: 2.12766%; width: 48.93617%;} .inductees .inductee:last-child {margin-right: 0;} .inductees .inductee:nth-child(2n) { margin-right: 0;} .inductees .inductee:nth-child(2n+1) { clear: left;} } @media (min-width: 960px) { .inductees .inductee {float: left; display: block; margin-right: 2.12766%; width: 31.91489%;} .inductees .inductee:last-child {margin-right: 0;} .inductees .inductee:nth-child(3n) { margin-right: 0;} .inductees .inductee:nth-child(3n+1) { clear: left;} } .inductee {position: relative; padding-bottom: 30px; overflow: hidden; -webkit-animation-name: FadeUpIn; animation-name: FadeUpIn; -webkit-animation-duration: 500ms; animation-duration: 500ms; transition-timing-function: ease-in; -webkit-animation-fill-mode: both; animation-fill-mode: both;} .inductee:before {content: ''; position: absolute; bottom: 30px; left: 0; height: 2px; width: 100%; background: #fab613; z-index: 1; opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); transition: 500ms;} .inductee * {display: block; margin: 0; padding: 0;} .inductee figure {position: relative; overflow: hidden; height: 278px;} .inductee figure div {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: 500ms;} .inductee figure img {width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden;} .inductee .artist-and-date {transition: 500ms; padding: 27px 0 15px 0;} .inductee .artist-and-date .artist {margin-bottom: 1px; font-size: 1.875rem; line-height: 1.2; transition: 500ms;} .inductee .artist-and-date .date {/*color: rgba(255, 255, 255, 0.5);*/ color: #929292; font-size: 1.125rem; line-height: 1; padding-bottom: 15px; transition: 500ms;} .inductee:hover:before {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .inductee:hover figure div {-webkit-filter: grayscale(0%); filter: grayscale(0%);} .inductee:hover .artist-and-date {opacity: 0.7;} .inductee:nth-child(1) { -webkit-animation-delay: 50ms; animation-delay: 50ms;} .inductee:nth-child(2) { -webkit-animation-delay: 100ms; animation-delay: 100ms;} .inductee:nth-child(3) { -webkit-animation-delay: 150ms; animation-delay: 150ms;} .inductee:nth-child(4) { -webkit-animation-delay: 200ms; animation-delay: 200ms;} .inductee:nth-child(5) { -webkit-animation-delay: 250ms; animation-delay: 250ms;} .inductee:nth-child(6) { -webkit-animation-delay: 300ms; animation-delay: 300ms;} .inductee:nth-child(7) { -webkit-animation-delay: 350ms; animation-delay: 350ms;} .inductee:nth-child(8) { -webkit-animation-delay: 400ms; animation-delay: 400ms;} .inductee:nth-child(9) { -webkit-animation-delay: 450ms; animation-delay: 450ms;} .inductee:nth-child(10) { -webkit-animation-delay: 500ms; animation-delay: 500ms;} .inductee:nth-child(11) { -webkit-animation-delay: 550ms; animation-delay: 550ms;} .inductee:nth-child(12) { -webkit-animation-delay: 600ms; animation-delay: 600ms;} .inductee:nth-child(13) { -webkit-animation-delay: 650ms; animation-delay: 650ms;} .inductee:nth-child(14) { -webkit-animation-delay: 700ms; animation-delay: 700ms;} .inductee:nth-child(15) { -webkit-animation-delay: 750ms; animation-delay: 750ms;} .inductee:nth-child(16) { -webkit-animation-delay: 800ms; animation-delay: 800ms;} .inductee:nth-child(17) { -webkit-animation-delay: 850ms; animation-delay: 850ms;} .inductee:nth-child(18) { -webkit-animation-delay: 900ms; animation-delay: 900ms;} .inductee:nth-child(19) { -webkit-animation-delay: 950ms; animation-delay: 950ms;} .inductee:nth-child(20) { -webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .is-exiting .inductee {-webkit-animation-name: FadeDownOut; animation-name: FadeDownOut;} .filters {-webkit-animation-name: filters; animation-name: filters; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 100ms; animation-delay: 100ms; max-width: 1200px; margin-left: auto; margin-right: auto; padding: 30px 30px; font-family: "PT Serif", serif;} @-webkit-keyframes filters {0% {opacity: 0;} 100% {opacity: 1;} } @keyframes filters {0% {opacity: 0;} 100% {opacity: 1;} } .filters::after {clear: both; content: ""; display: table;} .filters a {display: inline-block; color: #929292;} .filters a.active {color: black;} .filters a:hover {color: #fab613;} .is-exiting .filters {-webkit-animation-name: FadeOut; animation-name: FadeOut;} .alm-btn-wrap {clear: both;} .hero {width: 100%; height: 105.4vh; background-size: cover; background-repeat: no-repeat; background-position: center top; -webkit-animation-name: inducteeHero; animation-name: inducteeHero; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease;} @-webkit-keyframes inducteeHero {0% {opacity: 0;} 100% {opacity: 1;} } @keyframes inducteeHero {0% {opacity: 0;} 100% {opacity: 1;} } @media (max-width: 768px) { .hero {height: 375px;} } @media (min-width: 1040px) { .career-highlights .highlight {float: left; display: block; margin-right: 4.34783%; width: 30.43478%;} .career-highlights .highlight:last-child {margin-right: 0;} .career-highlights .highlight:nth-child(3n) { margin-right: 0;} .career-highlights .highlight:nth-child(3n+1) { clear: left;} } @media (min-width: 460px) and (max-width: 1039px) { .career-highlights .highlight {float: left; display: block; margin-right: 2.12766%; width: 48.93617%;} .career-highlights .highlight:last-child {margin-right: 0;} .career-highlights .highlight:nth-child(2n) { margin-right: 0;} .career-highlights .highlight:nth-child(2n+1) { clear: left;} } .wrap-video {position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;} .wrap-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .wrap-video .overlay {position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; cursor: pointer; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: 500ms;} .wrap-video .overlay:hover {opacity: 1;} .video-popup {max-width: 1200px; margin-left: auto; margin-right: auto; position: relative;} .video-popup::after {clear: both; content: ""; display: table;} .video-popup .mfp-close {color: white; right: 0px; top: -45px; font-size: 30px;} .video-gallery .videos .video {float: left; display: block; margin-right: 2.12766%; width: 48.93617%; padding-bottom: 15px;} .video-gallery .videos .video:last-child {margin-right: 0;} .video-gallery .videos .video:nth-child(2n) { margin-right: 0;} .video-gallery .videos .video:nth-child(2n+1) { clear: left;} .photo-gallery .photos figure {float: left; display: block; margin-right: 2.12766%; width: 48.93617%; padding-bottom: 15px;} .photo-gallery .photos figure:last-child {margin-right: 0;} .photo-gallery .photos figure:nth-child(2n) { margin-right: 0;} .photo-gallery .photos figure:nth-child(2n+1) { clear: left;} .photo-gallery .photos figure img {display: block;} .is-exiting .hero {-webkit-animation-name: inducteeHeroOut; animation-name: inducteeHeroOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse;} @-webkit-keyframes inducteeHeroOut {0% {opacity: 0;} 100% {opacity: 1;}} @keyframes inducteeHeroOut {0% {opacity: 0;} 100% {opacity: 1;}} .is-exiting .inductee-single {-webkit-animation-name: inducteeSingleOut; animation-name: inducteeSingleOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse;} @-webkit-keyframes inducteeSingleOut {0% {-webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} 100% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes inducteeSingleOut {0% {-webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} 100% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .inductee-single aside {font-size: 20px;} .inductee-single aside p {line-height: 1.5;} .inductee-single aside h4 {font-size: 18px; text-transform: uppercase; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #ededed; font-family: "Open Sans", sans-serif;} .album {margin-bottom: 15px;} @media (min-width: 1100px) { .album {float: left; display: block; margin-right: 2.12766%; width: 23.40426%;} .album:last-child {margin-right: 0;} .album:nth-child(4n) {margin-right: 0;} .album:nth-child(4n+1) {clear: left;} } @media (min-width: 600px) and (max-width: 1099px) { .album {float: left; display: block; margin-right: 2.12766%; width: 31.91489%;} .album:last-child {margin-right: 0;} .album:nth-child(3n) { margin-right: 0;} .album:nth-child(3n+1) { clear: left;} } @media (min-width: 360px) and (max-width: 599px) { .album {float: left; display: block; margin-right: 2.12766%; width: 48.93617%;} .album:last-child {margin-right: 0;} .album:nth-child(2n) { margin-right: 0;} .album:nth-child(2n+1) { clear: left;} } @media (max-width: 359px) { .album {width: 100%;} } .album h5, .album .career-highlights h1, .career-highlights .album h1, .album .career-highlights h2, .career-highlights .album h2, .album .career-highlights h3, .career-highlights .album h3, .album .career-highlights h4, .career-highlights .album h4, .album .career-highlights h6, .career-highlights .album h6, .album .bricks .brick.career-highlight .inside-brick h1, .bricks .brick.career-highlight .inside-brick .album h1, .album .bricks .brick.career-highlight .inside-brick h2, .bricks .brick.career-highlight .inside-brick .album h2, .album .bricks .brick.career-highlight .inside-brick h3, .bricks .brick.career-highlight .inside-brick .album h3, .album .bricks .brick.career-highlight .inside-brick h4, .bricks .brick.career-highlight .inside-brick .album h4, .album .bricks .brick.career-highlight .inside-brick h5, .bricks .brick.career-highlight .inside-brick .album h5, .album .bricks .brick.career-highlight .inside-brick h6, .bricks .brick.career-highlight .inside-brick .album h6 {font-size: 1em; font-family: "Open Sans", sans-serif; transition: 500ms;} .album img {-webkit-backface-visibility: hidden; backface-visibility: hidden; transition: 500ms;} .album:hover img {opacity: 0.7;} .album:hover h5, .album:hover .career-highlights h1, .career-highlights .album:hover h1, .album:hover .career-highlights h2, .career-highlights .album:hover h2, .album:hover .career-highlights h3, .career-highlights .album:hover h3, .album:hover .career-highlights h4, .career-highlights .album:hover h4, .album:hover .career-highlights h6, .career-highlights .album:hover h6, .album:hover .bricks .brick.career-highlight .inside-brick h1, .bricks .brick.career-highlight .inside-brick .album:hover h1, .album:hover .bricks .brick.career-highlight .inside-brick h2, .bricks .brick.career-highlight .inside-brick .album:hover h2, .album:hover .bricks .brick.career-highlight .inside-brick h3, .bricks .brick.career-highlight .inside-brick .album:hover h3, .album:hover .bricks .brick.career-highlight .inside-brick h4, .bricks .brick.career-highlight .inside-brick .album:hover h4, .album:hover .bricks .brick.career-highlight .inside-brick h5, .bricks .brick.career-highlight .inside-brick .album:hover h5, .album:hover .bricks .brick.career-highlight .inside-brick h6, .bricks .brick.career-highlight .inside-brick .album:hover h6 {color: #fab613;} .discover-more {background: #fab613; position: absolute; bottom: -80px; right: 30px; color: white; border-radius: 0; margin: 0; padding: 20px 20px; font-size: 30px; border: 0; outline: 0; transition: 500ms;} .discover-more:hover {background: #d59805;} .discover-more i {display: block;} .loading-discover .discover-more i {-webkit-animation-name: discoverBtn; animation-name: discoverBtn; -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .discover-artists .discover-more {top: 0; right: 0; bottom: 0; left: 0; font-size: 18px; clear: both; display: block; text-align: center; width: 250px; position: relative; margin: 60px auto 60px auto; border-radius: 5px; height: 50px; line-height: 50px; padding: 0; text-transform: uppercase; font-weight: normal;} .discover-artists .discover-more i {display: inline-block; margin-right: 5px; height: 50px; line-height: 50px;} @-webkit-keyframes discoverBtn {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} } @keyframes discoverBtn {0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} } .discover-artists {max-width: 1200px; margin-left: auto; margin-right: auto; padding: 30px;} .discover-artists::after {clear: both; content: ""; display: table;} .inductees {min-height: 100vh;} .inductees .artist-and-date .date {color: #929292; font-size: 14px; line-height: 1; padding-bottom: 15px; transition: 500ms;} .inductees .artist-and-date .artist { font-family: "Open Sans", sans-serif; font-size: 22px; font-weight: bold; line-height: 1.2; padding-bottom: 15px; transition: 500ms; } .inductees .artist-and-date { transition: 500ms; padding: 15px 0 15px 0; } .bricks {margin-left: -10px; margin-right: -10px; opacity: 0; min-height: 100vh; transition: 1000ms;} .bricks.loaded {opacity: 1;} .bricks .brick {width: 33.333%; padding: 10px; position: relative; vertical-align: top;} .bricks .brick img {display: block;} .bricks .brick a {display: block;} .bricks .brick .inside-brick {position: relative;} .bricks .brick .caption {display: none;} @media (max-width: 768px) { .bricks .brick {width: 50%;} } @media (max-width: 600px) { .bricks .brick {width: 100%;} } .bricks .brick.career-highlight .inside-brick {border: 1px solid #ededed; padding: 30px;} .bricks .brick.career-highlight .inside-brick:before {content: ''; position: absolute; height: 5px; background: #fab613; top: -1px; left: -1px; right: -1px;} .bricks .brick.career-highlight .inside-brick .artist {font-family: "Open Sans", sans-serif; color: #929292; font-size: 14px; text-transform: uppercase; font-weight: bold; position: relative; padding-bottom: 15px; margin-bottom: 15px; color: #929292; transition: 500ms;} .bricks .brick.career-highlight .inside-brick .artist:after {content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background-color: #ededed;} .bricks .brick.career-highlight .inside-brick .title {font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 1.4;} .bricks .brick.career-highlight .inside-brick p {font-size: 16px; line-height: 1.4; margin-bottom: 0; color: #929292;} .bricks .brick.career-highlight .inside-brick h1, .bricks .brick.career-highlight .inside-brick h2, .bricks .brick.career-highlight .inside-brick h3, .bricks .brick.career-highlight .inside-brick h4, .bricks .brick.career-highlight .inside-brick h1, .bricks .brick.career-highlight .inside-brick h2, .bricks .brick.career-highlight .inside-brick h3, .bricks .brick.career-highlight .inside-brick h4, .bricks .brick.career-highlight .inside-brick h5, .bricks .brick.career-highlight .inside-brick h6, .bricks .brick.career-highlight .inside-brick h6, .bricks .brick.career-highlight .inside-brick .homepage-carousel .discover-photo h3, .homepage-carousel .discover-photo .bricks .brick.career-highlight .inside-brick h3 {margin: 0; padding: 0 0 10px 0; font-family: "Open Sans", sans-serif;} .bricks .brick.career-highlight a:hover .artist {color: #fab613;} .bricks .brick.image figure {position: relative;} .bricks .brick.image figcaption {position: absolute; bottom: 15px; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px 10px; z-index: 1000;} .bricks .brick.video .inside-brick {background: black;} .bricks .brick.video img {width: 600px;} .bricks .brick.video .play {position: absolute; width: 80px; height: 50px; line-height: 50px; text-align: center; font-size: 25px; color: white; background: rgba(0, 0, 0, 0.6); top: 50%; left: 50%; border-radius: 10px; margin-left: -40px; margin-top: -25px; transition: 500ms;} .bricks .brick.video:hover .play {background: rgba(0, 0, 0, 0.9);} .bricks .brick.video .wrap-video {position: absolute; padding-bottom: 56.25%; height: 0; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;} .bricks .brick.video .wrap-video .overlay {opacity: 1; background: transparent;} .bricks .brick.video .wrap-video .overlay:hover {background: rgba(0, 0, 0, 0.6);} .bricks .brick.video .artist {position: absolute; bottom: 15px; background: rgba(0, 0, 0, 0.7); color: white; padding: 5px 10px; z-index: 1000; font-size: 16px;} .loading-discover .bricks {opacity: 0;} .is-exiting .bricks .brick {-webkit-animation-name: brickOut; animation-name: brickOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse;} @-webkit-keyframes brickOut {0% {opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes brickOut {0% {opacity: 0; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } .posts {max-width: 1200px; margin-left: auto; margin-right: auto; padding: 40px 30px; -webkit-animation-name: postsIn; animation-name: postsIn; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease;} .posts::after {clear: both; content: ""; display: table;} @-webkit-keyframes postsIn {0% {opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes postsIn {0% {opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } .posts .post {max-width: 720px; margin: 0 auto 60px auto; border-bottom: 1px solid #ededed; padding-bottom: 60px; position: relative; overflow: hidden;} .posts .post img, .posts .post .post-title {transition: 500ms;} .posts .post .post-title {margin: 15px 0;} .posts .post .date {font-size: 0.9em;} .posts .post a {color: inherit;} .posts .post a:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #fab613; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); transition: 500ms;} .posts .post a:hover img {opacity: 0.8;} .posts .post a:hover .post-title {color: #4d4d4d;} .posts .post a:hover:after {-webkit-transform: none; transform: none;} .posts .post:last-child {border-bottom: none;} .is-exiting .posts {-webkit-animation-name: postsOut; animation-name: postsOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse;} @-webkit-keyframes postsOut {0% {opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes postsOut {0% {opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } article.single-post, section.page, article.page {max-width: 1200px; margin-left: auto; margin-right: auto; padding: 130px 30px 30px; max-width: 750px; -webkit-animation-name: singlePostIn; animation-name: singlePostIn; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 750ms; animation-duration: 750ms; -webkit-animation-timing-function: ease; animation-timing-function: ease;} article.single-post::after, section.page::after, article.page::after {clear: both; content: ""; display: table;} @-webkit-keyframes singlePostIn {0% {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes singlePostIn {0% {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } article.single-post h1, section.page h1, article.page h1 {margin-bottom: 15px; line-height: 1.2;} article.single-post .date, section.page .date, article.page .date {margin-bottom: 30px; display: block; font-size: 20px;} article.single-post figure, section.page figure, article.page figure {margin-bottom: 30px;} article.single-post blockquote, section.page blockquote, article.page blockquote {border-top: 5px solid #fab613; border-bottom: 1px solid #ededed; display: block; max-width: 60%; margin-top: 15px; margin-bottom: 30px; margin-right: 60px; padding: 30px 0; font-size: 24px; line-height: 1.4; font-weight: bold; margin-left: -60px; float: left;} @media (max-width:360px) { /*New*/ .banner-grid, .banner-grid:first-child {width: 100%; display: block;} } @media (max-width: 767px) { /*New*/ .banner-left-container {display: none; width: 100%; height: 56vw; overflow: hidden;} .homebanner-sidebar-container {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;} .banner-grid, .banner-grid:first-child {max-width: 365px; margin: 9px auto 0 auto; max-height: 200px; overflow: hidden;} /*New*/ .bnr-txt span.event-date {margin-bottom: 9px;} article.single-post blockquote, section.page blockquote, article.page blockquote {display: block; clear: both; width: 100%; margin-left: 0; margin-right: 0; clear: none; max-width: none;} } .pagination {max-width: 1200px; margin-left: auto; margin-right: auto; max-width: 720px;} .pagination::after {clear: both; content: ""; display: table;} .pagination .next-post {float: left;} .pagination .prev-post {float: right;} section.page, article.page {padding: 30px;} .is-exiting .single-post, .is-exiting .page {-webkit-animation-name: singlePostOut; animation-name: singlePostOut; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: alternate-reverse; animation-direction: alternate-reverse;} @-webkit-keyframes singlePostOut {0% {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } @keyframes singlePostOut {0% {opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0);} 100% {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} } /* =WordPress Core -------------------------------------------------------------- */ .alignnone {margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;} .alignright {float: right; margin: 5px 0 20px 20px;} .alignleft {float: left; margin: 5px 20px 20px 0;} a img.alignright {float: right; margin: 5px 0 20px 20px;} a img.alignnone {margin: 5px 20px 20px 0;} a img.alignleft {float: left; margin: 5px 20px 20px 0;} a img.aligncenter {display: block; margin-left: auto; margin-right: auto;} .wp-caption {max-width: 100% !important;} .wp-caption img {height: auto !important;} /* Text meant only for screen readers. */ .screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;} .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }