/*------------------------------------------------------------------------------ Template name: RentHire Version: 1.0.0 Build Date : 09.07.2017 Author: AG_Themes Website: https://renthire.agthemes.net License: You must have a valid license purchased only from ThemeForest in order to legally use the theme for your project. Copyright: © AG_Themes, 2017 ------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ TABLE OF CONTENT + TYPOGRAPHY + LISTS + FEATURED LISTS + SVG DEFAULT STYLES + DIVIDERS - SOME SUMMARY STYLES + POSITIONING + TEXT COLORS + BACKGROUND COLORS + HELPERS - FORMS ELEMENTS + PLACEHOLDER COLORS + FORM PRIMARY + FORM SECONDARY + FORM GRAY + SINGLE FORM + RANGE SLIDER + SWITCHES + CHECKBOXES & RADIOS + FORM ERROR STYLES - BUTTONS (DEFAULT FOUNDATION BUTTONS) + BUTTON COLORS + BUTTON SHADOW + HOLLOW BUTTON + DISABLED BUTTON + BUTTON SIZES + BUTTON GROUP - THEMEPLATE BUTTONS (CUSTOM STYLES) + BASE STYLE (ICON ON RIGHT SIDE) + THEMEPLATE BUTTON, ICON ON LEFT SIDE + THEMEPLATE BUTTON, FLIPED BY VERTICAL + THEMEPLATE BUTTON WITH ONE VERTICAL BORDER + THEMEPLATE BUTTON COLORS + THEMEPLATE BUTTON DISABLED + THEMEPLATE BUTTON SHADOW + SIMPLE BUTTON + TRANSPARENT BUTTON + CLOSE BUTTON - HEADLINERS + SECTION HEADLINE + ICONS + ICON-BOX ELEMENT + MEDIA-OBJECT - POSTS + SINGLE POST + POST COMMENTS + FEATURED POSTS - CARDS + CARD-POST + CARD-POST-SIMPLE + CARD-SLIDE + CARD-TEAM + CARD-POST-ICON + CARD-PRODUCT + CARD-PRODUCT EXTENDED (e.g. FLEET PAGE) + CARD-PRODUCT SIMPLE + MEDIA-BUTTON + IMAGES + IMAGE-GALLERIES + VIDEO CONTAINERS - CAROUSELS + CAROUSELS DOT-BULLETS + CAROUSELS ARROW-LABLE-BUTTONS + ORBIT CAROUSEL + CONTENT CAROUSEL + THUMBNAIL CONTENT CAROUSEL + OWL CAROUSEL + HERO OWL CAROUSEL DOTS + LOGO CAROUSEL + ACCORDIONS + TABS + BREADCRUMBS + PAGINATION + BADGES + LABELS + PROGRESS BAR + TABLES + CALLOUT + MODAL WINDOWS + PRICE BLOCK + PRICE TABLES + TIMELINES + COUNTERS + COUNTDOWN + RATING STARS + TWITTER-FEED + SOCIALS + MAPS + LANGUAGE BAR + TESTIMONIALS - LAYOUTS + FULL WIDTH SECTION + FULL WIDTH BOXED SECTION + HALF SECTION + SECTION LINE + SECTION CONTENT BOX + SCROLL UP ELEMENTS - MENU + MAIN MENU: MOBILE + MAIN MENU: DESKTOP + TOPBAR - HEADERS + SITE-HEADER + SITE-HEADER LOGO + PAGE HEADER + BLOCK HEADER + FOOTERS + MAIN PAGE HERO + ASYMMETRICAL CUSTOM SECTION + SYMMETRICAL DECORATIVE CUSTOM SECTION #1 + SYMMETRICAL DECORATIVE CUSTOM SECTION #2 + FULL WIDTH SECTION WITH TRAPEZE + FULL WIDTH BANER WITH BACKGROUND IMAGE + SIDEBAR - HOMEPAGE + SECTION-WELCOME + SECTION "SERVICES" + SECTION "OUR FLEET" - FLEET PAGES + FLEET-GRID + VEHICLE DETAILS + FLEET-FORM + SERVICES PAGES STYLES + CONTACTS PAGES + SPECIAL PAGES + ELEMENTS PAGES + PLUGINS CUSTOM STYLES + MEDIA QUERIES ------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------ TYPOGRAPHY ------------------------------------------------------------------------------*/ body { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .875rem; font-weight: 400; line-height: 1.5; color: #333; background: #fff; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Poppins", sans-serif; font-weight: 700; text-transform: uppercase; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { font-weight: normal; line-height: 0; text-transform: lowercase; color: #cacaca; text-shadow: none; } h1 small:before, .h1 small:before, h2 small:before, .h2 small:before, h3 small:before, .h3 small:before, h4 small:before, .h4 small:before, h5 small:before, .h5 small:before, h6 small:before, .h6 small:before, h1 small:after, .h1 small:after, h2 small:after, .h2 small:after, h3 small:after, .h3 small:after, h4 small:after, .h4 small:after, h5 small:after, .h5 small:after, h6 small:after, .h6 small:after { content: " "; } h1.subheader, .subheader.h1, h2.subheader, .subheader.h2, h3.subheader, .subheader.h3, h4.subheader, .subheader.h4, h5.subheader, .subheader.h5, h6.subheader, .subheader.h6 { font-weight: 400; } h1, .h1 { font-size: 1.8rem; } h2, .h2 { font-size: 1.4625rem; } h3, .h3 { font-size: 1.1375rem; } h4, .h4 { font-size: .90625rem; } h5, .h5 { font-size: .8rem; } h6, .h6 { font-size: .74375rem; } h1, .h1, h2, .h2, h3, .h3 { line-height: 1.333; } h4, .h4, h5, .h5, h6, .h6 { line-height: 1.5; } p > a, .text-link { padding: 0 3px 1px; transition: all .2s linear; text-decoration: none; color: inherit; box-shadow: inset 0 -1px 0 0 #ffdd39; } p > a:hover, .text-link:hover, p > a:focus, .text-link:focus { color: #333; box-shadow: inset 0 -25px 0 0 #ffdd39; } a { transition: color linear .2s; color: inherit; background-color: transparent; -webkit-text-decoration-skip: objects; } a:focus, a:hover { color: #ffdd39; outline-width: 0; } p { font-size: inherit; line-height: 1.5; margin-bottom: 1.3125rem; -ms-font-feature-settings: "liga", "dlig"; -o-font-feature-settings: "liga", "dlig"; font-feature-settings: "liga", "dlig"; } p:last-child { margin-bottom: 0; } .lead { font-weight: 300; margin-bottom: 1.3125rem; } .stat { font-family: "Poppins", sans-serif; font-weight: 700; } blockquote, .blockquote { font-family: inherit; font-size: 1.25rem; font-weight: 300; font-style: italic; line-height: 1.8; max-width: 90%; margin: 1.3125rem 0 1.3125rem 5%; padding-top: 1em; padding-bottom: 1em; border-left-width: 2px; } blockquote, blockquote p, .blockquote, .blockquote p { color: #8a8a8a; } blockquote.primary, .blockquote.primary { border-left-color: #ffdd39; } blockquote cite, blockquote.callout > cite:first-child, .blockquote cite, .blockquote.callout > cite:first-child { margin-top: 1em; } /*------------------------------------------------------------------------------ LISTS ------------------------------------------------------------------------------*/ nav ol, nav ul { list-style: none; list-style-image: none; } ul.marked { list-style: none; } ul.marked > li:before { margin-left: -1.25em; padding-right: .7em; content: "•"; color: currentColor; } ul.colored { list-style: none; } ul.colored > li > .zmdi-hc-li { color: #ffdd39; } ol, ul { padding: 0; } ol.colored > li:before, ul.colored > li:before { color: #ffdd39; } .ordered, .ordered_nested { margin-left: 2.14286em; /* 30px */ padding-left: 0; list-style: none; counter-reset: section; } .ordered > li, .ordered_nested > li { position: relative; } .ordered > li:before, .ordered_nested > li:before { position: absolute; left: -2.14286em; width: 2.14286em; counter-increment: section; text-align: center; } .ordered > li:before { content: counter(section) ". "; } .ordered_nested > li:before { content: counters(section, ". ") ". "; } .ordered_nested .ordered_nested .ordered_nested { margin-left: 3.21429em; } .ordered_nested .ordered_nested .ordered_nested li:before { left: calc(-2.14286em * 1.5); width: calc(2.14286em * 1.5); } /*------------------------------------------------------------------------------ FEATURES LISTS ------------------------------------------------------------------------------*/ .featured-list-bordered { list-style: none; } .featured-list-bordered:last-child { margin-bottom: 0; } .featured-list-bordered > li:not(:last-child) { margin-bottom: .65625rem; padding-bottom: .65625rem; border-bottom: 1px dashed #cacaca; } [class*="secondary"] .featured-list-bordered > li:not(:last-child) { border-color: rgba(138, 138, 138, .5); } .featured-list-bordered > li a, .featured-list-bordered > li button { line-height: inherit; } .featured-list-bordered > li button { text-align: left; } .featured-list-bordered > li button:not(.block-link) { transition: color linear .3s; } .featured-list-bordered > li button:not(.block-link):focus, .featured-list-bordered > li button:not(.block-link):hover { color: #ffdd39; } .featured-list-bordered > li i { margin-right: 1rem; } .featured-list { margin-left: 2.875rem; } .featured-list > li, .featured-list .fa-li, .featured-list .zmdi-hc-li { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .featured-list .fa-li, .featured-list .zmdi-hc-li { top: 0; bottom: 0; left: -2.875rem; height: 2.14285714em; margin: auto; -ms-flex-align: center; align-items: center; } .featured-list > li { flex-direction: column; -ms-flex-direction: column; } .featured-list > li:not(:last-child) { margin-bottom: 1.3125rem; } .featured-list a, .featured-list button { line-height: 1.5; } .featured-list.flip-x { margin-right: 5.8125rem; margin-left: 0; text-align: right; } .featured-list.flip-x .fa-li, .featured-list.flip-x .zmdi-hc-li { right: -5.75rem; left: auto; } .featured-list.icon-to-top li > i { bottom: auto; } .featured-list.zmdi-hc-ul-2x, .featured-list.fa-ul-2x { margin-left: 4.75rem; } .featured-list.zmdi-hc-ul-2x .fa-li, .featured-list.zmdi-hc-ul-2x .zmdi-hc-li, .featured-list.fa-ul-2x .fa-li, .featured-list.fa-ul-2x .zmdi-hc-li { left: -4.75rem; } .featured-list.zmdi-hc-ul-2x > li:not(:last-child), .featured-list.fa-ul-2x > li:not(:last-child) { margin-bottom: 2.625rem; } .featured-list-bordered.zmdi-hc-ul-2x, .featured-list-bordered.fa-ul-2x { margin-left: 3.75rem; } .featured-list-bordered.zmdi-hc-ul-2x .fa-li, .featured-list-bordered.zmdi-hc-ul-2x .zmdi-hc-li, .featured-list-bordered.fa-ul-2x .fa-li, .featured-list-bordered.fa-ul-2x .zmdi-hc-li { left: -3.75rem; margin-right: 0; } /*----------------------------------------------------------------------------*/ .row .row { min-width: inherit; } .js-off-canvas-overlay { z-index: 2; background: rgba(0, 0, 0, .75); } .off-canvas { z-index: 3; background-color: #f8f8f8; } .mui-enter { opacity: 0; } .mui-enter.mui-enter-active { opacity: 1; } .massonry-cards > * { padding: .5rem 1rem; } .zmdi-google::after { margin-left: .15em; content: "+"; } /*------------------------------------------------------------------------------ SVG DEFAULT STYLES ------------------------------------------------------------------------------*/ svg { display: block; width: 100%; height: 100%; } svg:not(:root) { overflow: hidden; } svg.secondary { color: #333; fill: #333; } svg.secondary-shade { color: #242424; fill: #242424; } svg.secondary-gray { color: #8a8a8a; fill: #8a8a8a; } svg.primary { color: #ffdd39; fill: #ffdd39; } svg.white { color: #fff; fill: #fff; } .s-headline-decor, .price-val, .countdown.rh-countdown > div:after, .s-content-box-link:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 64.782 66.25'%3E%3Cpath fill='none' stroke='%23FFDD39' stroke-width='2' stroke-miterlimit='22.9256' d='M4.232,8.063L2.607,2H62.17l-1.64,6.063 M46.734,59.064l-1.403,5.186H19.287l-1.39-5.186'/%3E%3C/svg%3E"); } [class*="bg-primary"] .s-headline-decor, .bg-primary .price .price-val { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 61.52 63.75'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='22.9256' d='M2.602,6.813L0.977,0.75h59.563 L58.9,6.813 M45.104,57.814L43.701,63H17.657l-1.39-5.186'/%3E%3C/svg%3E"); } /*------------------------------------------------------------------------------ DIVIDERS ------------------------------------------------------------------------------*/ hr { margin: 1.3125rem auto; border-bottom-color: #d6d6d6; } hr.expanded { max-width: 100%; } hr.large { border-bottom-width: 2px; } hr.xlarge { border-bottom-width: 3px; } hr.dashed { border-bottom-style: dashed; } hr.dotted { border-bottom-style: dotted; } hr.primary { border-bottom-color: #ffdd39; } hr.white { border-bottom-color: #fff; } /*------------------------------------------------------------------------------ SOME SUMMARY STYLES ------------------------------------------------------------------------------*/ /*---------------------------------------- POSITIONING */ .has-overlay:before, .block-link span:after, .button.hollow:before, .rh-button-simple:before, .rh-button-simple:after, .s-headline:before, .s-headline:after, .media-button .media-object-section:before, .image-hover:before, .button-zoom:before, .button-zoom:after, .gallery-image:before, .content-slider .orbit-container:before, #hero-carousel-dots .owl-dots:first-child:before, #hero-carousel-dots .owl-dots:last-child:after, .timeline-vertical:before, .timeline-item:before, .counter .num:before, .counter .num:after, .countdown.rh-countdown > div:after, .countdown.circle > div:after, .countdown.square > div:after, [class*="testimonials-divider"]:before, [class*="testimonials-divider"]:after, .s-testimonials.s-half .s-half-image:nth-child(1):before, .s-testimonials.s-half .s-half-image:nth-child(2):before, [class*="s-line"]:before, [class*="s-rowline"] > .row:before, .s-content-box-image:before, .s-content-box-link:after, .logo-container:before, .logo-container:after, .page-header[data-interchange]:before, .page-header[data-interchange]:after, hr.border-3:before, .block-header.border-3 hr:before, hr.border-3:after, .block-header.border-3 hr:after, .site-footer.is-fixed > .row:first-child:before, .hero-content:before, .hero-content:after, .s-equal-paddings.covered:before, .sidebar[class*="fill-to-"]::after { position: absolute; display: block; content: ""; } /*---------------------------------------- TEXT COLORS */ .site-footer h3, .site-footer .h3, .site-footer h4, .site-footer .h4, .site-footer h5, .site-footer .h5, .site-footer h6, .site-footer .h6 { color: #fff; } /*---------------------------------------- BACKGROUND COLORS */ .site-header { background-color: #242424; } .has-overlay:before, .s-content-box-image:before { top: 0; left: 0; width: 100%; height: 100%; background: url(../img/pat_dot.png) repeat 0 0; } /*------------------------------------------------------------------------------ HELPERS ------------------------------------------------------------------------------*/ /*--------------------------------------- BROWSERUPGRADE */ .browserupgrade { font-size: 16px; position: absolute; top: 200px; right: 0; left: 0; width: 50%; margin: auto; padding: 22px 12px; text-align: center; color: #ecf0f1; background: #d91e18; } .browserupgrade-overlay { position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; background-color: #242424; } .browserupgrade strong { text-decoration: underline; } .browserupgrade a { color: #ffea84; } /*---------------------------------------- SELECTION COLOR */ ::-moz-selection { color: #d6d6d6; background: #242424; text-shadow: none; } ::selection { color: #d6d6d6; background: #242424; text-shadow: none; } /*---------------------------------------- Disable hover events on scroll */ .disable-hover { pointer-events: none; } /*---------------------------------------- FIXED BACKGROUND IMAGE */ .is-fixed { background-attachment: fixed; background-position: 50% 50%; background-size: cover; } /*---------------------------------------- Positioning */ .pos-r { position: relative; } .pos-a { position: absolute; } /*---------------------------------------- IMAGE DOT OVERLAY */ .has-overlay { position: relative; } .has-overlay > * { position: relative; z-index: 1; } /*---------------------------------------- GRAYSCALE FILTER */ .grayscale { transition: filter linear .3s; filter: grayscale(100%); } .featured-list-bordered > li:focus .grayscale, .featured-list-bordered > li:hover .grayscale, .grayscale:focus, .grayscale:hover, .post-media:focus .grayscale, .post-media:hover .grayscale, .pinned-post:focus .grayscale, .pinned-post:hover .grayscale, .card:focus .grayscale, .card:hover .grayscale, .card-post-simple:focus .grayscale, .card-post-simple:hover .grayscale, .image-hover:focus .grayscale, .image-hover:hover .grayscale, .responsive-embed:focus .grayscale, .responsive-embed:hover .grayscale, .content-slider:focus .grayscale, .content-slider:hover .grayscale, .content-slider-thumbs .slick-current .grayscale, .timeline-item:focus .grayscale, .timeline-item:hover .grayscale, .testimonials-item:focus .grayscale, .testimonials-item:hover .grayscale, .s-half:focus .s-half-image.grayscale, .s-half:hover .s-half-image.grayscale, [class*="s-content-box"]:focus .grayscale, [class*="s-content-box"]:hover .grayscale, .short-posts-link:focus .grayscale, .short-posts-link:hover .grayscale { filter: grayscale(0); } /*---------------------------------------- BLOCK-SHADOW Box-shadow for block elements (cards, callout etc.) */ .block-shadow { transition: box-shadow .3s; box-shadow: 0 0 5px rgba(0, 0, 0, .25); } .block-shadow:focus, .block-shadow:hover { box-shadow: 0 0 25px rgba(0, 0, 0, .25); } .block-shadow.bg-secondary { box-shadow: 0 0 5px rgba(0, 0, 0, .35); } .block-shadow.bg-secondary:focus, .block-shadow.bg-secondary:hover { box-shadow: 0 0 25px rgba(0, 0, 0, .35); } /*--------------------------------------- TEXT HELPERS */ .break:after { content: "\A"; white-space: pre; } .text-hide { font: 0/0 a; position: absolute; color: transparent; border: 0; background-color: transparent; text-shadow: none; } .mark { color: #ffdd39; } .mark:before, .mark:after { content: " "; } /*---------------------------------------- RENDERING FIXES Fix for chrome bugs with rendering */ .chrome-transform-fix, .rh-button, .rh-button-simple, .button.transparent, .gallery, .topbar-icon, .logo-container a, .site-footer-section, .trapeze form, .section-trapeze .row > .column, .card-service .icon-box i { -webkit-transform: translateZ(0); } .chrome-transform-fix { position: relative; } .chrome-transform-fix:focus, .chrome-transform-fix:hover { z-index: 1; } /*---------------------------------------- BLOCK-SCALE Helper class for scaling block elements on hover */ .block-scale, .card-post-icon, .card-feature { position: relative; z-index: 0; transition: box-shadow cubic-bezier(.68, -.55, .27, 1.55) .5s, transform cubic-bezier(.68, -.55, .27, 1.55) .5s; } .block-scale h3, .card-post-icon h3, .card-feature h3, .block-scale .h3, .card-post-icon .h3, .card-feature .h3, .block-scale p, .card-post-icon p, .card-feature p { -webkit-transform: translateZ(0); } /*---------------------------------------- BLOCK-TRANSLATE Helper class for moving block elements on hover */ .block-translate { position: relative; z-index: 0; transition: box-shadow cubic-bezier(.68, -.55, .27, 1.55) .5s, transform cubic-bezier(.68, -.55, .27, 1.55) .5s; } /*---------------------------------------- LINKS HELPERS */ .phone, .mail { line-height: 1; white-space: nowrap; text-decoration: none; } .phone span, .phone i, .mail span, .mail i { display: inline-block; margin-right: .3125rem; } .block-link { line-height: 1.5; display: inline-block; overflow: hidden; } .block-link span { position: relative; margin: 0; } .block-link span:after { bottom: 0; left: 0; width: 0; height: 1px; transition: width linear .3s; background-color: currentColor; } li.is-active > .block-link, .block-link:hover, .block-link:focus { color: currentColor; } li.is-active > .block-link span:after, .block-link:hover span:after, .block-link:focus span:after { width: 100%; } /*--------------------------------------- MARGIN & PADDING HELPER CLASSES */ .m0 { margin: 0 !important; } .mb0 { margin-bottom: 0 !important; } .mt0 { margin-top: 0 !important; } .p0 { padding: 0 !important; } .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0 !important; } /*---------------------------------------- BACKGROUND COLORS HELPER CLASSES */ .bg-primary { background-color: #ffdd39 !important; } .bg-primary-tint { background-color: #ffea84 !important; } .bg-primary-shade { background-color: #f2ce1e !important; } .bg-secondary { background-color: #333 !important; } .bg-secondary-tint { background-color: #404040 !important; } .bg-secondary-shade { background-color: #242424 !important; } .bg-gray { background-color: #f8f8f8 !important; } .bg-gray-shade { background-color: #e6e6e6 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } /*---------------------------------------- TEXT COLORS HELPER CLASSES */ .primary-color { color: #ffdd39 !important; } .primary-tint-color { color: #ffea84 !important; } .primary-shade-color { color: #f2ce1e !important; } .secondary-color { color: #333 !important; } .secondary-tint-color { color: #404040 !important; } .secondary-shade-color { color: #242424 !important; } .gray-color { color: #d6d6d6 !important; } .gray-shade-color { color: #8a8a8a !important; } .white-color { color: #fff !important; } /*------------------------------------------------------------------------------ FORMS ELEMENTS ------------------------------------------------------------------------------*/ [type="email"], [type="number"], [type="password"], [type="search"], [type="text"], textarea, select { font-size: .875rem; height: 3.125rem; padding: .67rem; transition: all .3s; color: #333; border-width: 0 0 1px 0; border-color: #e6e6e6; background-color: rgba(230, 230, 230, .45); box-shadow: none; } [type="email"]:focus, [type="number"]:focus, [type="password"]:focus, [type="search"]:focus, [type="text"]:focus, textarea:focus, select:focus { border-width: 0 0 1px 0; border-color: #ffdd39; outline: none; background-color: rgba(248, 248, 248, .85); box-shadow: none; } form.small [type="email"], form.small [type="number"], form.small [type="password"], form.small [type="search"], form.small [type="text"], form.small textarea, form.small select { height: 2.5rem; } /*---------------------------------------- Hide Safari contacts-auto-fill-button. Make sure you have 'absolute:position' to avoid extra padding from your fields. */ /* input::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0; } */ [type="submit"] { margin-bottom: 0; } form:not(.simple-form) [type="submit"] { margin-top: 1.3125rem; } input { overflow: visible; box-shadow: none; } textarea { padding-top: .9375rem; } select { padding-right: 1rem; cursor: pointer; background-image: url("data:image/svg+xml;utf8,"); background-position: right center; } select.input-group-field { height: 3.125rem; } select option { color: #333; } /*---------------------------------------- PLACEHOLDER COLORS */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #8a8a8a; } input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */ color: #8a8a8a; } input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */ color: #8a8a8a; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #8a8a8a; } select.placeholder { color: #8a8a8a; } .is-invalid-label select.placeholder { color: #cc4b37; } /*----------------------------------------*/ .input-group { position: relative; } .input-group-label { position: absolute; z-index: 1; top: 1.125rem; left: 0; border: 0; background: transparent; } .input-group-label + .input-group-field, .input-group-label + textarea { padding-left: 2.4rem; } form.small .input-group-label { top: .8125rem; } .input-group textarea { margin-bottom: 0; } form .button-group { margin-bottom: 0; padding-top: 1.3125rem; } form .button-group [type="submit"] { margin-top: 0; } .textarea-column, .textarea-column > label { display: -ms-flexbox; display: flex; } .textarea-column > label { width: 100%; } fieldset:not(:last-of-type) { padding-bottom: 1.3125rem; } fieldset.border { border-top: 1px solid #e6e6e6; } fieldset:not(:first-of-type).border { padding-top: 2.625rem; } fieldset[class*="bg-"] { margin: 0 -1rem -1rem; padding: 1rem; } fieldset[class*="bg-"] [type="submit"] { margin-bottom: 1rem; } fieldset.bg-secondary { color: #fff; } /*---------------------------------------- FORM PRIMARY Form colors on primary backgrounds */ .form-primary [type="email"]:not(.is-invalid-input), .form-primary [type="number"]:not(.is-invalid-input), .form-primary [type="password"]:not(.is-invalid-input), .form-primary [type="search"]:not(.is-invalid-input), .form-primary [type="text"]:not(.is-invalid-input), .form-primary textarea, .form-primary select { border-color: rgba(51, 51, 51, .25); background-color: rgba(255, 255, 255, .35); } .form-primary [type="email"]:not(.is-invalid-input):focus, .form-primary [type="number"]:not(.is-invalid-input):focus, .form-primary [type="password"]:not(.is-invalid-input):focus, .form-primary [type="search"]:not(.is-invalid-input):focus, .form-primary [type="text"]:not(.is-invalid-input):focus, .form-primary textarea:focus, .form-primary select:focus { border-color: white; background-color: rgba(255, 255, 255, .5); } .form-primary input::-webkit-input-placeholder, .form-primary textarea::-webkit-input-placeholder { color: #333; } .form-primary input:-moz-placeholder, .form-primary textarea:-moz-placeholder { /* Firefox 18- */ color: #333; } .form-primary input::-moz-placeholder, .form-primary textarea::-moz-placeholder { /* Firefox 19+ */ color: #333; } .form-primary input:-ms-input-placeholder, .form-primary textarea:-ms-input-placeholder { color: #333; } .form-primary label, .form-primary .input-group-label, .form-primary select { color: #333; } /*---------------------------------------- FORM SECONDARY Form colors on secondary (dark) backgrounds */ .form-secondary [type="email"]:not(.is-invalid-input), .form-secondary [type="number"]:not(.is-invalid-input), .form-secondary [type="password"]:not(.is-invalid-input), .form-secondary [type="search"]:not(.is-invalid-input), .form-secondary [type="text"]:not(.is-invalid-input), .form-secondary textarea, .form-secondary select { color: #cacaca; border-color: #8a8a8a; background-color: rgba(255, 255, 255, .2); } .form-secondary [type="email"]:not(.is-invalid-input):focus, .form-secondary [type="number"]:not(.is-invalid-input):focus, .form-secondary [type="password"]:not(.is-invalid-input):focus, .form-secondary [type="search"]:not(.is-invalid-input):focus, .form-secondary [type="text"]:not(.is-invalid-input):focus, .form-secondary textarea:focus, .form-secondary select:focus { border-color: #ffdd39; background-color: rgba(255, 255, 255, .3); } .form-secondary label, .form-secondary .input-group-label { color: #d6d6d6; } .form-secondary input::-webkit-input-placeholder, .form-secondary textarea::-webkit-input-placeholder { color: #cacaca; } .form-secondary input:-moz-placeholder, .form-secondary textarea:-moz-placeholder { /* Firefox 18- */ color: #cacaca; } .form-secondary input::-moz-placeholder, .form-secondary textarea::-moz-placeholder { /* Firefox 19+ */ color: #cacaca; } .form-secondary input:-ms-input-placeholder, .form-secondary textarea:-ms-input-placeholder { color: #cacaca; } .form-secondary select { background-image: url("data:image/svg+xml;utf8,"); } /*---------------------------------------- FORM GRAY Form colors on gray backgrounds */ .form-gray [type="email"]:not(.is-invalid-input), .form-gray [type="number"]:not(.is-invalid-input), .form-gray [type="password"]:not(.is-invalid-input), .form-gray [type="search"]:not(.is-invalid-input), .form-gray [type="text"]:not(.is-invalid-input), .form-gray textarea, .form-gray select { border-color: #cacaca; background-color: rgba(255, 255, 255, .75); } .form-gray [type="email"]:not(.is-invalid-input):focus, .form-gray [type="number"]:not(.is-invalid-input):focus, .form-gray [type="password"]:not(.is-invalid-input):focus, .form-gray [type="search"]:not(.is-invalid-input):focus, .form-gray [type="text"]:not(.is-invalid-input):focus, .form-gray textarea:focus, .form-gray select:focus { border-color: #ffdd39; background-color: #fff; } /*---------------------------------------- SINGLE FORM ( input and button in single row ) */ .simple-form .input-group { margin-bottom: 0; } .simple-form .input-group-field { padding-right: 2.4rem; } .simple-form .input-group-field + .button.transparent { font-size: 1rem; line-height: 1.8em; position: absolute; right: 0; } .simple-form.small .input-group-field + .button.transparent { line-height: 1; } .simple-form .right-vb { margin-left: -1.25em; } .simple-form:not(.bordered) input { border-bottom: none; } .simple-form button, .simple-form .button { margin-bottom: 0; } .simple-form .form-error { margin-top: .63rem; } /* Hide input[type=number] spin button */ input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } input[type=number] { -moz-appearance: textfield; } /*---------------------------------------- RANGE SLIDER */ .slider, .slider-fill { height: .125rem; } .slider.vertical, .slider-fill.vertical { width: .125rem; } .slider { margin-top: 2.625rem; margin-bottom: 2.625rem; transform: translateZ(0); } .slider, .slider.vertical { background-color: #e6e6e6; } [class*="bg-primary"] .slider, [class*="bg-primary"] .slider.vertical { background-color: #fff; } .slider.vertical { margin-right: 1.875rem; margin-left: 1.875rem; } .slider-fill, .slider-fill.vertical { background-color: #ffdd39; } [class*="bg-primary"] .slider-fill, [class*="bg-primary"] .slider-fill.vertical { background-color: #333; } .slider-handle { transform: translateY(-50%) scale(1, 1); border-radius: 50%; background-color: transparent; background-image: radial-gradient(circle, #f8f8f8 0%, #f8f8f8 9px, #e6e6e6 11px, #e6e6e6 100%); box-shadow: 0 0 2px rgba(0, 0, 0, .35); } .slider .slider-handle, .slider.vertical .slider-handle { width: 1.125rem; height: 1.125rem; } .slider.vertical .slider-handle { transform: translateX(-50%) scale(1); } .slider-handle:hover, .slider-handle:active { transform: translateY(-50%) scale(1.25); background-color: #8a8a8a; box-shadow: 0 0 5px rgba(0, 0, 0, .2); } .slider.vertical .slider-handle:hover, .slider.vertical .slider-handle:active { transform: translateX(-50%) scale(1.25); } .slider.disabled { opacity: .5; } .slider.disabled .slider-handle { box-shadow: 0 0 2px rgba(0, 0, 0, .85); } .slider.disabled .slider-handle:hover, .slider.disabled .slider-handle:active { transform: translateY(-50%) scale(1, 1); box-shadow: 0 0 2px rgba(0, 0, 0, .85); } .slider.disabled.vertical .slider-handle:hover, .slider.disabled.vertical .slider-handle:active { transform: translateX(-50%) scale(1, 1); } /*---------------------------------------- SWITCHES */ .switch { height: 1.5rem; } .switch-paddle { width: 7rem; height: 1.5rem; background-color: #e6e6e6; } .switch-paddle:after { width: 3.25rem; height: 1rem; background-color: #333; } input:checked ~ .switch-paddle { background: #ffdd39; } input:checked ~ .switch-paddle::after { left: 3.5rem; } .switch.tiny { height: .75rem; } .switch.tiny .switch-paddle { width: 3.25rem; height: .75rem; } .switch.tiny .switch-paddle:after { width: 1.25rem; height: .25rem; } .switch.small { height: 1rem; } .switch.small .switch-paddle { width: 4.5rem; height: 1rem; } .switch.small .switch-paddle:after { width: 2rem; height: .5rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2.25rem; } .switch.large { height: 2rem; } .switch.large .switch-paddle { width: 9rem; height: 2rem; } .switch.large .switch-paddle:after { width: 4.25rem; height: 1.5rem; } .switch.large input:checked ~ .switch-paddle::after { left: 4.5rem; } /*---------------------------------------- CHECKBOXES & RADIOS */ .checkbox, .radio { margin-top: 2px; margin-bottom: 1rem; } .checkbox label, .radio label { font-size: .875rem; line-height: 1; position: relative; display: block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox.inline label, .radio.inline label { display: inline-block; } .checkbox.inline:not(:last-child), .radio.inline:not(:last-child) { margin-right: 1rem; } .custom-checkbox, .custom-radio { position: relative; display: inline-block; width: 1.125rem; height: 1.125rem; margin: 0 6px 0 0; vertical-align: top; border: 1px solid #d6d6d6; } .custom-checkbox { top: -2px; transition: box-shadow .3s ease; background: #ffdd39; box-shadow: inset 0 0 0 12px #fff; } .form-primary .checkbox [type="checkbox"]:not(:checked) + .custom-checkbox { border-color: #333; background: #333; box-shadow: inset 0 0 0 12px #333; } .form-secondary .checkbox [type="checkbox"]:not(:checked) + .custom-checkbox { box-shadow: inset 0 0 0 12px rgba(255, 255, 255, .2); } .form-gray .checkbox [type="checkbox"]:not(:checked) + .custom-checkbox { background: #fff; box-shadow: inset 0 0 0 12px rgba(255, 255, 255, .75); } .icon-check { position: absolute; top: 0; left: 0; width: 1.25rem; height: 1.25rem; transition: transform .4s ease; transform: scale(0); background-size: cover; } .icon-check:before { font-size: .75rem; font-weight: bold; line-height: 1.5; position: absolute; left: 0; width: .75rem; height: inherit; content: "\2713"; text-align: center; color: #fff; } .checkbox [type="checkbox"], .radio [type="radio"] { position: absolute; top: 0; left: 0; visibility: hidden; } .checkbox [type="checkbox"]:checked + .custom-checkbox { border-color: #ffdd39; box-shadow: none; } .checkbox [type="checkbox"]:checked + .custom-checkbox .icon-check { transform: scale(1); } .custom-radio { top: -2px; transition: background-color .3s ease, border-color .3s ease; border-radius: 50%; background: #fff; } .icon-radio-check { width: 100%; height: 100%; } .icon-radio-check, .icon-radio-check:before, .icon-radio-check:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .icon-radio-check:before, .icon-radio-check:after { display: block; content: ""; transition: background-color .3s ease, transform .3s ease; transform: scale(0); border-radius: 50%; } .icon-radio-check:before { width: .875rem; height: .875rem; background-color: #fff; } .icon-radio-check:after { width: .5rem; height: .5rem; background-color: #ffdd39; } .radio [type="radio"]:checked + .custom-radio { border-color: #ffdd39; background: #ffdd39; } .radio [type="radio"]:checked + .custom-radio .icon-radio-check:before, .radio [type="radio"]:checked + .custom-radio .icon-radio-check:after { transform: scale(1); } /*---------------------------------------- CHECKBOX & RADIO COLORS */ /* Secondary color */ .checkbox [type="checkbox"]:checked + .secondary, .radio [type="radio"]:checked + .secondary { border: 1px solid #333; background: #333; } .radio [type="radio"]:checked + .secondary .icon-radio-check:after { background-color: #333; } /* Success color */ .checkbox [type="checkbox"]:checked + .success, .radio [type="radio"]:checked + .success { border: 1px solid #3adb76; background: #3adb76; } .radio [type="radio"]:checked + .success .icon-radio-check:after { background-color: #3adb76; } /* Alert color */ .checkbox [type="checkbox"]:checked + .alert, .radio [type="radio"]:checked + .alert { border: 1px solid #cc4b37; background: #cc4b37; } .radio [type="radio"]:checked + .alert .icon-radio-check:after { background-color: #cc4b37; } /* Warning color */ .checkbox [type="checkbox"]:checked + .warning, .radio [type="radio"]:checked + .warning { border: 1px solid #ffae00; background: #ffae00; } .radio [type="radio"]:checked + .warning .icon-radio-check:after { background-color: #ffae00; } /* Disabled status */ .checkbox .disabled, .radio .disabled { cursor: not-allowed; pointer-events: none; opacity: .35; } /*---------------------------------------- FORM ERROR STYLES */ .form-error { margin-left: .63rem; } .is-invalid-label .form-error { animation: rh-fade-in .5s; } .is-invalid-input:not(:focus) { background-color: rgba(230, 230, 230, .45); } .is-invalid-input:not(:focus) .form-primary { background-color: rgba(255, 255, 255, .35); } .is-invalid-input:not(:focus) .form-secondary { background-color: rgba(255, 255, 255, .2); } .is-invalid-input:not(:focus) .form-gray { background-color: inherit; } .is-invalid-label .input-group-label { color: #d91e18; } /*------------------------------------------------------------------------------ BUTTONS (DEFAULT FOUNDATION BUTTONS) ------------------------------------------------------------------------------*/ button { cursor: pointer; } .button { font-family: "Poppins", sans-serif; font-size: .75rem; font-weight: 600; position: relative; padding: 1.5em 2em; vertical-align: bottom; text-transform: uppercase; border-width: 0; } .button:active:not(.disabled) { top: 2px; } .button i { animation-name: rh-scale-out; } .button i, .button:focus i, .button:hover i { animation-duration: .5s; } .button:focus i, .button:hover i { animation-name: rh-scale-in; } /*---------------------------------------- BUTTON COLORS */ .button, .button.primary { color: #333; background-color: #ffdd39; } .button:focus, .button:hover, .button.primary:focus, .button.primary:hover { color: #fff; background-color: #333; } .button.secondary { color: #fff; background-color: #242424; } .button.secondary:focus, .button.secondary:hover { color: #333; background-color: #d6d6d6; } .button.secondary-white { color: #333; background-color: #fff; } .button.secondary-white:focus, .button.secondary-white:hover { color: #fff; background-color: #333; } .button.alert { background-color: #d91e18; } .button.alert:focus, .button.alert:hover { background-color: #a53b2a; } .button.alert, .button.alert:focus, .button.alert:hover, .button.success, .button.success:focus, .button.success:hover, .button.warning, .button.warning:focus, .button.warning:hover { color: #fff; } /*---------------------------------------- BUTTON SHADOW */ .button.shadow { transition: background-color .3s linear, color .3s linear, box-shadow .1s linear; box-shadow: 0 7px 8px -5px rgba(0, 0, 0, .25); } .button.shadow:focus, .button.shadow:hover { box-shadow: 0 7px 8px -5px rgba(0, 0, 0, .25); } .button.shadow:active { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25); } .button.shadow.secondary-white { box-shadow: 0 7px 8px -5px rgba(0, 0, 0, .25); } .button.shadow.secondary-white:focus, .button.shadow.secondary-white:hover { box-shadow: 0 7px 8px -5px rgba(0, 0, 0, .25); } .button.shadow.secondary-white:active { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .25); } /*---------------------------------------- HOLLOW BUTTON */ .button.hollow { z-index: 1; transition: color .3s linear, border-color .3s linear; border-width: 1px; background-color: transparent; } .button.hollow:before { z-index: -1; bottom: 0; left: 0; width: 100%; height: 0; transition: height linear .3s; } .button.hollow, .button.hollow.primary { color: #ffdd39; border-color: rgba(255, 221, 57, .5); } .button.hollow:before, .button.hollow.primary:before { background-color: #ffdd39; } .button.hollow.secondary { color: #8a8a8a; border-color: rgba(138, 138, 138, .5); } .button.hollow.secondary:before { background-color: #333; } .button.hollow.secondary-white { color: #fff; border-color: rgba(255, 255, 255, .5); background-color: inherit; } .button.hollow.secondary-white:before { background-color: #fff; } .button.hollow.success:before { background-color: #3adb76; } .button.hollow.alert { color: #d91e18; border-color: #d91e18; } .button.hollow.alert:before { background-color: #d91e18; } .button.hollow.warning:before { background-color: #ffae00; } .button.hollow:focus, .button.hollow:hover { background-color: transparent; } .button.hollow:focus:before, .button.hollow:hover:before { top: 0; height: 100%; } .button.hollow:focus, .button.hollow:focus.primary, .button.hollow:hover, .button.hollow:hover.primary { color: #333; border-color: #ffdd39; } .button.hollow:focus.secondary, .button.hollow:hover.secondary { border-color: #333; } .button.hollow:focus.secondary, .button.hollow:focus.success, .button.hollow:focus.alert, .button.hollow:focus.warning, .button.hollow:hover.secondary, .button.hollow:hover.success, .button.hollow:hover.alert, .button.hollow:hover.warning { color: #fff; } .button.hollow:focus.secondary-white, .button.hollow:hover.secondary-white { color: #333; border-color: #fff; background-color: inherit; } .button.hollow:focus.alert, .button.hollow:hover.alert { border-color: #d91e18; } .button.hollow:focus.success, .button.hollow:hover.success { border-color: #3adb76; } .button.hollow:focus.warning, .button.hollow:hover.warning { border-color: #ffae00; } .button.hollow.simple { font-size: .9375rem; width: 3.334em; height: 3.334em; padding: 1em 1em; -ms-flex-pack: center; justify-content: center; } .button.hollow.simple.small { font-size: .75rem; } /*---------------------------------------- DISABLED BUTTON */ .button.disabled:not([class*="rh-button"]), .button.disabled:not([class*="rh-button"]):focus, .button.disabled:not([class*="rh-button"]):hover, .button[disabled]:not([class*="rh-button"]), .button[disabled]:not([class*="rh-button"]):focus, .button[disabled]:not([class*="rh-button"]):hover { top: 0; color: #333; border-color: #d6d6d6; background-color: #d6d6d6; } .button.disabled:not([class*="rh-button"]):before, .button.disabled:not([class*="rh-button"]):focus:before, .button.disabled:not([class*="rh-button"]):hover:before, .button[disabled]:not([class*="rh-button"]):before, .button[disabled]:not([class*="rh-button"]):focus:before, .button[disabled]:not([class*="rh-button"]):hover:before { height: 0; } .button.disabled:not([class*="rh-button"]) i, .button.disabled:not([class*="rh-button"]):focus i, .button.disabled:not([class*="rh-button"]):hover i, .button[disabled]:not([class*="rh-button"]) i, .button[disabled]:not([class*="rh-button"]):focus i, .button[disabled]:not([class*="rh-button"]):hover i { animation: none; } /*---------------------------------------- BUTTON SIZES */ .button.tiny { font-size: .5rem; } .button.small { font-size: .625rem; } .button.large { font-size: 1rem; } .label .button, .rh-label .button { margin-bottom: 0; } /*---------------------------------------- BUTTON GROUP */ .button-group .button { font-size: .75rem; margin-bottom: 0; } .button-group .button.is-active, .button-group .button.active { cursor: default; color: #fff; background-color: #242424; } .button-group .button.is-active i, .button-group .button.active i { animation: none; } .button-group.tiny .button { font-size: .5rem; } .button-group.small .button { font-size: .625rem; } .button-group.large .button { font-size: 1rem; } .button-group.filter-options { margin-bottom: 2.625rem; } .button-group.filter-options .button.active { color: #fff; background-color: #333; } /*------------------------------------------------------------------------------ THEMEPLATE BUTTONS (CUSTOM STYLES) ------------------------------------------------------------------------------*/ /*---------------------------------------- BASE STYLE, ICON ON LEFT SIDE */ [class*="rh-button"]:not(.shadow), [class*="rh-button"]:not(.shadow):focus, [class*="rh-button"]:not(.shadow):hover { box-shadow: none; } .rh-button { padding: 0 2em; text-decoration: none; } .rh-button, .rh-button:after, .rh-button:before { box-sizing: content-box; height: 0; border: 1.25em solid transparent; border-top-width: 4.1666666666666666666666666666667em; border-bottom-width: 0; } .rh-button:after, .rh-button:before { position: absolute; right: -1.25em; bottom: 0; left: auto; display: block; content: ""; transition: all .3s; } .rh-button:before { width: 2.5em; } .rh-button:after { width: 0; } .rh-button span { position: relative; top: -2.58333em; display: block; padding-right: 3.25em; padding-left: 0; animation-name: rh-slide-left; animation-duration: .5s; white-space: nowrap; } .rh-button i { font-size: 1.2em; position: absolute; z-index: 1; top: -2.28333em; right: .6em; left: auto; } .rh-button, .rh-button:focus, .rh-button:hover { background-color: transparent !important; } .rh-button:focus:before, .rh-button:hover:before { width: 100%; } .rh-button:focus:after, .rh-button:hover:after { width: 2.5em; border-right-width: 1.25em; border-left-width: 1.25em; } .rh-button:focus span, .rh-button:hover span { animation-name: rh-slide-right; animation-duration: .5s; } .rh-button.expanded { width: calc(100% - 6.5em); } /*---------------------------------------- THEMEPLATE BUTTON, ICON ON LEFT SIDE */ .rh-button.icon-left:after, .rh-button.left-vb:after, .rh-button.icon-left:before, .rh-button.left-vb:before { right: auto; left: -1.25em; } .rh-button.icon-left span, .rh-button.left-vb span { padding-right: 0; padding-left: 3.25em; animation-direction: reverse; } .rh-button.icon-left i, .rh-button.left-vb i { right: auto; left: .6em; } /*---------------------------------------- THEMEPLATE BUTTON, FLIPED BY VERTICAL */ .rh-button.flip-y, .rh-button.flip-y:after, .rh-button.flip-y:before { border-top-width: 0; border-bottom-width: 4.1666666666666666666666666666667em; } .rh-button.flip-y:after, .rh-button.flip-y:before { top: 0; } .rh-button.flip-y span { top: auto; bottom: -1.58333em; } .rh-button.flip-y i { top: auto; bottom: -2.18333em; } /*---------------------------------------- THEMEPLATE BUTTON WITH ONE VERTICAL BORDER */ .rh-button.left-vb:after, .rh-button.left-vb:before, .rh-button.left-vb:focus:after, .rh-button.left-vb:hover:after { width: 3.3929em; border-left-width: 0; } .rh-button.left-vb i { left: .25em; } .rh-button.right-vb:after, .rh-button.right-vb:before, .rh-button.right-vb:focus:after, .rh-button.right-vb:hover:after { width: 3.3929em; border-right-width: 0; } .rh-button.right-vb i { right: .25em; } .rh-button.left-vb:focus:before, .rh-button.left-vb:hover:before, .rh-button.right-vb:focus:before, .rh-button.right-vb:hover:before { width: calc(100% + 1.25em); } /*---------------------------------------- THEMEPLATE BUTTON COLORS */ /* Primary color */ .rh-button, .rh-button:focus, .rh-button:hover, .rh-button.primary, .rh-button.primary:focus, .rh-button.primary:hover { color: #333; } .rh-button:after, .rh-button:before, .rh-button.primary:after, .rh-button.primary:before { border-top-color: #ffea84; border-bottom-color: transparent; } .rh-button, .rh-button:focus:after, .rh-button:hover:after, .rh-button.primary, .rh-button.primary:focus:after, .rh-button.primary:hover:after { border-top-color: #ffdd39; border-bottom-color: transparent; } .rh-button.flip-y:after, .rh-button.flip-y:before, .rh-button.primary.flip-y:after, .rh-button.primary.flip-y:before { border-top-color: transparent; border-bottom-color: #ffea84; } .rh-button.flip-y, .rh-button.flip-y:focus:after, .rh-button.flip-y:hover:after, .rh-button.primary.flip-y, .rh-button.primary.flip-y:focus:after, .rh-button.primary.flip-y:hover:after { border-top-color: transparent; border-bottom-color: #ffdd39; } /* Secondary color */ .rh-button.secondary, .rh-button.secondary:focus, .rh-button.secondary:hover { color: #fff; } .rh-button.secondary:after, .rh-button.secondary:before { border-top-color: #404040; border-bottom-color: transparent; } .rh-button.secondary, .rh-button.secondary:focus:after, .rh-button.secondary:hover:after { border-top-color: #242424; border-bottom-color: transparent; } .rh-button.secondary.flip-y:after, .rh-button.secondary.flip-y:before { border-top-color: transparent; border-bottom-color: #404040; } .rh-button.secondary.flip-y, .rh-button.secondary.flip-y:focus:after, .rh-button.secondary.flip-y:hover:after { border-top-color: transparent; border-bottom-color: #242424; } .rh-button.secondary.disabled, .rh-button.secondary[disabled] { color: #fff; } /* Light color */ .rh-button.secondary-white, .rh-button.secondary-white:focus, .rh-button.secondary-white:hover { color: #333; } .rh-button.secondary-white:after, .rh-button.secondary-white:before { border-top-color: #fff; border-bottom-color: transparent; } .rh-button.secondary-white, .rh-button.secondary-white:focus:after, .rh-button.secondary-white:hover:after { border-top-color: #e6e6e6; border-bottom-color: transparent; } .rh-button.secondary-white.flip-y:after, .rh-button.secondary-white.flip-y:before { border-top-color: transparent; border-bottom-color: #fff; } .rh-button.secondary-white.flip-y, .rh-button.secondary-white.flip-y:focus:after, .rh-button.secondary-white.flip-y:hover:after { border-top-color: transparent; border-bottom-color: #e6e6e6; } /* Alert */ .rh-button.alert, .rh-button.alert:focus, .rh-button.alert:hover { color: #fff; } .rh-button.alert:after, .rh-button.alert:before { border-top-color: #d91e18; border-bottom-color: transparent; } .rh-button.alert, .rh-button.alert:focus:after, .rh-button.alert:hover:after { border-top-color: #ec5652; border-bottom-color: transparent; } .rh-button.alert.flip-y:after, .rh-button.alert.flip-y:before { border-top-color: transparent; border-bottom-color: #d91e18; } .rh-button.alert.flip-y, .rh-button.alert.flip-y:focus:after, .rh-button.alert.flip-y:hover:after { border-top-color: transparent; border-bottom-color: #ec5652; } /* Success */ .rh-button.success, .rh-button.success:focus, .rh-button.success:hover { color: #fff; } .rh-button.success:after, .rh-button.success:before { border-top-color: #3adb76; border-bottom-color: transparent; } .rh-button.success, .rh-button.success:focus:after, .rh-button.success:hover:after { border-top-color: #65e394; border-bottom-color: transparent; } .rh-button.success.flip-y:after, .rh-button.success.flip-y:before { border-top-color: transparent; border-bottom-color: #3adb76; } .rh-button.success.flip-y, .rh-button.success.flip-y:focus:after, .rh-button.success.flip-y:hover:after { border-top-color: transparent; border-bottom-color: #65e394; } /* Warning */ .rh-button.warning, .rh-button.warning:focus, .rh-button.warning:hover { color: #fff; } .rh-button.warning:after, .rh-button.warning:before { border-top-color: #ffae00; border-bottom-color: transparent; } .rh-button.warning, .rh-button.warning:focus:after, .rh-button.warning:hover:after { border-top-color: #ffbe33; border-bottom-color: transparent; } .rh-button.warning.flip-y:after, .rh-button.warning.flip-y:before { border-top-color: transparent; border-bottom-color: #ffae00; } .rh-button.warning.flip-y, .rh-button.warning.flip-y:focus:after, .rh-button.warning.flip-y:hover:after { border-top-color: transparent; border-bottom-color: #ffbe33; } /*---------------------------------------- THEMEPLATE BUTTON DISABLED */ .button[class*="rh-button"].disabled, .button[class*="rh-button"].disabled:focus, .button[class*="rh-button"].disabled:hover, .button[class*="rh-button"][disabled], .button[class*="rh-button"][disabled]:focus, .button[class*="rh-button"][disabled]:hover { color: #333; } .button[class*="rh-button"].disabled:not(.flip-y), .button[class*="rh-button"][disabled]:not(.flip-y) { border-top-color: #d6d6d6; } .button[class*="rh-button"].disabled.flip-y, .button[class*="rh-button"][disabled].flip-y { border-bottom-color: #d6d6d6; } .button[class*="rh-button"].disabled span, .button[class*="rh-button"].disabled i, .button[class*="rh-button"][disabled] span, .button[class*="rh-button"][disabled] i { animation: none; } .button[class*="rh-button"].disabled:not([class*="-vb"]):not([class*="-simple"]):before, .button[class*="rh-button"].disabled:not([class*="-vb"]):not([class*="-simple"]):after, .button[class*="rh-button"][disabled]:not([class*="-vb"]):not([class*="-simple"]):before, .button[class*="rh-button"][disabled]:not([class*="-vb"]):not([class*="-simple"]):after { content: none; } .button[class*="rh-button"][class*="-vb"].disabled:not(.flip-y):before, .button[class*="rh-button"][class*="-vb"].disabled:not(.flip-y):after, .button[class*="rh-button"][class*="-vb"][disabled]:not(.flip-y):before, .button[class*="rh-button"][class*="-vb"][disabled]:not(.flip-y):after { border-top-color: #d6d6d6; } .button[class*="rh-button"][class*="-vb"].disabled.flip-y:before, .button[class*="rh-button"][class*="-vb"].disabled.flip-y:after, .button[class*="rh-button"][class*="-vb"][disabled].flip-y:before, .button[class*="rh-button"][class*="-vb"][disabled].flip-y:after { border-bottom-color: #d6d6d6; } /*---------------------------------------- THEMEPLATE BUTTON SHADOW */ .rh-button.shadow:not(.flip-y), .rh-button.shadow:not(.flip-y):focus, .rh-button.shadow:not(.flip-y):hover { box-shadow: 0 23px 10px -21px rgba(0, 0, 0, .25); } .rh-button.shadow:not(.flip-y):active { box-shadow: 0 20px 3px -20px rgba(0, 0, 0, .5); } .rh-button.shadow.flip-y, .rh-button.shadow.flip-y:focus, .rh-button.shadow.flip-y:hover { box-shadow: 0 10px 10px -8px rgba(0, 0, 0, .25); } .rh-button.shadow.flip-y:active { box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .35); } /*---------------------------------------- SIMPLE BUTTON Custom themeplate button without icon background */ .rh-button-simple { font-size: 1rem; margin: 0 1.2em; padding: 1.03125em 1.292em; transition: all linear .3s; border: 0; } .rh-button-simple:before, .rh-button-simple:after { z-index: -1; top: 0; width: 50%; height: 100%; transition: all linear .3s; } .rh-button-simple:before { left: 0; transform: skewX(16.5deg); transform-origin: left bottom; } .rh-button-simple:after { right: 0; transform: skewX(-16.5deg); transform-origin: right bottom; } .rh-button-simple i { margin: 0; } .rh-button-simple span { display: none; } .rh-button-simple:not(.disabled) i { animation-name: rh-scale-out; animation-duration: .5s; } .rh-button-simple:not(.disabled):focus i, .rh-button-simple:not(.disabled):hover i { animation-name: rh-scale-in; animation-duration: .5s; } .rh-button-simple:before, .rh-button-simple:after, .rh-button-simple.primary:before, .rh-button-simple.primary:after { background-color: #ffdd39; } .rh-button-simple:focus, .rh-button-simple:focus:before, .rh-button-simple:focus:after, .rh-button-simple:hover, .rh-button-simple:hover:before, .rh-button-simple:hover:after, .rh-button-simple.primary:focus, .rh-button-simple.primary:focus:before, .rh-button-simple.primary:focus:after, .rh-button-simple.primary:hover, .rh-button-simple.primary:hover:before, .rh-button-simple.primary:hover:after { color: inherit; background-color: #ffea84; } .rh-button-simple.secondary, .rh-button-simple.secondary:before, .rh-button-simple.secondary:after { background-color: #242424; } .rh-button-simple.secondary:focus, .rh-button-simple.secondary:focus:before, .rh-button-simple.secondary:focus:after, .rh-button-simple.secondary:hover, .rh-button-simple.secondary:hover:before, .rh-button-simple.secondary:hover:after { color: #fff; background-color: #404040; } .rh-button-simple.secondary-white:before, .rh-button-simple.secondary-white:after { background-color: #fff; } .rh-button-simple.secondary-white:focus, .rh-button-simple.secondary-white:focus:before, .rh-button-simple.secondary-white:focus:after, .rh-button-simple.secondary-white:hover, .rh-button-simple.secondary-white:hover:before, .rh-button-simple.secondary-white:hover:after { color: inherit; background-color: #f8f8f8; } .rh-button-simple.secondary-gray, .rh-button-simple.secondary-gray:before, .rh-button-simple.secondary-gray:after { background-color: #e6e6e6; } .rh-button-simple.secondary-gray:focus, .rh-button-simple.secondary-gray:focus:before, .rh-button-simple.secondary-gray:focus:after, .rh-button-simple.secondary-gray:hover, .rh-button-simple.secondary-gray:hover:before, .rh-button-simple.secondary-gray:hover:after { color: inherit; background-color: #d6d6d6; } .rh-button-simple.flip-y:before { transform: skewX(-15deg); transform-origin: left top; } .rh-button-simple.flip-y:after { transform: skewX(15deg); transform-origin: right top; } .rh-button-simple.left-vb { margin-left: 0; } .rh-button-simple.left-vb:before { content: none; } .rh-button-simple.right-vb { margin-right: 0; } .rh-button-simple.right-vb:after { content: none; } .rh-button-simple.tiny { font-size: .875rem; padding: .64286em .92857em; } .rh-button-simple.small { font-size: 1.125rem; padding: .58389em .88889em; } .rh-button-simple.large { font-size: 1.3125rem; } .rh-button-simple.button.disabled, .rh-button-simple.button.disabled:after, .rh-button-simple.button.disabled:before, .rh-button-simple.button.disabled:focus, .rh-button-simple.button.disabled:focus:after, .rh-button-simple.button.disabled:focus:before, .rh-button-simple.button.disabled:hover, .rh-button-simple.button.disabled:hover:after, .rh-button-simple.button.disabled:hover:before, .rh-button-simple.button[disabled], .rh-button-simple.button[disabled]:after, .rh-button-simple.button[disabled]:before, .rh-button-simple.button[disabled]:focus, .rh-button-simple.button[disabled]:focus:after, .rh-button-simple.button[disabled]:focus:before, .rh-button-simple.button[disabled]:hover, .rh-button-simple.button[disabled]:hover:after, .rh-button-simple.button[disabled]:hover:before { background-color: #d6d6d6; } /*---------------------------------------- TRANSPARENT BUTTON */ .button.transparent { padding: .75em; transition: opacity linear .3s; opacity: .5; box-shadow: none; } .button.transparent, .button.transparent:focus, .button.transparent:hover, .button.transparent.disabled, .button.transparent.disabled:focus, .button.transparent.disabled:hover, .button.transparent[disabled], .button.transparent[disabled]:focus, .button.transparent[disabled]:hover { background-color: transparent; } .button.transparent.disabled, .button.transparent.disabled:focus, .button.transparent.disabled:hover, .button.transparent[disabled], .button.transparent[disabled]:focus, .button.transparent[disabled]:hover { opacity: .35; } .button.transparent:focus, .button.transparent:hover { opacity: 1; color: #333; } .button.transparent.primary, .button.transparent.primary:focus, .button.transparent.primary:hover { color: #ffdd39; } .button.transparent.secondary-gray, .button.transparent.secondary-gray:focus, .button.transparent.secondary-gray:hover { color: #8a8a8a; } .button.transparent.secondary-white, .button.transparent.secondary-white:focus, .button.transparent.secondary-white:hover { color: #fff; } /*---------------------------------------- CLOSE BUTTON */ .close-button, a[class*="lightcase-icon-"].lightcase-icon-close { font-size: 1rem; display: -ms-flexbox; display: flex; padding: 0; -ms-flex-align: center; align-items: center; } .close-button span, a[class*="lightcase-icon-"].lightcase-icon-close span { position: relative; display: inline-block; width: 2em; height: 2em; transition: transform .5s; color: currentColor; } .close-button span:before, a[class*="lightcase-icon-"].lightcase-icon-close span:before, .close-button span:after, a[class*="lightcase-icon-"].lightcase-icon-close span:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 0; height: 2px; margin: auto; content: ""; transform-origin: center center; background-color: currentColor; } .close-button span:before, a[class*="lightcase-icon-"].lightcase-icon-close span:before { transform: rotate(45deg); animation: cross-turn-right .7s; animation-fill-mode: forwards; } .close-button span:after, a[class*="lightcase-icon-"].lightcase-icon-close span:after { transform: rotate(-45deg); animation: cross-turn-left .7s; animation-fill-mode: forwards; } .close-button:focus span, a[class*="lightcase-icon-"].lightcase-icon-close:focus span, .close-button:hover span, a[class*="lightcase-icon-"].lightcase-icon-close:hover span { transform: scale(1.2, 1.2); } .close-button, .close-button:focus, .close-button:hover { color: #cacaca; } .reveal .close-button { z-index: 1; } .reveal:not(.full) .close-button, .reveal.full.reveal-map .close-button { position: fixed; top: 10px; right: 10px; bottom: auto; visibility: hidden; margin: 0; transition: all .3s; -webkit-transform: translateZ(0); /* fix */ opacity: 0; outline: none; } .reveal:not(.full) .close-button span:before, .reveal:not(.full) .close-button span:after, .reveal.full.reveal-map .close-button span:before, .reveal.full.reveal-map .close-button span:after { animation-delay: 1s; } .reveal.is-active:not(.full) .close-button, .reveal.full.reveal-map.is-active .close-button { visibility: visible; transition: none; opacity: 1; } .close-button .reveal.full.reveal-map { transition: background-color .5s; background-color: rgba(36, 36, 36, 0); } .reveal.full.reveal-map.is-active .close-button { background-color: rgba(36, 36, 36, .5); } .reveal.full:not(.reveal-map) .close-button { position: static; float: right; padding-bottom: 1rem; padding-left: 1rem; } .callout.bg-primary .close-button, .callout.bg-primary .close-button:focus, .callout.bg-primary .close-button:hover { color: #333; } .callout.success .close-button { color: #3adb76; } .callout.alert .close-button { color: #cc4b37; } .callout.warning .close-button { color: #ffae00; } .close-button.small { font-size: .625rem; top: 1rem; right: 1rem; } /*------------------------------------------------------------------------------ HEADLINERS ------------------------------------------------------------------------------*/ /*---------------------------------------- SECTION HEADLINE */ .s-headline-decor { position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 1.5em; height: 1.5em; min-height: 1.9375rem; margin: -.1667em auto 0 .5em; background-repeat: no-repeat; background-position: 50% 50%; } [class*="bg-secondary"] .headline, [class*="bg-secondary"] .s-headline, .card-divider .headline, .card-divider .s-headline { color: #fff; } [class*="bg-primary"] .headline, [class*="bg-primary"] .s-headline { color: inherit; } .headline.light { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; line-height: 1.5; } .s-headline { position: relative; z-index: 0; display: inline-block; margin: 0; } .s-headline:before, .s-headline:after { z-index: -2; top: 1.21429em; width: auto; height: 0; margin: auto; border-bottom: 1px solid #ffdd39; } .s-headline:before { left: .3125em; width: .375em; } .s-headline:after { right: .3125em; left: 1.8125em; } [class*="bg-primary"] .s-headline:before, [class*="bg-primary"] .s-headline:after { border-bottom-color: #fff; } .s-headline + .subheader { font-size: 80%; line-height: inherit; display: block; max-width: 28.125rem; margin: .65625rem 0 0; text-transform: uppercase; } [class*="bg-primary"] .s-headline + .subheader { color: #404040; } .s-header.align-center .s-headline:before, .s-header.align-center .s-headline:after { width: calc(50% - .875em); /* 50% - 14px */ } .s-header.align-center .s-headline:after { left: auto; } .s-header.align-center .s-headline .s-headline-decor { right: 0; bottom: 0; margin: -.1667em auto; } .s-header.align-center .s-headline + .subheader { margin-right: auto; margin-left: auto; } .s-header.align-right .s-headline:before { right: 1.75em; left: .3125em; width: auto; } .s-header.align-right .s-headline:after { right: .3125em; left: auto; width: .375em; } .s-header.align-right .s-headline .s-headline-decor { right: 0; left: auto; margin: -.1667em .5em 0 auto; } .s-header.align-right .s-headline + .subheader { margin-left: auto; } /*------------------------------------------------------------------------------ ICONS ------------------------------------------------------------------------------*/ .zmdi-hc-li { top: .35714em; } .zmdi-hc-fw, .fa-fw { width: 1.5em; } /*.fa-fw { width: 2em; }*/ .zmdi-hc-2x, .fa-2x { font-size: 1.8em; top: 0; } .zmdi-hc-ul-2x, .fa-ul-2x { margin-left: 4.28571em; } .zmdi-hc-ul-3x, .fa-ul-3x { margin-left: 6.42857em; } .zmdi-hc-ul-4x, .fa-ul-4x { margin-left: 8.57143em; } .zmdi-hc-ul-5x, .fa-ul-5x { margin-left: 10.71429em; } [class*="zmdi-hc-border"], [class*="fa-border"] { color: #d6d6d6; border-width: 2px; border-color: currentColor; } [class*="zmdi-hc-border"].filled, [class*="fa-border"].filled { color: #fff; background-color: #333; } ul.colored [class*="zmdi-hc-border"].filled, ul.colored [class*="fa-border"].filled { color: #333; background-color: #ffdd39; } /*------------------------------------------------------------------------------ ICON-BOX ELEMENT ------------------------------------------------------------------------------*/ .icon-box { font-size: 1.875rem; position: relative; display: -ms-flexbox; display: flex; width: 2.5em; height: 2.5em; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .icon-box.circle { border-radius: 50%; } .icon-box.border { border: 3px solid #e6e6e6; } .icon-box.border.thin { border-width: 1px; } .icon-box { color: #8a8a8a; background-color: #fff; } .icon-box.secondary { color: #fff; background-color: #333; } .icon-box.secondary-gray { background-color: #e6e6e6; } .icon-box.primary { color: #333; background-color: #ffdd39; } .icon-box.primary.border, .icon-box.secondary.border, .icon-box.secondary-gray.border { border-color: currentColor; } .icon-box.transparent { height: auto; margin-top: 5px; border-color: transparent; background-color: transparent; } .icon-box.transparent.primary { color: #ffdd39; } .icon-box.transparent.secondary { color: #333; } .icon-box.alert, .icon-box.success, .icon-box.warning { color: #fff; border-color: #fff; } .icon-box.alert { background-color: #cc4b37; } .icon-box.success { background-color: #3adb76; } .icon-box.warning { background-color: #ffae00; } /*------------------------------------------------------------------------------ MEDIA-OBJECT ------------------------------------------------------------------------------*/ .media-object { margin-bottom: 1.3125rem; } /*------------------------------------------------------------------------------ POSTS ------------------------------------------------------------------------------*/ .post header .subheader { display: inline-block; margin-bottom: .65625rem; color: #8a8a8a; } .post header a:focus, .post header a:hover { color: #8a8a8a; } .post .post-media { padding-bottom: 14px; border-bottom: 1px solid #d6d6d6; } .post .meta { padding-top: 14px; } /* In post media components (e.g. carousel, video images ) */ .post-media { width: 100%; margin-bottom: 1.3125rem; } .post-media > * { margin-bottom: 0; } .post-media.float-right { margin-left: 1rem; } .post-media.float-left { margin-right: 1rem; } .post-media.float-left, .post-media.float-right { float: none; } /*---------------------------------------- SINGLE POST */ .single-post header, .post-media-main { margin-bottom: 2.625rem; } .single-post { margin-bottom: 3.9375rem; } .single-post header .subheader { font-weight: inherit; text-transform: initial; } .single-post img { width: 100%; } .single-post .meta { margin-top: .5rem; } .single-post .share .tooltip.top { right: -.3125rem; } .single-post .share .tooltip.top:before { left: 6rem; } .single-post .meta-text { margin-right: 10px; padding-right: 1rem; border-right: 1px solid #d6d6d6; } .single-post blockquote { margin: 2.625rem auto; } .single-post footer { margin-top: 3.9375rem; } .post-media-main { padding-top: 8px; padding-bottom: 8px; border-width: 1px 0 1px; border-style: solid; border-color: #d6d6d6; } .post-media-main .flex-container { padding-top: .5rem; } .post-publisher .rh-thumbnail img { width: 4.6875rem; } .publisher { display: inline-block; margin-bottom: 12px; } .post-tags > * { display: inline-block; } .post-navigation .card-post-simple { margin-bottom: 0; color: #fff; background-color: #333; } /*---------------------------------------- POST COMMENTS */ .replay-form .button-group.stacked .button, .replay-form .button-group.stacked-for-small .button, .replay-form .button-group.stacked-for-medium .button { -ms-flex-preferred-size: auto; flex-basis: auto; } .comments .replay-form .h3, .comments .replay-form h3, .comments-post-list > li:not(:last-child), .comments-post-list > li .comments-post-list { margin-bottom: 2.625rem; } .comments .replay-form, .comments-post-list + .replay-form { margin-bottom: 3.9375rem; } .comments .replay-form textarea { height: 7.25rem; } .comments-post-list { margin-left: 0; list-style-type: none; } .comments-post-list > li > .media-object { margin-bottom: 0; } .comments-post-list > li .comments-post-list { margin-top: 2.625rem; } .comments-post-list .avatar { width: 3.75rem; } .comments-post-list .avatar img { max-width: 100%; } .comments-post-footer, .comments-post-header { -ms-flex-pack: justify; justify-content: space-between; } .comments-post-footer .media-object-section, .comments-post-header .media-object-section { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .comments-post-header { margin-bottom: 1.3125rem; } .comments-post-header .media-object-section:first-child { font-weight: 700; } .comments-post-footer { padding: .5rem; } .comments-post-body { width: 100%; -ms-flex: 1 1 0; flex: 1 1 0; } /*---------------------------------------- FEATURED POSTS (e.g. homepage) */ .pinned-post { margin-bottom: 2.625rem; } .pinned-post .subheader { display: inline-block; margin-bottom: 1.3125rem; color: #8a8a8a; } .pinned-post footer .button, .featured-posts-list .card-post-simple { margin-bottom: 0; } .featured-posts-list .card-media { max-width: 7.5rem; } /*------------------------------------------------------------------------------ CARDS ------------------------------------------------------------------------------*/ .card { overflow: visible; color: #333; border: none; } .card[class*="bg-secondary"] { color: #fff; } .card h2, .card .h2, .card h3, .card .h3 { margin-bottom: 0; } .card.scaled { margin-top: -2rem; margin-right: -.5rem; margin-left: -.5rem; } .card.scaled .card-divider, .card.scaled .card-section { padding-right: 1.5rem; padding-left: 1.5rem; } .card.scaled .card-divider:first-child, .card.scaled .card-section:first-child { padding-top: 2rem; padding-bottom: 1.5rem; } .card.scaled .card-divider:last-child, .card.scaled .card-section:last-child { padding-bottom: 1.5rem; padding-bottom: 2rem; } .card:focus .grayscale, .card:hover .grayscale, .card-post-simple:focus .grayscale, .card-post-simple:hover .grayscale { filter: grayscale(0%); } .card img { min-height: 1px; /* ie fix */ } .card-divider { flex-direction: column; color: #fff; background-color: #333; -ms-flex-direction: column; } .card-divider[class*="bg-"]:not([class*="bg-secondary"]) h2, .card-divider[class*="bg-"]:not([class*="bg-secondary"]) .h2, .card-divider[class*="bg-"]:not([class*="bg-secondary"]) h3, .card-divider[class*="bg-"]:not([class*="bg-secondary"]) .h3 { color: #333; } .card-section { min-height: 1px; /* ie fix */ } .card-divider a:not(.button):focus, .card-divider a:not(.button):hover, .card-section:first-child a:focus, .card-section:first-child a:hover { color: currentColor; } .owl-item .card-post, .owl-item .card-product { max-width: 30rem; margin-right: auto; margin-left: auto; } .owl-item .card-product.simple { max-width: 20rem; } /* CARD-MEDIA ELEMENT Can contain an image, carousel or video */ .card-media { min-height: 1px; /* ie fix */ } .card-media .responsive-embed, .card-media .flex-video { margin-bottom: 0; } .card-media img { max-width: 100%; } .meta { font-size: .75rem; color: #8a8a8a; } .card .meta { margin-bottom: 1.3125rem; padding-bottom: 1rem; border-bottom: 1px solid #d6d6d6; } .meta-text { display: inline-block; margin-right: 5px; padding-right: 10px; white-space: nowrap; } .meta-text:not(:last-child) { border-right: 1px solid #d6d6d6; } .meta-text:focus, .meta-text:hover { color: #333; } /* SHARE BUTTON */ .share { position: relative; } .share .tooltip.top { z-index: 4; top: calc(0% - 4.375rem); display: none; min-width: 7.4375rem; /* ie fix */ animation: rh-fade-out .5s; background-color: #ffdd39; animation-fill-mode: forwards; } .share .tooltip.top:before { left: 2.5rem; border-top-color: #ffdd39; } .share .tooltip.is-active { display: -ms-flexbox; display: flex; animation: rh-fade-in .5s; animation-fill-mode: forwards; } .share .socials .button.hollow.secondary { border-color: #333; } .share .socials .button.hollow.secondary:not(:hover):not(:focus) { color: #333; } /*---------------------------------------- CARD-POST */ .card-post { margin-bottom: 1.3125rem; transition: box-shadow .3s, filter .3s; } .card-post .card-section:last-child { display: -ms-flexbox; display: flex; } .card-post .card-divider * { margin: 0; } .card-post .card-section:last-child, .card-post .card-divider:last-child { position: relative; flex-direction: row; -ms-flex-direction: row; -ms-flex-align: center; align-items: center; } .card-post .card-section:last-child .button, .card-post .card-divider:last-child .button { margin-bottom: 0; } .card-post .subheader { display: inline-block; margin-bottom: 1.3125rem; color: #8a8a8a; } .card-post .button.transparent.light, .card-post .button.transparent.primary { opacity: 1; } .card-post .button.transparent.light:focus, .card-post .button.transparent.light:hover { color: #ffdd39; } .card-post .button.transparent.primary:focus, .card-post .button.transparent.primary:hover { color: #fff; } /*---------------------------------------- CARD-POST-SIMPLE */ .card-post-simple { margin-bottom: 1.3125rem; padding: 1rem; transition: background-color .3s, color .3s, box-shadow .3s; background-color: #fff; } .card-post-simple .subheader { display: block; margin-bottom: 1.3125rem; } .card-post-simple img { margin-bottom: 0; transition: all .3s; } .card-post-simple .card-media { position: relative; overflow: hidden; white-space: nowrap; } .card-media-hover { font-family: "Poppins", sans-serif; font-weight: 700; position: absolute; right: 0; bottom: -1.375rem; left: 0; width: 100%; transition: all .3s; text-align: center; text-transform: uppercase; color: #333; background-color: #ffdd39; } .card-media-hover .rating i { color: inherit; } .card-post-simple:focus, .card-post-simple:hover { color: #fff; background-color: #333; } .card-post-simple:focus img, .card-post-simple:hover img { transform: translateY(-5px); } .card-post-simple:focus .card-media-hover, .card-post-simple:hover .card-media-hover { bottom: -2px; } /*---------------------------------------- CARD-SLIDE */ .card-slide { overflow: hidden; max-width: 19.375rem; margin: auto; background-color: #242424; } .card-slide img { width: 22.9375rem; min-height: 1px; /* ie fix */ transition: filter .3s, transform .5s; } .card-slide .card-divider { z-index: 1; transition: margin-top .5s; border-top: 2px solid #ffdd39; background-color: #242424; } .card-slide .card-team-contacts { margin-top: 24px; margin-bottom: -114px; transition: margin-bottom .5s; } .card-slide:focus .card-divider, .card-slide:hover .card-divider { margin-top: -116px; } .card-slide:focus .card-team-contacts, .card-slide:hover .card-team-contacts { margin-bottom: 0; } .card-slide:focus img, .card-slide:hover img { transform: translateY(-50px); } /*---------------------------------------- CARD-TEAM */ .card-team { text-align: center; } .card-team .phone { font-size: 20px; display: inline-block; margin-bottom: 1.3125rem; } .card-team .phone:focus, .card-team .phone:hover { color: #fff; } .card-team hr { width: 80%; } /*---------------------------------------- CARD-POST-ICON CARD-FEATURE Card with icon-box in .card-divider */ .card-post-icon .icon-box, .card-feature .icon-box { margin: -1.78333em auto 1.3125rem; transition: box-shadow cubic-bezier(.68, -.55, .27, 1.55) .5s, transform cubic-bezier(.68, -.55, .27, 1.55) .5s; box-shadow: 0 0 0 10px rgba(230, 230, 230, .25); } .card-post-icon .icon-box.secondary, .card-feature .icon-box.secondary { box-shadow: 0 0 0 10px rgba(255, 255, 255, .35); } .card-post-icon .icon-box.primary, .card-feature .icon-box.primary { box-shadow: 0 0 0 10px rgba(51, 51, 51, .1); } .card-post-icon .card-divider, .card-feature .card-divider { text-align: center; } .card-post-icon h3[data-equalizer-watch], .card-feature h3[data-equalizer-watch], .card-post-icon .h3[data-equalizer-watch], .card-feature .h3[data-equalizer-watch] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .card-post-icon:focus .icon-box, .card-feature:focus .icon-box, .card-post-icon:hover .icon-box, .card-feature:hover .icon-box { box-shadow: 0 0 0 15px rgba(230, 230, 230, .075); } .card-post-icon:focus .icon-box i, .card-feature:focus .icon-box i, .card-post-icon:hover .icon-box i, .card-feature:hover .icon-box i { animation: rh-scale-in linear .5s; } .card-post-icon:focus .icon-box.secondary, .card-feature:focus .icon-box.secondary, .card-post-icon:hover .icon-box.secondary, .card-feature:hover .icon-box.secondary { box-shadow: 0 0 0 15px rgba(255, 255, 255, .15); } .card-post-icon:focus .icon-box.primary, .card-feature:focus .icon-box.primary, .card-post-icon:hover .icon-box.primary, .card-feature:hover .icon-box.primary { box-shadow: 0 0 0 15px rgba(51, 51, 51, .05); } .card-post-icon:focus .icon-box, .card-feature:focus .icon-box, .card-post-icon:hover .icon-box, .card-feature:hover .icon-box { transform: scale(1.085); } .card-post-icon .card-media { z-index: 0; overflow: hidden; max-height: 12.5rem; margin-bottom: 0; } .card-post-icon ul li:not(:last-child) { margin-bottom: .65625rem; } .card-post-icon .card-section .rh-button.flip-y { margin-bottom: -1rem; } /*---------------------------------------- CARD-PRODUCT */ .card-product:not(.block-translate) { transition: box-shadow .3s linear, filter .3s linear; } .card-product.block-translate { transition: box-shadow cubic-bezier(.68, -.55, .27, 1.55) .5s, transform cubic-bezier(.68, -.55, .27, 1.55) .5s, filter .3s linear; } .card-product.bg-secondary p { color: #fff; } .card-product.bg-secondary .card-product-features li { color: #cacaca; background: linear-gradient(to right, rgba(64, 64, 64, 0) 0%, #404040 75%); } .card-product-features { min-width: 50%; margin-bottom: 0; margin-left: 0; list-style: none; text-align: right; text-transform: lowercase; } .card-product-features li { margin-right: -1rem; padding: .3125rem 1.625rem .3125rem .625rem; background: linear-gradient(to right, rgba(230, 230, 230, 0) 0%, #e6e6e6 75%); } .card-product-features li:not(:last-child) { margin-bottom: .3125rem; } .card-features-boxes { margin-bottom: 1rem; padding-top: 1rem; border-bottom: 1px solid #d6d6d6; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-features-boxes:not(:first-child) { border-top: 1px solid #d6d6d6; } .card-features-boxes p { font-size: .8125rem; } .card-features-boxes > .media-object { margin-bottom: 1rem; } .card-features-boxes i { font-size: 1.3125rem; } .card-product:not(.extended) .card-section:last-child, .card-product:not(.extended) .card-divider:last-child { padding-bottom: 0; } .card-product:not(.extended) *:last-child.card-divider .button { margin-bottom: -1.3125rem; } .card-product:not(.extended) *:last-child.text-center .button { margin-bottom: 0; } /*---------------------------------------- CARD-PRODUCT EXTENDED (e.g. FLEET PAGE) */ .card-product.extended img { max-width: 100%; margin-bottom: 1.3125rem; } /*---------------------------------------- CARD-PRODUCT SIMPLE */ .card-product.simple { overflow: hidden; } .card-product.simple .rh-button { margin-right: -1rem; margin-bottom: 1.3125rem; } .card-product.simple .price { margin-bottom: 1.3125rem; } .card-product.simple .price-val { font-size: 2.25rem; } .card-product.simple sup { font-size: .875rem; } .card-product.simple .features { font-size: 18px; margin-top: -1.3125rem; margin-bottom: 1.3125rem; color: #8a8a8a; -ms-flex-pack: start; justify-content: flex-start; } .card-product.simple[class*="bg-secondary"] .features { color: #cacaca; } /*------------------------------------------------------------------------------ MEDIA-BUTTON Block with icon & heading (e.g. section "Services") ------------------------------------------------------------------------------*/ .media-button { height: 5.25rem; color: #cacaca; -ms-flex-align: stretch; align-items: stretch; } .media-button, .media-button .media-object-section, .media-button .media-object-section:last-child > * { position: relative; } .media-button .h3 { margin: 0; transition: color .2s ease-in; transition-delay: .3s; } .media-button .media-object-section { z-index: 1; display: -ms-flexbox; display: flex; background-color: #333; -ms-flex-align: center; align-items: center; } .media-button .media-object-section:before { z-index: -1; top: 0; width: 100%; height: 100%; transform: skewX(-15deg); transform-origin: top left; background-color: inherit; } .media-button .media-object-section:first-child { overflow: hidden; padding: 0 .9375rem 0 0; text-align: center; -ms-flex: 1 1 40%; flex: 1 1 40%; } .media-button .media-object-section:first-child:before { right: -101%; transition: right cubic-bezier(.46, .03, .52, .96) .4s; transition-delay: .2s; background-color: #ffdd39; } .media-button .media-object-section:first-child .icon { font-size: 2rem; line-height: 5.25rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-right: 1rem; margin-left: auto; transition: color ease-in .2s; transition-delay: .2s; } .media-button .media-object-section:last-child { padding: .625rem .625rem .625rem .9375rem; -ms-flex: 1 1 75%; flex: 1 1 75%; } .media-button .media-object-section:last-child:before { left: 0; border-left: 5px solid #fff; } .bg-secondary .media-button .media-object-section:last-child:before { border-color: #333; } .bg-secondary-shade .media-button .media-object-section:last-child:before { border-color: #242424; } .bg-gray .media-button .media-object-section:last-child:before { border-color: #f8f8f8; } .media-button:hover .media-object-section:first-child:before, .media-button:active .media-object-section:first-child:before, .media-button.is-active .media-object-section:first-child:before { right: 0; } .media-button:hover .icon, .media-button:active .icon, .media-button.is-active .icon { animation: rh-slide-right .3s ease-in; animation-delay: .2s; color: #333; } .media-button:hover .h3, .media-button:active .h3, .media-button.is-active .h3 { transition-delay: 0s; color: #fff; } .media-button:active { animation: rh-shiver .2s linear; } /*------------------------------------------------------------------------------ IMAGES ------------------------------------------------------------------------------*/ /* Default foundation thumbnail */ .thumbnail { margin-bottom: 1.3125rem; border: 3px solid #e6e6e6; } .thumbnail, .thumbnail:focus, .thumbnail:hover { box-shadow: none; } /* Themplate thumbnail */ .post-media.content-slider, .card-media, .rh-thumbnail { border-width: 0 0 2px 0; border-style: solid; border-color: #ffdd39; } .rh-thumbnail img { max-width: 100%; } /* Image light box */ .image-hover { position: relative; display: block; overflow: hidden; width: 100%; height: auto; border-bottom: 2px solid #ffdd39; } .image-hover:before { z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: inherit; height: inherit; margin: auto; transition: all .3s; opacity: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, .25) 75%); } /* Gallery item zoom button */ .button-zoom { position: relative; display: block; width: 76px; height: 76px; margin: 0 auto; transition: transform cubic-bezier(.46, .03, .52, .96) .5s; transform: scale(0); border-radius: 50%; background-image: radial-gradient(circle, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .5) 15px, rgba(255, 255, 255, 0) 16px, rgba(255, 255, 255, 0) 19px, rgba(255, 255, 255, .5) 20px, rgba(255, 255, 255, .5) 100%); } .button-zoom:before, .button-zoom:after { top: 0; right: 0; bottom: 0; left: 0; width: 16px; height: 16px; margin: auto; transition: border-color .3s; border: 0; border-style: solid; border-color: #fff; } .button-zoom:before { width: 0; margin: auto 2.71429em; border-left-width: 1px; } .button-zoom:after { height: 0; margin: 2.71429em auto; border-top-width: 1px; } .button-zoom.small { width: 36px; height: 36px; transition: transform cubic-bezier(.46, .03, .52, .96) .3s; background-image: radial-gradient(circle, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .5) 13px, rgba(255, 255, 255, 0) 14px, rgba(255, 255, 255, 0) 16px, rgba(255, 255, 255, .5) 17px, rgba(255, 255, 255, .5) 100%); } .button-zoom.small:before { margin: auto 1.28571em; } .button-zoom.small:after { margin: 1.28571em auto; } .button-zoom:focus, .button-zoom:hover { background-image: radial-gradient(circle, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, .85) 15px, rgba(255, 255, 255, 0) 16px, rgba(255, 255, 255, 0) 19px, rgba(255, 255, 255, .25) 20px, rgba(255, 255, 255, .25) 100%); } .button-zoom:focus:before, .button-zoom:focus:after, .button-zoom:hover:before, .button-zoom:hover:after { border-color: #333; } .image-hover:focus:before, .image-hover:hover:before { opacity: 1; } .image-hover:focus .button-zoom, .image-hover:hover .button-zoom { transform: scale(1); } .image-hover:focus .button-zoom:focus, .image-hover:focus .button-zoom:hover, .image-hover:hover .button-zoom:focus, .image-hover:hover .button-zoom:hover { transform: scale(1.1); } /*------------------------------------------------------------------------------ IMAGE GALLERIES ------------------------------------------------------------------------------*/ .gallery { padding: 1rem; background-color: #242424; } .s-trapeze-edges .gallery { box-shadow: 0 0 21px rgba(36, 36, 36, .85); } .gallery.bg-white .title { color: currentColor; background-color: #fff; } .gallery-item { margin: 0; padding: 2px; transition: opacity .3s; } .gallery-item.image-hover { border-bottom: 0; } .gallery-item.image-hover:before { background-image: none; } .gallery-image { position: relative; z-index: 2; bottom: -2px; overflow: hidden; width: 100%; height: 100%; } .gallery-image:before { z-index: 3; top: 0; right: 0; width: 100%; height: 100%; background-image: radial-gradient(transparent 0%, rgba(0, 0, 0, .25) 50%, rgba(0, 0, 0, .6) 100%), url("../img/pat_dot.png"); background-repeat: repeat; background-position: 0 0; } .gallery-image > * { display: block; width: inherit; height: inherit; transition: transform linear .4s, filter linear .5s; transition-delay: .1s; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .gallery .button-zoom { margin: -54px auto 0; } .gallery-image-caption, .gallery-image-caption .title { position: absolute; z-index: 3; right: 0; bottom: 0; left: 0; } .gallery-image-caption .title { display: block; margin-bottom: 0; padding: 1rem 1rem .5rem; color: #fff; background-color: #242424; } .image-hover-buttons { position: absolute; z-index: 3; top: 50%; left: 0; width: 100%; transform: translateY(-50%); } .image-hover-buttons .button { opacity: .85; } .image-hover-buttons .button:first-child { margin-right: 6px; } .image-hover-buttons .button:last-child { margin-left: 6px; } /* Gallery item */ .gallery-item:focus.image-hover:before, .gallery-item:hover.image-hover:before { background-image: none; } /*---------------------------------------- CUSTOM RESPONSIVE IMAGE GALLERY Most styles are in mediaquery sections: 640px to 853px (min-width: 40em) and (max-width: 53.3125em) 854px to 1023px (min-width: 53.375em) and (max-width: 63.9375em) 1024px to 1043px (min-width: 64em) and (max-width: 90.1875em) 1044px (min-width: 90.25em) */ .rh-gallery .gallery-item { height: 17.917em; } .rh-gallery .gallery-image { display: inline-block; } .rh-gallery .gallery-image-caption .title { right: 2px; left: 2px; width: auto; } .s-fleet .rh-gallery .image-hover-buttons { top: 1rem; padding-right: 1rem; transform: none; text-align: right; } /* Simple image gallery (in footer) */ .simple-gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .simple-gallery > * { display: block; width: auto; margin-right: 3px; margin-bottom: 3px; } /*------------------------------------------------------------------------------ VIDEO CONTAINERS ------------------------------------------------------------------------------*/ .video-play-button { font-size: 3em; right: 0; bottom: 0; display: block; width: 1.7em; height: 1.7em; margin: auto; transition: transform linear .3s; text-align: center; border-radius: 50%; background-color: #ffdd39; } .video-play-button:before { position: absolute; z-index: -1; top: 50%; left: 50%; display: block; width: 100%; height: 100%; content: ""; animation: waterpulse 2.5s ease-out infinite; border-radius: 50%; background-color: #ffdd39; } .video-play-button i { margin-top: .33333em; margin-left: .14286em; color: #fff; } .video-play-button:focus, .video-play-button:hover { transform: scale(1.1, 1.1); } .video-play-button:focus:before, .video-play-button:hover:before { display: none; animation: none; } .video-play-button.large { font-size: 6em; } .video-play-button.small { font-size: 2em; } .flex-video.panorama, .responsive-embed.panorama { padding-bottom: 31.64063%; } .flex-video.square, .responsive-embed.square { padding-bottom: 100%; } .responsive-embed { margin-bottom: 1.3125rem; } .responsive-embed iframe { border: 0; } .responsive-embed[class*="secondary-"] { border-width: 5px; border-style: solid; } .responsive-embed.bg-secondary { border-color: #333; } .responsive-embed.bg-white { border-color: #fff; } .responsive-embed.bg-gray { border-color: #f8f8f8; } .responsive-embed + .callout { margin-top: -1.3125rem; } .video-play-button, .video-cover-bg { position: absolute; z-index: 3; top: 0; left: 0; } .video-cover { position: relative; overflow: hidden; } .video-cover-bg { display: -ms-flexbox; display: flex; width: 100%; height: 100%; background-color: inherit; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .video-cover.is-active .video-cover-bg, .video-cover.is-active .video-play-button { display: none; } /*---------------------------------------- BACKGROUND VIDEO */ .video-background { position: fixed; z-index: -99; top: 0; right: 0; bottom: 0; left: 0; background: #242424; } .video-background iframe, .video-background video, .video-foreground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border: 0; } .s-video { z-index: 0; overflow: hidden; } .s-video .video-background { position: absolute; } /*------------------------------------------------------------------------------ CAROUSELS ------------------------------------------------------------------------------*/ /* Indents between cards */ .s-cards-carousel .owl-item { padding: 1rem; padding-bottom: 1.3125rem; } .s-cards-carousel .rh-owl-dots:not(.disabled) { padding-top: 0; } /*---------------------------------------- CAROUSELS DOT-BULLETS */ .orbit-bullets button, .owl-dot { padding: 5px 10px; } .orbit-bullets button span:not(.show-for-sr), .owl-dot span { display: inline-block; width: 12px; height: 12px; transition: opacity linear .3s, transform cubic-bezier(.68, -.55, .27, 1.55) .35s, box-shadow cubic-bezier(.68, -.55, .27, 1.55) .35s; opacity: .35; border-radius: 50%; background-color: #fff; box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25); -webkit-backface-visibility: visible; } .orbit-bullets button:hover span:not(.show-for-sr), .orbit-bullets button.is-active span:not(.show-for-sr), .owl-dot.active span, .owl-dot:hover span { transform: scale(1.25); opacity: 1; } .orbit-bullets button:hover span:not(.show-for-sr), .owl-dot:hover span { box-shadow: 0 0 0 .15rem rgba(255, 255, 255, .15); } .orbit-bullets button.is-active span:not(.show-for-sr), .owl-dot.active span { background-color: #ffdd39; box-shadow: 0 0 0 .25rem rgba(255, 221, 57, .15); } .orbit-bullets.dots-dark:not(.line) button:not(.is-active) span:not(.show-for-sr), .dots-dark .owl-dot:not(.active) span { background: #8a8a8a; box-shadow: 0 0 0 .25rem rgba(138, 138, 138, .25); } .orbit-bullets.dots-dark:not(.line) button:not(.is-active):hover span:not(.show-for-sr), .dots-dark .owl-dot:not(.active):hover span { box-shadow: 0 0 0 .15rem rgba(138, 138, 138, .25); } .orbit-bullets.dots-dark:not(.line) button.is-active span:not(.show-for-sr), .dots-dark .owl-dot.active span { box-shadow: 0 0 0 .25rem rgba(255, 221, 57, .25); } /*---------------------------------------- CAROUSELS ARROW-LABLE-BUTTONS */ [class*="carousel-button-"], #lightcase-nav a.lightcase-icon-next, #lightcase-nav a.lightcase-icon-prev { display: -ms-flexbox; display: flex; width: 60px; height: 32px; transition: opacity .3s, transform .3s; opacity: .5; color: #cacaca; background-color: transparent; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } [class*="carousel-button-"]:before, #lightcase-nav a.lightcase-icon-next:before, #lightcase-nav a.lightcase-icon-prev:before, [class*="carousel-button-"]:after, #lightcase-nav a.lightcase-icon-next:after, #lightcase-nav a.lightcase-icon-prev:after { position: absolute; display: block; width: 20px; height: 2px; content: ""; transition: all .3s; background-color: #cacaca; } [class*="carousel-button-"]:before, #lightcase-nav a.lightcase-icon-next:before, #lightcase-nav a.lightcase-icon-prev:before { top: 50%; transform: rotate(55deg); } [class*="carousel-button-"]:after, #lightcase-nav a.lightcase-icon-next:after, #lightcase-nav a.lightcase-icon-prev:after { bottom: 50%; transform: rotate(-55deg); } [class*="carousel-button-"] span, #lightcase-nav a.lightcase-icon-next span, #lightcase-nav a.lightcase-icon-prev span { font-size: 14px; display: block; visibility: hidden; transition: all .3s; text-indent: 0; text-transform: uppercase; opacity: 0; } .carousel-button-next, #lightcase-nav a.lightcase-icon-next { right: 2rem; } .carousel-button-next:before, #lightcase-nav a.lightcase-icon-next:before, .carousel-button-next:after, #lightcase-nav a.lightcase-icon-next:after { right: 0; } .carousel-button-next:before, #lightcase-nav a.lightcase-icon-next:before { margin-top: -1px; transform-origin: right bottom; } .carousel-button-next:after, #lightcase-nav a.lightcase-icon-next:after { margin-bottom: -1px; transform-origin: right top; } .carousel-button-next span, #lightcase-nav a.lightcase-icon-next span { margin-right: 16px; transform: translateX(-32px); } .carousel-button-prev, #lightcase-nav a.lightcase-icon-prev { left: 2rem; } .carousel-button-prev:before, #lightcase-nav a.lightcase-icon-prev:before, .carousel-button-prev:after, #lightcase-nav a.lightcase-icon-prev:after { left: 0; } .carousel-button-prev:before, #lightcase-nav a.lightcase-icon-prev:before { margin-top: -2px; transform-origin: left bottom; } .carousel-button-prev:after, #lightcase-nav a.lightcase-icon-prev:after { margin-bottom: -2px; transform-origin: left top; } .carousel-button-prev span, #lightcase-nav a.lightcase-icon-prev span { margin-left: 1rem; transform: translateX(32px); } .owl-prev:hover [class*="carousel-button-"], .owl-prev [class*="carousel-button-"]:hover, .owl-next:hover [class*="carousel-button-"], .owl-next [class*="carousel-button-"]:hover, #lightcase-nav a.lightcase-icon-next:hover, #lightcase-nav a.lightcase-icon-prev:hover { opacity: 1; color: #fff; text-shadow: none; } .owl-prev:hover [class*="carousel-button-"]:before, .owl-prev [class*="carousel-button-"]:hover:before, .owl-next:hover [class*="carousel-button-"]:before, .owl-next [class*="carousel-button-"]:hover:before, #lightcase-nav a.lightcase-icon-next:hover:before, #lightcase-nav a.lightcase-icon-prev:hover:before { transform: rotate(45deg); } .owl-prev:hover [class*="carousel-button-"]:after, .owl-prev [class*="carousel-button-"]:hover:after, .owl-next:hover [class*="carousel-button-"]:after, .owl-next [class*="carousel-button-"]:hover:after, #lightcase-nav a.lightcase-icon-next:hover:after, #lightcase-nav a.lightcase-icon-prev:hover:after { transform: rotate(-45deg); } .owl-prev:hover [class*="carousel-button-"] span, .owl-prev [class*="carousel-button-"]:hover span, .owl-next:hover [class*="carousel-button-"] span, .owl-next [class*="carousel-button-"]:hover span, #lightcase-nav a.lightcase-icon-next:hover span, #lightcase-nav a.lightcase-icon-prev:hover span { visibility: visible; transform: none; opacity: 1; color: currentColor; } [class*="carousel-button-"] { position: relative; } .image-carousel:not([class*="bg-secondary"]) [class*="carousel-button-"], .image-carousel:not([class*="bg-secondary"]) #lightcase-nav a.lightcase-icon-next, .image-carousel:not([class*="bg-secondary"]) #lightcase-nav a.lightcase-icon-prev { color: #333; } .image-carousel:not([class*="bg-secondary"]) [class*="carousel-button-"]:before, .image-carousel:not([class*="bg-secondary"]) [class*="carousel-button-"]:after, .image-carousel:not([class*="bg-secondary"]) #lightcase-nav a.lightcase-icon-next:before, .image-carousel:not([class*="bg-secondary"]) #lightcase-nav a.lightcase-icon-next:after, .image-carousel:not([class*="bg-secondary"]) #lightcase-nav a.lightcase-icon-prev:before, .image-carousel:not([class*="bg-secondary"]) #lightcase-nav a.lightcase-icon-prev:after { background-color: #333; } /*---------------------------------------- ORBIT CAROUSEL */ .slide-out-left.mui-leave, .slide-in-right.mui-enter { transition: transform ease 900ms; } /* Orbit dot-bullets */ .orbit-bullets { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .orbit-bullets button { min-width: 32px; min-height: 22px; margin: 0; } .card .orbit-bullets button span:not(.show-for-sr) { width: 10px; height: 10px; } .orbit-bullets button, .orbit-bullets button:hover, .orbit-bullets button.is-active { background-color: transparent; } /*---------------------------------------- CONTENT CAROUSEL (Foundation orbit carousel for images, post carousels) */ .content-slider .orbit-bullets { z-index: 1; /* ie fix */ margin-top: -38px; margin-bottom: 16px; } .content-slider .orbit-bullets.line { z-index: 1; margin: 0 auto -19px; -ms-flex-align: start; align-items: flex-start; } .content-slider .orbit-bullets.line button { position: relative; margin: 0; padding-top: 5px; padding-bottom: 5px; border-radius: 0; background-color: transparent; -ms-flex-positive: 1; flex-grow: 1; } .content-slider .orbit-bullets.line button:before, .content-slider .orbit-bullets.line.on-top button:before, .content-slider .orbit-bullets.line.on-bottom button:before { position: absolute; z-index: 1; top: 0; left: 0; display: block; width: 100%; height: 0; content: ""; } .content-slider .orbit-bullets.line.on-top { margin-top: 0; margin-bottom: -22px; } .content-slider .orbit-bullets.line.on-top button:before { transition: border-top-width .3s linear; border-top: 2px solid #ffdd39; border-bottom-width: 0; } .content-slider .orbit-bullets.line.on-top button.is-active:before { border-top-width: 6px; border-bottom-width: 0; } .content-slider .orbit-bullets.line, .content-slider .orbit-bullets.line.on-bottom { margin-top: -20px; margin-bottom: -2px; } .content-slider .orbit-bullets.line button:before, .content-slider .orbit-bullets.line.on-bottom button:before { top: auto; bottom: 0; transition: border-bottom-width .3s linear; border-top: 0; border-top-width: 0; border-bottom: 2px solid #ffdd39; } .content-slider .orbit-bullets.line button.is-active:before, .content-slider .orbit-bullets.line.on-bottom button.is-active:before { border-top-width: 0; border-bottom-width: 6px; } .content-slider .orbit-bullets.on-top { z-index: 1; margin-top: 16px; margin-bottom: -30px; } .content-slider { overflow: hidden; } /* Sets the height of the orbit-container to a non-zero value */ .content-slider .orbit-container { height: auto !important; } .content-slider.orbit .image-hover { border-bottom-width: 0; } .content-slider img { width: 100%; } .content-slider .orbit-previous, .content-slider .orbit-next { position: absolute; z-index: 2; top: 100%; margin-top: -50px; } .content-slider .orbit-previous.small, .content-slider .orbit-next.small { margin-top: -41px; } .content-slider .orbit-previous:active, .content-slider .orbit-next:active { top: 100%; } .content-slider .orbit-previous { margin-left: -4.28571em; } .content-slider .orbit-next { margin-right: -4.28571em; } .content-slider .orbit-container:before { z-index: 1; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; transition: all .3s; opacity: 0; background-image: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .25) 25%, transparent 50%); } .content-slider .rh-slick-prev, .content-slider .rh-slick-next { position: absolute; z-index: 1; bottom: 0; } .content-slider .rh-slick-prev:active, .content-slider .rh-slick-next:active { top: auto; bottom: -2px; } .content-slider .rh-slick-prev { left: 0; } .content-slider .rh-slick-next { right: 0; } .content-slider:focus .orbit-container:before, .content-slider:hover .orbit-container:before { opacity: 1; } .content-slider:focus .orbit-previous, .content-slider:hover .orbit-previous { margin-left: 0; } .content-slider:focus .orbit-next, .content-slider:hover .orbit-next { margin-right: 0; } /*---------------------------------------- THUMBNAIL CONTENT CAROUSEL Slick.js */ .content-slider-thumbs .content-slider-item { margin-right: -1px; margin-left: -1px; padding: 3px 3px; cursor: pointer; background-color: transparent; } .content-slider-thumbs .content-slider-item img { transition: opacity .3s; opacity: .5; } .content-slider-thumbs .content-slider-item:focus img, .content-slider-thumbs .content-slider-item:hover img { opacity: 1; } .content-slider-thumbs .content-slider-item:focus { outline: none; } .content-slider-thumbs .slick-current { background-color: #ffdd39; } .content-slider-thumbs .slick-current img { opacity: 1; } /*---------------------------------------- OWL CAROUSEL */ .owl-item > .column-block { margin-bottom: 0; } .owl-dots { line-height: 1; margin-top: 2.625rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; } .owl-dot { display: inline-block; cursor: pointer; vertical-align: bottom; /* Use this with carousels on light background */ } .owl-carousel.animation-fastout-slowin .owl-stage { transition-timing-function: cubic-bezier(.5, 0, .15, 1.25) !important; } .owl-arrow-buttons .owl-next, .owl-arrow-buttons .owl-prev { position: absolute; top: 0; display: -ms-flexbox; display: flex; width: 8rem; height: 100%; transition: all .3s; -ms-flex-align: center; align-items: center; } .owl-arrow-buttons .owl-next:focus, .owl-arrow-buttons .owl-next:hover, .owl-arrow-buttons .owl-prev:focus, .owl-arrow-buttons .owl-prev:hover { width: 16rem; } .owl-arrow-buttons .owl-next { right: 0; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 95%); -ms-flex-pack: end; justify-content: flex-end; } .image-carousel.bg-secondary .owl-arrow-buttons .owl-next { background-image: linear-gradient(to right, rgba(51, 51, 51, 0) 0%, #333 95%); } .owl-arrow-buttons .owl-prev { left: 0; background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 95%); } .image-carousel.bg-secondary .owl-arrow-buttons .owl-prev { background-image: linear-gradient(to left, rgba(51, 51, 51, 0) 0%, #333 95%); } .owl-rh-buttons { display: -ms-flexbox; display: flex; padding-top: 1.3125rem; -ms-flex-pack: center; justify-content: center; } .owl-rh-buttons .owl-prev { margin-right: -10px; } .owl-rh-buttons .owl-next { margin-left: -10px; } .rh-owl-dots:not(.disabled) { padding-top: 1.3125rem; text-align: center; } /*---------------------------------------- HERO OWL CAROUSEL DOTS PROPERTIES */ .hero-carousel .owl-arrow-buttons .owl-prev { padding-left: 2rem; background-image: none; } .hero-carousel .owl-arrow-buttons .owl-next { padding-right: 2rem; background-image: none; } #hero-carousel-dots { position: absolute; z-index: 1; right: 0; bottom: 30px; left: 0; min-width: 20rem; max-width: 80vw; margin: auto; text-align: center; } #hero-carousel-dots .owl-dots { position: relative; display: inline-block; white-space: nowrap; } #hero-carousel-dots .owl-dots:first-child:before, #hero-carousel-dots .owl-dots:last-child:after { bottom: 7px; width: 15vw; height: 1px; cursor: default; opacity: .25; } #hero-carousel-dots .owl-dots:first-child { padding-left: 10px; } #hero-carousel-dots .owl-dots:first-child:before { right: 100%; background-image: linear-gradient(to left, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 0) 100%); } #hero-carousel-dots .owl-dots:last-child { padding-right: 10px; } #hero-carousel-dots .owl-dots:last-child:after { left: 100%; background-image: linear-gradient(to right, rgba(255, 255, 255, .75) 0%, rgba(255, 255, 255, 0) 100%); } #hero-carousel-dots .owl-dots span { height: 1px; border-radius: 0; box-shadow: none; } #hero-carousel-dots .owl-dots:hover span { background: #fff; box-shadow: none; } #hero-carousel-dots .owl-dots .owl-dot.active span { background: #ffdd39; } #hero-carousel-dots .owl-dot span { width: 2rem; } /*---------------------------------------- LOGO CAROUSEL (e.g. section "Partners") */ .logo-carousel { margin-bottom: 0; } .logo-carousel-item { width: 9.1875rem; height: 9.1875rem; margin: auto; padding: 1rem; transition: opacity linear .3s, transform cubic-bezier(.68, -.55, .27, 1.55) .5s; } .logo-carousel svg { width: 100%; height: 100%; } .logo-carousel-item:focus, .logo-carousel-item:hover { transform: scale(1.2, 1.2); } /*---------------------------------------- Image carousel */ .image-carousel .owl-item > div { margin-bottom: 0; padding: .5rem .25rem; } /*------------------------------------------------------------------------------ ACCORDIONS ------------------------------------------------------------------------------*/ .accordion-title:not(.media-button) { font-family: "Poppins", sans-serif; font-weight: 600; transition: color ease .3s, background-color ease .3s; text-transform: uppercase; color: #333; border: 1px solid #e6e6e6; } .accordion-title:not(.media-button):focus, .accordion-title:not(.media-button):hover { color: #333; background-color: #f8f8f8; } .accordion-title:not(.media-button):before, .is-active > .accordion-title:not(.media-button):before { content: none; } .accordion-content { transition: border .3s; border-color: #e6e6e6; background-color: #fff; } .secondary-fill .accordion-content { transition: border .3s; color: #d6d6d6; border-color: #404040; background-color: #404040; } .primary-fill .accordion-content { transition: border .3s; border-color: #ffea84; background-color: #ffea84; } .accordion-button { position: absolute; top: 0; right: 1rem; bottom: 0; left: auto; width: 12px; height: 12px; /* Vertical line */ /* horizontal line */ margin: auto; } .accordion-button:before, .accordion-button:after { position: absolute; content: ""; transition: transform .25s ease-out; background-color: #d6d6d6; } .accordion-button:before { top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; } .accordion-button:after { top: 50%; left: 0; width: 100%; height: 2px; margin-top: -1px; } .is-active .accordion-button { cursor: pointer; } .is-active .accordion-button:before { transform: rotate(-90deg); } .is-active .accordion-button:after { transform: rotate(-180deg); } .is-active > .accordion-title { border-bottom-width: 2px; border-bottom-color: #ffdd39; background-color: inherit; } [class*="secondary"] > .is-active > .accordion-title { color: #fff; border-color: #333 #333 #ffdd39 #333; background-color: #333; } [class*="primary"] > .is-active > .accordion-title { border-color: #ffdd39 #ffdd39 #fff #ffdd39; background-color: #ffdd39; } .primary > .is-active > .accordion-title { border-bottom-width: 0; } [class*="primary"] > .is-active .accordion-button:before, [class*="primary"] > .is-active .accordion-button:after { background-color: #333; } /*------------------------------------------------------------------------------ TABS ------------------------------------------------------------------------------*/ .tabs { z-index: 1; border: none; background: transparent; } .tabs-panel { height: inherit; } .tabs-title > a { padding-right: 1rem; padding-left: 1rem; transition: all .3s; color: #333; background: #f8f8f8; } .tabs-title > a:focus, .tabs-title > a:hover { color: currentColor; background: #fff; } .tabs-title.is-active > a { color: currentColor; background-color: #fff; } .tabs:not(.vertical) .tabs-title > a:focus, .tabs:not(.vertical) .tabs-title > a:hover { box-shadow: inset 0 -3px 0 0 #d6d6d6, inset 0 0 0 1px #e6e6e6; } .tabs:not(.vertical) .tabs-title.is-active > a { box-shadow: inset 0 -3px 0 0 #ffdd39, inset 0 0 0 1px #e6e6e6, 0 1px 0 0 #ffdd39; } .tabs.vertical .tabs-title > a:focus, .tabs.vertical .tabs-title > a:hover { box-shadow: inset -3px 0 0 0 #d6d6d6, inset 0 0 0 1px #e6e6e6; } .tabs.vertical .tabs-title.is-active > a { box-shadow: inset -3px 0 0 0 #ffdd39, inset 0 0 0 1px #e6e6e6, 1px 0 0 0 #ffdd39; } .tabs[class*="secondary"] .tabs-title.is-active > a { color: #fff; background-color: #333; } .tabs-content { color: inherit; border-color: #e6e6e6; border-top-width: 1px; border-top-style: solid; background: #fff; } .tabs-content.vertical { height: inherit; min-height: 100%; border-color: #e6e6e6; border-left-width: 1px; border-left-style: solid; } .tabs-content.vertical .tabs-panel { height: 100%; } .tabs-content.secondary-fill .tabs-panel.is-active { color: #d6d6d6; background-color: #333; } .tabs-content.secondary-gray-filled .tabs-panel.is-active { background-color: #d6d6d6; } .tabs.expanded:not(.accordion) { display: -ms-flexbox; display: flex; } .tabs.expanded:not(.accordion) .tabs-title { text-align: center; text-transform: uppercase; -ms-flex: 1 0 auto; flex: 1 0 auto; } /*------------------------------------------------------------------------------ BREADCRUMBS ------------------------------------------------------------------------------*/ .breadcrumbs { display: inline-block; } .breadcrumbs li, .breadcrumbs a { color: #333; } [class*="bg-secondary"] .breadcrumbs li, [class*="bg-secondary"] .breadcrumbs a { color: #fff; } .breadcrumbs a:focus, .breadcrumbs a:hover { text-decoration: none; color: #ffdd39; } .breadcrumbs li:not(:last-child)::after { color: currentColor; } /*------------------------------------------------------------------------------ PAGINATION ------------------------------------------------------------------------------*/ .pagination .current { padding: .75rem 1.25rem; color: currentColor; background: #ffdd39; } .pagination a, .pagination button { padding: .75rem 1.25rem; transition: background-color .3s; color: currentColor; } [class*="bg-secondary"] .pagination a, [class*="bg-secondary"] .pagination button { color: #d6d6d6; } .pagination a:hover, .pagination button:hover { color: currentColor; } [class*="bg-secondary"] .pagination a:hover, [class*="bg-secondary"] .pagination button:hover { color: #d6d6d6; background-color: #404040; } [class*="bg-secondary"] .pagination .disabled { color: #8a8a8a; } /*------------------------------------------------------------------------------ BADGES ------------------------------------------------------------------------------*/ .badge:not(:last-child) { margin: 0 .3125rem; } .badge:last-child { margin: 0 0 0 .3125rem; } .badge, .badge.primary { color: #333; background-color: #ffdd39; } .badge.secondary { color: #fff; background-color: #333; } .badge.light { background-color: #fff; } /*------------------------------------------------------------------------------ LABELS ------------------------------------------------------------------------------*/ .label { line-height: inherit; margin: 0 .23077em .4375rem 0; padding: .5rem .9375rem; } .label, .label.primary { color: #333; background-color: #ffdd39; } .label.secondary { color: #fff; background-color: #242424; } a.label { cursor: pointer; } .label.rh-label { padding: .4375rem .875rem; transition: color ease-in .2s, border-color ease-in .2s, transform ease-in .2s; text-transform: lowercase; color: rgba(138, 138, 138, .75); border: 1px solid rgba(138, 138, 138, .25); background-color: transparent; } .label.rh-label:focus, .label.rh-label:hover { transform: scale(1.11, 1.11); color: #8a8a8a; border-color: #ffdd39; } [class*="bg-secondary"] .label.rh-label { color: #8a8a8a; border-color: rgba(138, 138, 138, .5); } [class*="bg-secondary"] .label.rh-label:focus, [class*="bg-secondary"] .label.rh-label:hover { color: #fff; border-color: #ffdd39; } /*------------------------------------------------------------------------------ PROGRESS BAR ------------------------------------------------------------------------------*/ .progress { background-color: #f8f8f8; } .progress-meter { transition: width ease 3s; } .progress-meter-text { text-align: center; } .progress-title { display: -ms-flexbox; display: flex; flex-direction: row; -ms-flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: end; align-items: flex-end; } .progress-title h6, .progress-title .h6 { margin-bottom: .5rem; } .progress-title p { font-weight: bold; margin-bottom: .5rem; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .progress .progress-meter, .progress.primary .progress-meter { background-color: #ffea84; } .progress.primary .progress-meter-text { color: #333; } .progress.secondary .progress-meter { background-color: #404040; } .progress.secondary-gray .progress-meter { background-color: #8a8a8a; } .rh-progress { overflow: hidden; height: 6px; margin-bottom: 1.3125rem; border-radius: 2px; } .rh-progress .progress-meter { position: static; } /*------------------------------------------------------------------------------ TABLES ------------------------------------------------------------------------------*/ table thead th, table thead td, table tfoot th, table tfoot td, table tbody th, table tbody td { padding: 1rem; } table.small thead th, table.small thead td, table.small tfoot th, table.small tfoot td, table.small tbody th, table.small tbody td { padding: .5rem 1rem; } /*------------------------------------------------------------------------------ CALLOUT ------------------------------------------------------------------------------*/ .callout { border-width: 0; } .callout:not([class*="bg-secondary"]) { color: #333; } .callout[class*="bg-secondary"] { color: #fff; } .callout.primary, .callout.secondary, .callout.success, .callout.alert, .callout.warning { border-width: 0 0 2px 0; } .callout.primary { border-bottom-color: #ffdd39; background-color: #fffae1; } .callout.secondary { border-bottom-color: #333; background-color: #dbdbdb; } .callout.success { border-bottom-color: #3adb76; } .callout.alert { border-bottom-color: #cc4b37; } .callout.warning { border-bottom-color: #ffae00; } .callout.row { margin-right: auto; margin-bottom: 0; margin-left: auto; } [class*="callout-overlap-"] { text-align: center; } /*------------------------------------------------------------------------------ MODAL WINDOWS ------------------------------------------------------------------------------*/ .reveal-overlay { overflow-y: hidden; background-color: #242424; } .reveal { padding-top: 3.9375rem; } .reveal .tabs.expanded:not(.accordion) .tabs-title { -ms-flex: 1 0 50%; flex: 1 0 50%; } .reveal .tabs-content { border: none; } .reveal .tabs-panel { padding: 1.3125rem 0 1rem; border: none; } .reveal .rh-button { min-width: 9.375rem; } .reveal .rh-button:last-child { margin-bottom: 0; } /* CSS HACK for Safari (Not Chrome!) Author: Jeff Clayton Source: https://jeffclayton.wordpress.com/2015/04/28/css-hacks-for-safari-6-1-7-and-8-not-chrome/ Please be aware that these are hacks, and some of them are truly NON-STANDARD CSS CODE (which is why only some browsers are affected by them) AND WILL NOT FILTER THROUGH SASS OR OTHER COMPILERS OR FILTERS because they try to remove the non-standard data or convert to cross-browser form which completely destroys what we are trying to do here. To use them anyway, in many cases you must USE YOUR FILTER FIRST, THEN APPLY THE HACK AFTERWARD. Such is the nature of a hack and does require the extra work of either including an external unfiltered CSS file or code block afterward. The hacks below fixes a bug with the display of a close-button when the reveal window is open */ /* Safari 10.1+ */ /* @media not all and (min-resolution:.001dpcm) { @media{ .reveal-overlay > .reveal { z-index: initial; } } } */ /* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */ /* @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media{ .reveal-overlay > .reveal { z-index: initial; } } } */ #form-alert-popup.tiny .button { display: none; } .ajax-message .icon-box, .ajax-message h3, .ajax-message .h3 { margin-bottom: 2.625rem; } .ajax-message .icon-box { margin-right: auto; margin-left: auto; } .reveal-search { padding: 0; border: 0; background-color: transparent; } .reveal-search input { text-transform: uppercase; } .reveal-search .form-error { margin-top: .67rem; padding-left: .67rem; } /*------------------------------------------------------------------------------ PRICE BLOCK ------------------------------------------------------------------------------*/ .price sup { font-size: .875rem; top: -.8em; } .price sup:last-child { margin-left: 5px; } .card[class*="bg-secondary"] .price sup, [class*="bg-secondary"] > .price sup { color: #cacaca; } .card[class*="bg-secondary"] .price .price-val, [class*="bg-secondary"] > .price .price-val { color: #fff; } .price-val { font-size: 2.5rem; font-weight: 900; background-repeat: no-repeat; } .price.small .price-val { font-size: 1.8125rem; } .price.small sup { font-size: .6875rem; } .price.large .price-val { font-size: 3rem; } .price.large sup { font-size: 1.0625rem; } /*------------------------------------------------------------------------------ PRICING-TABLES ------------------------------------------------------------------------------*/ .pricing-tables-row .column { padding-top: 1.3125rem; } .pricing-tables-row.collapse .pricing-table { box-shadow: 0 0 5px rgba(0, 0, 0, .25); } .pricing-tables-row.collapse .pricing-table.featured { position: relative; box-shadow: 0 0 25px rgba(0, 0, 0, .25); } .pricing-table { width: 100%; margin-left: 0; list-style-type: none; text-align: center; background-color: #fff; } .pricing-table li { padding: 1rem; border-bottom: dotted 1px #d6d6d6; } .pricing-table li:last-child { padding-bottom: 0; border-bottom: 0; } .pricing-table li.pricing-title, .pricing-table li[class*="bg-"] { border-bottom: 0; } .pricing-table li[class*="bg-gray"] .pricing-table li { color: currentColor; } .pricing-table .description { color: #8a8a8a; } .pricing-table :last-child { margin-bottom: 0; } .pricing-table:focus, .pricing-table:hover { z-index: 2; } /*------------------------------------------------------------------------------ TIMELINES ------------------------------------------------------------------------------*/ .timeline-vertical { position: relative; } /* vertical scale line */ .timeline-vertical:before { top: 0; bottom: 0; left: 20px; width: 2px; height: 100%; margin-left: -2px; background-color: #ffdd39; } [class^="section"].bg-primary .timeline-vertical:before { background-color: #333; } .timeline-item { position: inherit; margin-bottom: 3.9375rem; } .timeline-item:before { top: 10px; left: 31px; width: .625rem; height: 2px; margin: auto; background-color: #ffdd39; } [class^="section"].bg-primary .timeline-item:before { background-color: #333; } .timeline-item:after { /* timeline item bullet */ position: absolute; top: 12px; left: 10px; display: block; width: 14px; height: 14px; margin-top: -8px; margin-left: 2px; padding: .25rem 0 .25rem .0625rem; content: ""; transition: all .3s; text-align: center; border: 2px solid #ffdd39; border-radius: 50%; background-color: #fff; box-shadow: 0 0 0 5px #fff; } [class^="section"].bg-gray .timeline-item:after { background-color: #f8f8f8; box-shadow: 0 0 0 5px #f8f8f8; } [class^="section"].bg-secondary .timeline-item:after { background-color: #333; box-shadow: 0 0 0 5px #333; } [class^="section"].bg-primary .timeline-item:after { border-color: #333; background-color: #ffdd39; box-shadow: 0 0 0 5px #ffdd39; } .timeline-item .media-object-section:first-child { margin: -1rem -1rem 1rem; } .timeline-item .callout { min-height: 9.375rem; margin-bottom: 0; } .timeline-item .callout .rh-thumbnail { overflow: hidden; width: calc(100% + 2rem); height: 100%; } .timeline-item .callout .rh-thumbnail > * { height: inherit; min-height: 9.375rem; background-size: cover; } .timeline-image { display: inline-block; overflow: hidden; width: 100%; max-width: 250px; max-height: 9.375rem; } .timeline-item:focus:after, [class^="section"]:not(.bg-primary) .timeline-item:focus:after, .timeline-item:hover:after, [class^="section"]:not(.bg-primary) .timeline-item:hover:after { background-color: #ffdd39; } [class^="section"].bg-primary .timeline-item:focus:after, [class^="section"].bg-primary .timeline-item:hover:after { background-color: #333; } /*------------------------------------------------------------------------------ COUNTERS ------------------------------------------------------------------------------*/ .counter-icon { display: inline-block; vertical-align: middle; color: #8a8a8a; } .counter-icon + .counter-title { margin-left: 1rem; } .counter-digits { margin-bottom: 1.3125rem; } .counter-title { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .875rem; line-height: 1; text-transform: lowercase; color: #8a8a8a; } .counter .num { font-family: "Poppins", sans-serif; font-size: 2.125rem; font-weight: 700; line-height: 1.2; position: relative; display: inline-block; width: .875em; height: 1.125em; text-align: center; color: #fff; border-radius: 2px; background-color: #333; } .counter .num:not(:last-child) { margin-right: .375rem; } .counter .num:before, .counter .num:after { top: 50%; right: 0; left: 0; } .counter .num:before { bottom: 50%; max-width: 100%; height: 8px; margin: -4px auto -4px; border-width: 2px; border-style: solid; border-color: transparent #fff; } .counter .num:after { width: 100%; height: 2px; margin: -1px auto 0; background: #fff; } [class*="bg-secondary"] .counter.secondary .counter-icon { color: #ffdd39; } .s-counters { padding: 3.4375rem 0; text-align: center; } .s-counters .counter.row { padding: 1.3125rem 0; } .s-counters .counter.row.expanded { margin: -1.3125rem 0; background-color: rgba(255, 255, 255, .15); } .s-counters .counter .media-object { margin-top: 1.5625rem; margin-bottom: 1.5625rem; } .s-counters .counter-icon { font-size: 3.21429em; } .s-counters .counter-digits { width: 75%; min-width: 10.5rem; } .s-counters .counter-title { font-size: 1.125rem; } .counter.secondary .num { color: #333; background-color: #fff; } .counter.secondary .num:before { border-color: transparent #242424; } .counter.secondary .num:after { background: #242424; } .counter.secondary .counter-title, .counter.secondary .counter-icon { color: #d6d6d6; } /*------------------------------------------------------------------------------ COUNTDOWN ------------------------------------------------------------------------------*/ .countdown > div { font-size: 1.75rem; position: relative; display: -ms-flexbox; display: flex; overflow: hidden; flex-direction: column; padding: 1.14286em; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; } .countdown span { font-size: 50%; display: block; } .countdown.rh-countdown > div { position: relative; } .countdown.rh-countdown > div:after { z-index: 2; top: 0; left: 0; width: 100%; height: 100%; transition: transform linear .3s; background-repeat: no-repeat; background-position: 50% 50%; } .countdown.circle > div:after, .countdown.square > div:after { z-index: 2; z-index: 1; top: 50%; left: 50%; width: 4em; height: 4em; transition: transform linear .3s; transform: translate(-50%, -50%); border-color: #ffdd39; } .countdown.square > div:after { border-width: 1px; border-style: solid; } .countdown.circle > div:after { border-width: 3px; border-style: dashed; border-radius: 50%; } /*------------------------------------------------------------------------------ RATING STARS ------------------------------------------------------------------------------*/ .rating { margin-left: 0; list-style: none; } .rating li { display: inline-block; } .rating i { color: #8a8a8a; } .rating-title { padding-right: 1rem; color: #8a8a8a; } .is-invalid-label .rating-title { color: #cc4b37; } .rating-title, .rating-title + .rating { display: inline-block; } form .rating-group { margin-top: 1.3125rem; padding-left: .625rem; } .price .rating { margin-bottom: 0; } /*------------------------------------------------------------------------------ TWITTER-FEED ------------------------------------------------------------------------------*/ .twitter-feed-time { font-size: 80%; display: block; color: #cacaca; } .twitter-feed p { margin-bottom: .65625rem; } .twitter-feed i { color: #d6d6d6; } /*------------------------------------------------------------------------------ SOCIALS ------------------------------------------------------------------------------*/ /*---------------------------------------- SOCIALS BUTTON GROUP */ .socials { margin: 0; } .socials .button { font-size: .875rem; display: -ms-flexbox; display: flex; width: 2.85714em; height: 2.85714em; margin-bottom: 0; padding: 0; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .socials .button:not(:last-child) { margin-right: .3125rem; } .socials.large a { font-size: 1rem; } .socials.small a { font-size: .75rem; } .socials.menu i { margin-right: 0; } /*---------------------------------------- FLOATING SOCIALS */ .floating-socials { height: 100%; } .floating-socials, .floating-socials a { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .floating-socials small { font-size: 35%; transition: transform linear .2s, opacity linear .2s; transform: scale(1.2, 1.2) translateY(15px); opacity: 0; } .floating-socials a { font-size: 1.625rem; line-height: 1.625rem; flex-direction: column; padding: 0 .30769em; text-align: center; -ms-flex-direction: column; } .floating-socials i { margin-right: 0; transition: transform linear .2s, opacity linear .2s; transform: translateY(10px); } .floating-socials a:focus, .floating-socials a:hover { color: inherit; } .floating-socials a:focus i, .floating-socials a:hover i { transform: translateY(5px); opacity: 1; } .floating-socials a:focus small, .floating-socials a:hover small { transform: translateY(5px); opacity: 1; } .floating-socials.small a { font-size: 1.25rem; line-height: 1.25rem; } .floating-socials.large a { font-size: 2.25rem; line-height: 2.25rem; } /*------------------------------------------------------------------------------ MAPS ------------------------------------------------------------------------------*/ .map { height: 100%; min-height: 20rem; border-bottom: 2px solid #ffdd39; } .reveal.reveal-map { padding: 0; border-bottom: 2px solid #ffdd39; } .reveal.reveal-map.large { height: 90vh; } .reveal.reveal-map .map { min-height: 27.5rem; } .reveal.reveal-map .close-button { z-index: 1; } .inline-map { min-height: 1px; } .inline-map .map { border-top: 2px solid #ffdd39; } /*------------------------------------------------------------------------------ LANGUAGE BAR ------------------------------------------------------------------------------*/ .langbar { position: relative; } .langbar > .button { font-weight: 400; min-width: 3.75rem; padding: .875rem 1.25rem .875rem; } .langbar > .button.hover { color: #fff; background-color: #242424; } .langbar > .button span { top: -2px; margin-right: 2px; } .langbar .menu a { font-size: .75rem; text-transform: uppercase; } .langbar .menu .flag-icon { top: -1px; margin-right: 5px; } /* 'Important' is needed to align the .dropdown-pane to the right */ .langbar .dropdown-pane { right: 0 !important; left: auto !important; width: 12.5rem; padding: 0; } /*------------------------------------------------------------------------------ TESTIMONIALS ------------------------------------------------------------------------------*/ [class*="testimonials-divider"] { position: relative; } [class*="testimonials-divider"]:before, [class*="testimonials-divider"]:after { top: 0; width: 30%; height: 0; border-top: 1px solid #d6d6d6; } [class*="testimonials-divider"]:before { left: 50%; margin-left: 8px; } [class*="testimonials-divider"]:after { right: 50%; margin-right: 8px; } .testimonials-divider-video { margin-top: 2.625rem; margin-bottom: 2.625rem; } .testimonials-divider-video:before, .testimonials-divider-video:after { border-color: #ffdd39; } .testimonials-divider-video::before { margin-left: 2.29em; } .testimonials-divider-video::after { margin-right: 2.29em; } .testimonials-corner { width: 20px; height: 10px; margin: 10px; margin: auto; fill: none; stroke: #d6d6d6; stroke-width: 1.25; } .testimonials-item { width: 90%; margin: auto; } .testimonials-item.callout { padding-top: 2.625rem; padding-bottom: 2.625rem; } .testimonials-item > .video-play-button { position: relative; margin-bottom: 1.3125rem; } .owl-item > .testimonials-item { margin-bottom: 1.3125rem; } .testimonials-meta { position: relative; max-width: 70%; margin-right: auto; margin-left: auto; padding-top: 2.625rem; } [class*="bg-secondary"] .testimonials-meta:before { border-top-color: #ffdd39; } .testimonials-meta img { max-width: 3.125rem; } .testimonials .media-object { margin-bottom: 0; } .testimonials .icon-box { margin: 0 auto 21px; border-width: 2px; } .testimonials .icon-box.border { background-color: transparent; } .testimonials .icon-box.border.secondary-gray { color: #d6d6d6; } .testimonials .icon { font-size: 5rem; margin-top: -1.4375rem; color: #d6d6d6; } .testimonials p { font-size: 1.125rem; font-style: italic; position: relative; margin-bottom: 1.96875rem; } .testimonials .author, .testimonials .company { display: block; } .testimonials .author { margin: 0; } .testimonials .company { font-size: .875rem; color: #8a8a8a; } .testimonials .company:before { content: "«"; } .testimonials .company:after { content: "»"; } .testimonials .rating i { color: #ffdd39; } [class*="bg-secondary"] .testimonials p { font-weight: 300; color: #fff; } [class*="bg-secondary"] .testimonials .author { color: #fff; } .sidebar .testimonials .icon-box { margin-right: auto; margin-bottom: 1.3125rem; margin-left: auto; } .sidebar .testimonials p { font-size: 1rem; } .sidebar .testimonials .owl-dots { margin-top: 1.3125rem; } .sidebar .testimonials-meta { max-width: 90%; padding-top: 1.3125rem; } .testimonials .orbit-buttons { position: absolute; bottom: -10px; display: -ms-flexbox; display: flex; width: 100%; margin-top: -1.25rem; -ms-flex-pack: center; justify-content: center; } .testimonials .orbit-previous, .testimonials .orbit-next { margin-bottom: 0; transition: color .3s, border-color .3s, opacity .3s, left .3s, right .3s; transition-delay: .5s; transform: none; } .testimonials .orbit-bullets { margin-top: 2.625rem; } .s-testimonials.s-half .s-half-image:nth-child(1):before, .s-testimonials.s-half .s-half-image:nth-child(2):before { top: 0; width: 100%; height: 100%; } .s-testimonials.s-half .s-half-image:nth-child(1):before { left: 0; background-image: linear-gradient(to left, #fff, #fff 20%, rgba(255, 255, 255, .85) 40%, rgba(255, 255, 255, 0) 100%); } .s-testimonials.s-half .s-half-image:nth-child(2):before { right: 0; background-image: linear-gradient(to right, #fff, #fff 20%, rgba(255, 255, 255, .85) 40%, rgba(255, 255, 255, 0) 100%); } /*------------------------------------------------------------------------------ LAYOUTS ------------------------------------------------------------------------------*/ main { margin-bottom: 2.625rem; padding: 3.9375rem 0 0; } main > [class*="section"]:first-child { margin-top: -3.9375rem; } main + .section { margin-top: -2.625rem; } /*---------------------------------------- FULL WIDTH SECTION */ .section { margin-bottom: 2.625rem; padding-top: 3.9375rem; } .s-header { margin-bottom: 3.9375rem; } .s-header.align-center { text-align: center; } .s-header.align-right { text-align: right; } .s-footer { padding-top: 3.9375rem; } .s-footer .button { z-index: 1; margin-bottom: 0; } /*---------------------------------------- FULL WIDTH BOXED SECTION */ .section-boxed { margin-bottom: 0; padding-top: 0; } .section-boxed.s-half > .row > .column, .section-boxed.s-separate-columns > .row > .column, .section-boxed:not(.s-equal-paddings):not(.s-half):not(.s-separate-columns) > .row { padding-top: 3.9375rem; } .section-boxed:not(.s-equal-paddings) > .row ~ .row { padding-top: 0; } .section-boxed > .row:not(.expanded):last-child, .section-boxed > .row.expanded:last-child > .column { padding-bottom: 2.625rem; } .section-boxed.s-equal-paddings > .row:not(.expanded), .section-boxed.s-equal-paddings > .row.expanded > .column { padding-top: 2.625rem; } .section-boxed > .row > .column { background-size: cover; } .section-boxed.has-overlay:after { z-index: 0; } /* Properties for containers with the inline background image... */ .section-boxed[data-interchange] { background-position: 50% 50%; background-size: cover; } .section-in-post { background-repeat: no-repeat; background-size: contain; } .section-in-post:not(:first-child) { margin-top: 3.9375rem; } .section-in-post:not(:last-child) { margin-bottom: 3.9375rem; } /*---------------------------------------- SECTION WITH TOP AND BOTTOM BORDERS */ .s-border { border-width: 10px 0; border-style: solid; border-color: #404040; box-shadow: inset 0 7px 14px -7px rgba(36, 36, 36, .75), inset 0 -7px 14px -7px rgba(36, 36, 36, .75); } /*---------------------------------------- HALF SECTION */ .s-half { position: relative; } .s-half-image { background-size: cover; } /*---------------------------------------- SECTION LINE Line at the bottom of some sections */ [class*="s-line"], [class*="s-rowline"] > .row { position: relative; } [class*="s-line"]:before, [class*="s-rowline"] > .row:before { z-index: 1; right: 0; bottom: 1.3125rem; left: 0; height: 1px; margin: auto; background-image: linear-gradient(to left, rgba(214, 214, 214, 0) 0%, rgba(214, 214, 214, .5) 15%, rgba(214, 214, 214, .75) 50%, rgba(214, 214, 214, .5) 85%, rgba(214, 214, 214, 0) 100%); } [class*="s-line"] .button, [class*="s-rowline"] > .row .button { z-index: 1; /* just a fix */ } [class*="s-line"]:before { width: 100vw; } [class*="s-rowline"]:before { width: 100%; } [class*="s-line"].section-boxed:before, [class*="s-rowline"].section-boxed > .row:before { bottom: 3.9375rem; } .s-line-secondary:before { background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .15) 15%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .15) 85%, rgba(255, 255, 255, 0) 100%); } /*---------------------------------------- SECTION CONTENT BOX */ [class*="s-content-box"] { position: relative; overflow: hidden; margin-bottom: 0; } [class*="bg-secondary"] [class*="s-content-box"] { color: #fff; } [class*="s-content-box"] .media-object > .media-object-section { z-index: 1; } [class*="s-content-box"] p, [class*="s-content-box"] li { font-size: 1rem; } [class*="s-content-box"] li:not(:last-child) { margin-bottom: .4375rem; } .s-content-box-image { position: absolute; z-index: 0; top: 4px; right: 4px; bottom: 4px; left: 4px; overflow: hidden; width: 100%; } .s-content-box-image:before { z-index: 1; top: 0; right: 0; bottom: 0; left: 0; transition: background-color linear .3s; background-color: rgba(36, 36, 36, .75); } .s-content-box-image > * { width: 100%; height: 100%; transition: transform linear .3s, filter .3s; transform: scale(1); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .s-content-box-link:after { z-index: 2; top: 0; right: 0; bottom: 0; left: 0; width: 7.5rem; height: 7.5rem; margin: auto; transition: transform linear .3s; background-repeat: no-repeat; } .s-content-box-link > [class*="headline"] { position: inherit; z-index: 2; transition: transform linear .3s; } [class*="s-content-box"]:focus:before, [class*="s-content-box"]:hover:before { background-color: rgba(36, 36, 36, .85); } [class*="s-content-box"]:focus:after, [class*="s-content-box"]:hover:after { transform: scale(.8, .8); } [class*="s-content-box"]:focus > [class*="headline"], [class*="s-content-box"]:hover > [class*="headline"] { transform: translateY(8px); } [class*="s-content-box"]:focus .s-content-box-image > *, [class*="s-content-box"]:hover .s-content-box-image > * { transform: scale(1.1); } /*------------------------------------------------------------------------------ SCROLL UP ELEMENTS ------------------------------------------------------------------------------*/ .mobile-bottom-bar { position: fixed; z-index: 5; bottom: -65px; width: 100%; padding: .5rem 1rem; transition: bottom .5s; transition-delay: .3s; border-top: 2px solid #404040; box-shadow: 0 -5px 7px rgba(0, 0, 0, .1); } .mobile-bottom-bar.is-stuck { bottom: 0; } .mobile-bottom-bar .button { font-size: 1rem; height: 2.5rem; margin-right: 0; margin-bottom: 0; padding: .7rem 1rem; text-align: center; } /*------------------------------------------------------------------------------ MENU Including menus, drop-down menus, drill-down details ------------------------------------------------------------------------------*/ .menu a { font-size: .75rem; font-weight: 700; text-transform: uppercase; } .menu li.is-active > a { background-color: #e6e6e6; } .menu li.active > a { cursor: default; } .menu > li > a img, .menu > li > a i, .menu > li > a svg { margin-right: .25rem; } .menu:not(.vertical) li.active > a { color: #ffdd39; background-color: inherit; } .menu.sticky > li > a.is-active { background-color: #ffdd39; } .menu.vertical li > a { padding: 1rem; transition: background-color .3s; } .menu.vertical li > a:focus, .menu.vertical li > a:hover { background-color: #e6e6e6; } .menu.vertical li:not(:first-child) > a { border-top: 1px dotted #d6d6d6; } .menu.vertical li.active > a { border-top-style: solid; border-top-color: #ffdd39; background-color: #ffdd39; } .menu.vertical li.active + li > a { border-top-style: solid; border-top-color: #ffdd39; } .menu.dropdown .is-active > a { background-color: #e6e6e6; } .menu li.is-active > a, .menu li.active > a, .menu.vertical li > a:focus, .menu.vertical li > a:hover, .menu.dropdown .is-active > a { color: currentColor; } .rh-menu .vertical > li:not(:first-child) > a { border-top-style: solid; } .rh-menu .vertical > li > a { white-space: nowrap; background-color: #f8f8f8; } .rh-menu .vertical > li > a i { margin-left: -.5rem; } .dropdown-pane.is-open, .is-dropdown-submenu.js-dropdown-active { animation-name: rh-dropdown; animation-duration: .3s; animation-timing-function: ease-in-out; } .dropdown-pane { z-index: 4; } .dropdown-pane.is-open.top { animation-name: rh-dropdown-top; } .dropdown-pane.is-open.right { animation-name: rh-dropdown-right; } .dropdown-pane.is-open.left { animation-name: rh-dropdown-left; } /* Menu item animation */ .vertical.menu .is-dropdown-submenu.js-dropdown-active.first-sub { animation-name: rh-dropdown-right; } .is-dropdown-submenu.js-dropdown-active:not(.first-sub) { animation-name: rh-dropdown-right; } .opens-left > .is-dropdown-submenu.js-dropdown-active:not(.first-sub) { animation-name: rh-dropdown-left; } /* Cnange dropdown triangle color in menu items */ .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after, .dropdown.menu > li.is-dropdown-submenu-parent > a::after { border-top-color: currentColor; } .drilldown .is-drilldown-submenu-parent > a::after, .dropdown.menu.vertical > li.opens-right > a::after, .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { border-left-color: currentColor; } .drilldown .js-drilldown-back > a::before, .dropdown.menu.vertical > li.opens-left > a::after, .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { border-right-color: currentColor; } .is-dropdown-submenu { z-index: 2; border-width: 0; box-shadow: 0 0 25px rgba(51, 51, 51, .25); } .main-menu > .is-dropdown-submenu-parent.is-active { background-color: transparent; } .is-accordion-submenu { background-color: #f8f8f8; } .drilldown .is-drilldown-submenu { background: #f8f8f8; } .menu.vertical .is-accordion-submenu-parent[aria-expanded="true"] > a, .menu.vertical .js-drilldown-back > a { color: white; border-top-width: 0; border-top-style: solid; border-bottom: 2px solid #ffdd39; background-color: #242424; } .menu.vertical .is-accordion-submenu-parent[aria-expanded="true"] > a:hover, .menu.vertical .js-drilldown-back > a:hover { color: #ffdd39; background-color: #404040; } .menu.vertical .is-accordion-submenu-parent[aria-expanded="true"] + li > a, .menu.vertical .js-drilldown-back + li > a { border-top-color: #ffdd39; } /*---------------------------------------- MAIN MENU: MOBILE */ .menu-trigger { font-family: "Poppins", sans-serif; font-size: .9375rem; font-weight: 700; line-height: 2.5rem; margin-top: .40625rem; margin-bottom: 0; padding: 0; text-transform: uppercase; color: #fff; border: 1px solid rgba(138, 138, 138, .5); background-color: transparent; } .site-header .menu-trigger { display: block; max-width: 5.625rem; margin-left: auto; } .burger-icon { position: relative; display: inline-block; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .burger-icon, .burger-icon:before, .burger-icon:after { width: 15px; height: 1px; transition-duration: .3s; transition-property: background-color, transform; background-color: currentColor; } .burger-icon:before, .burger-icon:after { position: absolute; display: block; content: ""; } .burger-icon:before { top: -5px; } .burger-icon:after { top: 5px; } .is-active .burger-icon { background-color: transparent; } .is-active .burger-icon:before { transform: translateY(5px) rotate(45deg); } .is-active .burger-icon:after { transform: translateY(-5px) rotate(-45deg); } .mobile-navigation-header { height: 4rem; background-color: #333; } .mobile-navigation-header .close-button { top: 1rem; right: auto; left: 1rem; } /*---------------------------------------- MAIN MENU: DESKTOP */ /*------------------------------------------------------------------------------ TOPBAR ------------------------------------------------------------------------------*/ .topbar { border-top: 10px solid #333; } .topbar-info > *:first-child { font-size: .625rem; display: block; margin-bottom: 5px; text-transform: uppercase; color: #cacaca; } .topbar-info > *:last-child { font-size: .9375rem; text-transform: uppercase; color: #8a8a8a; } .topbar .icon-box { font-size: .875rem; line-height: 2.85714em; min-width: 2.85714em; height: 2.85714em; transition: border-color linear .3s; } .topbar-icon:focus .icon-box, .topbar-icon:hover .icon-box { border-color: #ffdd39; } .topbar-icon:focus i, .topbar-icon:hover i { animation: rh-scale-in linear .5s; color: #242424; } .topbar-icon:focus .block-link, .topbar-icon:hover .block-link { color: #242424; } .topbar > .row { position: relative; } .topbar > .row > .column { display: -ms-flexbox; display: flex; } .topbar:not(.small) > .row { height: 50px; /* IE fix */ min-height: 3.125rem; } .topbar.small { padding-top: 7px; padding-bottom: 7px; } .topbar.small .topbar-column > a.media-object:not(last-child) { margin-right: 5px; } .topbar.small .media-object-section:first-child { padding-right: 0; } .topbar-column .button-group { margin-bottom: 0; margin-left: auto; } .topbar-column .button-group > *:not(:last-child) { margin-right: 5px; margin-left: 0; } .topbar-column .button { line-height: 1.1rem; height: 2.5rem; padding: .7rem .91438rem; transition: all .3s; text-align: center; border: 1px solid #e6e6e6; box-shadow: none; } .topbar-column .button i { margin: 0; } .topbar-column .media-object { -ms-flex-align: center; align-items: center; } .topbar-column .media-object, .topbar-column .media-object p:last-child { margin-bottom: 0; } /*------------------------------------------------------------------------------ HEADERS ------------------------------------------------------------------------------*/ /*---------------------------------------- SITE-HEADER */ .site-header { position: relative; z-index: 2; width: 100%; border-top: 2px solid #ffdd39; border-bottom: 2px solid #404040; box-shadow: 0 3px 7px rgba(0, 0, 0, .35); } .site-header.sticky { top: 0 !important; /* for sticky */ } .site-header > .row { position: relative; /* for megamenu */ } .site-header > .row.expanded .main-menu { -ms-flex-pack: end; justify-content: flex-end; } .site-header > .row.expanded .main-menu > li { -ms-flex-positive: 0; flex-grow: 0; } .site-header > .row, .site-header > .row > .column { height: 100%; } /*---------------------------------------- SITE-HEADER LOGO */ .logo-container { position: relative; z-index: 3; margin-right: 1rem; margin-left: 1rem; transition: all .3s; background-color: #ffdd39; box-shadow: 0 7px 10px -3px rgba(36, 36, 36, .25); } .logo-container a { position: relative; z-index: 1; display: block; width: 100%; height: 100%; } .logo-container svg, .logo-container img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .logo-container svg, .logo-container img, .site-header-logo svg, .site-header-logo img { max-height: 2.875rem; } .logo-container.large svg, .logo-container.large img { max-height: 55%; } .logo-container:before, .logo-container:after { z-index: -1; top: 0; bottom: 0; width: 50%; height: calc(100%); background-color: inherit; } .logo-container:before { left: 0; transform: skewX(15deg); transform-origin: bottom left; } .logo-container:after { right: 0; transform: skewX(-15deg); transform-origin: bottom right; } .site-header-logo { min-width: 9.375rem; height: inherit; } .site-header-logo:not(.logo-container) > a { width: 100%; height: inherit; max-height: 3rem; } .site-header-logo:not(.logo-container) svg { width: 60%; } [class*="-logo"] a, .logo-container a { transition: transform cubic-bezier(.68, -.55, .27, 1.55) .3s; } [class*="-logo"]:focus a, [class*="-logo"]:hover a, .logo-container:focus a, .logo-container:hover a { transform: scale(1.065); } /*---------------------------------------- PAGE HEADER Used on secondary pages (hero section) */ .page-header { margin-bottom: 0; border-bottom: 2px solid #d6d6d6; } .page-header[data-interchange] { position: relative; z-index: 0; border-bottom-color: #ffdd39; } .page-header[data-interchange]:before, .page-header[data-interchange]:after { z-index: -1; bottom: 0; left: 0; width: 100%; height: 100%; } .page-header[data-interchange]:before { background-image: url(../img/pat_dot.png), linear-gradient(to top, #242424, rgba(36, 36, 36, 0) 80%); } .page-header > .row { -ms-flex-align: end; align-items: flex-end; } .page-header:not([data-interchange]) .s-header, .page-header + .callout { margin-bottom: 0; } .page-header .s-header, .page-header .s-header > * { margin-bottom: 0; } .page-header .s-header + nav { margin-top: 2.625rem; } .page-header h1 + .subheader, .page-header .h1 + .subheader { font-size: 1rem; text-transform: uppercase; } .page-header[class*="bg-secondary"] h1 + .subheader, .page-header[class*="bg-secondary"] .h1 + .subheader { color: #fff; } /*---------------------------------------- BLOCK HEADER */ .block-header { margin-bottom: 1.3125rem; } .block-header:not(:first-child) { margin-top: 2.625rem; } .block-header h2, .block-header .h2, .block-header h3, .block-header .h3, .block-header h4, .block-header .h4, .block-header h5, .block-header .h5, .block-header h6, .block-header .h6 { margin: 0; } .block-header[class*="border"] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .block-header[class*="border"] .headline { margin-bottom: 0; } .block-header[class*="border"] hr { margin: -2px 0 0; -ms-flex-positive: 1; flex-grow: 1; } .block-header[class*="border"] hr:first-child { margin-right: 1rem; } .block-header[class*="border"] hr:last-child { margin-left: 1rem; } .block-header[class*="border"].align-right { flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .block-header[class*="border"].align-right hr:first-child { margin-right: 0; margin-left: 1rem; } .block-header[class*="border"].align-right hr:last-child { margin-right: 1rem; margin-left: 0; } hr.border-3, .block-header.border-3 hr { position: relative; } hr.border-3:before, .block-header.border-3 hr:before, hr.border-3:after, .block-header.border-3 hr:after { width: 100%; height: 0; border-bottom-width: inherit; border-bottom-style: inherit; border-bottom-color: inherit; } hr.border-3:before, .block-header.border-3 hr:before { top: -.57143em; } hr.border-3:after, .block-header.border-3 hr:after { bottom: -.64286em; } /*------------------------------------------------------------------------------ FOOTERS ------------------------------------------------------------------------------*/ .site-footer { padding: 2.75rem 0 0; color: #8a8a8a; background-position-y: 50%; } .site-footer > .row:not(:last-child) { margin-bottom: 1.3125rem; } .site-footer.is-fixed { overflow: hidden; } .site-footer.is-fixed > .row:first-child { position: relative; z-index: 1; } .site-footer.is-fixed > .row:first-child:before { z-index: -1; left: calc(50% - 50vw); width: 100vw; height: 100%; margin: auto; background-color: rgba(36, 36, 36, .85); } .site-footer hr { border-bottom-color: currentColor; } .site-footer .twitter-feed i { color: #8a8a8a; } .site-footer .socials .button.hollow:not(:hover) { color: inherit; border-color: currentColor; } .site-footer-logo svg, .site-footer-logo img { width: 10.625rem; max-height: 4.375rem; } .site-footer-logo a { display: inline-block; margin-bottom: 1.3125rem; } .site-footer-logo + .subheader + hr { opacity: .5; } .site-footer .logo-container { max-width: 12.5rem; margin-top: -3.375rem; margin-right: auto; margin-bottom: 1.3125rem; margin-left: auto; } .site-footer .logo-container ~ ul > li { margin-bottom: .4375rem; } .site-footer a:not(.color-link), .site-footer .menu a.block-link, .site-footer button:not([type="submit"]) { line-height: inherit; color: inherit; } .site-footer a:not(.color-link):focus, .site-footer a:not(.color-link):hover, .site-footer .menu a.block-link:focus, .site-footer .menu a.block-link:hover, .site-footer button:not([type="submit"]):focus, .site-footer button:not([type="submit"]):hover { color: #fff; } .site-footer h3, .site-footer .h3, .site-footer h4, .site-footer .h4, .site-footer h5, .site-footer .h5, .site-footer h6, .site-footer .h6 { margin-top: 0; margin-bottom: 1.3125rem; } .site-footer-section { padding: 1.3125rem 0; } .site-footer-section:not(:last-child):not(.no-border) { border-bottom: 1px solid rgba(138, 138, 138, .5); } .site-footer-section > ul { margin-bottom: 0; } .site-footer-bottom { font-size: .75rem; } .site-footer-bottom .menu { font-size: 80%; } .site-footer-bottom .menu li > a { text-align: center; text-transform: initial; -ms-flex-pack: center; justify-content: center; } .site-footer-bottom .menu li > a:focus, .site-footer-bottom .menu li > a:hover { background-color: transparent; } .site-footer-bottom .menu.vertical li > a { border-top-width: 0; } .site-footer-bottom.bg-secondary-shade { border-top: 2px solid #404040; } .site-footer .featured-list-bordered > li > i { top: 0; transition: all .3s; } .site-footer .featured-list-bordered > li:focus > i, .site-footer .featured-list-bordered > li:hover > i { color: #ffdd39; } .footer-simple { position: relative; padding-top: 1.3125rem; padding-bottom: 1.3125rem; color: #8a8a8a; background-color: #333; } .footer-simple[class*="bg-secondary"] { color: #8a8a8a; } .footer-simple.bg-white { color: #cacaca; } .footer-simple.bg-transparent { color: #f8f8f8; } .copyright { padding-top: 1.3125rem; padding-bottom: 1.3125rem; } /*------------------------------------------------------------------------------ MAIN PAGE HERO ------------------------------------------------------------------------------*/ .section-hero { position: relative; background-color: #333; } .section-hero + * { border-top: 3px solid #ffdd39; } .section-hero + *[class*="bg-secondary"] { border-top-color: #404040; } .section-hero:not(.hero-carousel), .section-hero .h-carousel-item { min-height: 28rem; } .section-hero:not(.hero-carousel) > .row, .section-hero .h-carousel-item > .row { height: 100%; } .section-hero.full-height:not(.hero-carousel), .section-hero.full-height .h-carousel-item { height: calc(100vh - 120px); /* 120px = topbar + header height */ } .section-hero h1 + h2, .section-hero h1 + .h2, .section-hero h1 + h3, .section-hero h1 + .h3, .section-hero h1 + h4, .section-hero h1 + .h4, .section-hero h1 + h5, .section-hero h1 + .h5, .section-hero h1 + h6, .section-hero h1 + .h6 { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; } .section-hero .button-group { margin-top: 3.9375rem; } .section-hero .card-booking-form > :first-child { padding-top: 2rem; } .section-hero .card-booking-form > :last-child { padding-bottom: 0; } .h-carousel-item { background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-content { position: relative; color: #fff; background-color: rgba(36, 36, 36, .75); } .hero-content:before, .hero-content:after { z-index: -1; top: 0; width: 50%; height: 100%; } .hero-content:before { left: -50%; background-image: linear-gradient(to left, rgba(36, 36, 36, .75) 0%, rgba(36, 36, 36, 0) 100%); } .hero-content:after { right: -50%; background-image: linear-gradient(to right, rgba(36, 36, 36, .75) 0%, rgba(36, 36, 36, 0) 100%); } /*------------------------------------------------------------------------------ ASYMMETRICAL CUSTOM SECTION ( e.g. section "Services" on the home page. Has one color scheme only ) .s-trapeze - wrap .s-trapeze.flip-x - reflect the section horizontally .s-trapeze-img - large section image .s-trapeze-img::before - dot-image overlay .s-trapeze-img::after - убрать .s-trapeze-cover - white cover over the .s-trapeze-img .s-trapeze-cover::before - large trapeze on the left side of section (on the right side, when the section was reflected) .s-trapeze-cover::after - box-shadow for .s-trapeze-img Custom view of the section works only on large screens ( >= 1024px ) ------------------------------------------------------------------------------*/ .s-trapeze-img { display: none; } .s-trapeze .section .s-footer { padding-top: 2.375rem; } /*------------------------------------------------------------------------------ SYMMETRICAL DECORATIVE CUSTOM SECTION #1 ( e.g. "Welcome" and "Fleet gallery" sections ) Back trapezes: .s-trapeze-edges: before, trap-sym:after Front trapezes: .s-trapeze-edges-inner before, trap-sym-inner:after Custom view of the section works only on large screens ( >= 1024px ) ------------------------------------------------------------------------------*/ .s-trapeze-edges { position: relative; background-color: #fff; } .s-trapeze-edges.bg-primary { background-color: #ffdd39; } .s-trapeze-edges.bg-secondary { background-image: radial-gradient(ellipse, #333, #1f1f1f 80%); } /*------------------------------------------------------------------------------ SYMMETRICAL DECORATIVE CUSTOM SECTION #2 ( e.g. section "Company History" on the page "About us". Has one color scheme only ) .s-trapeze-2x - wrap .s-trapeze-2x-image - image containers .s-trapeze-2x-image::before - dot-image overlay .s-trapeze-2x-image::after - white color overlay Custom view of the section works on the screens >= 639px ------------------------------------------------------------------------------*/ .s-trapeze-2x { position: relative; } .s-trapeze-2x-image { display: none; } .s-trapeze-2x > *:not(.s-trapeze-2x-image) { position: inherit; } /*------------------------------------------------------------------------------ FULL WIDTH SECTION WITH TRAPEZE ------------------------------------------------------------------------------*/ /* Main trapezoid block */ .trapeze { position: relative; z-index: 0; margin: 0 auto; padding: 3.57143em 0; background-color: #fff; } .trapeze.bg-secondary, .trapeze.bg-secondary .headline, .trapeze.bg-secondary-shade, .trapeze.bg-secondary-shade .headline { color: #fff; } /* Trapezoid section wrap */ .section-trapeze.primary .trapeze { background-color: #ffdd39; } .section-trapeze.primary:before { background-image: linear-gradient(to left, #f2ce1e 0%, #ffdd39 25%, #ffea84 50%); } .section-trapeze.primary:after { background-image: linear-gradient(to right, #f2ce1e 0%, #ffdd39 25%, #ffea84 50%); } .section-trapeze.primary .headline { color: #333; } .section-trapeze.secondary .trapeze { background-color: #333; } .section-trapeze.secondary:before { background-image: linear-gradient(to left, #242424 0%, #333 25%, #404040 50%); } .section-trapeze.secondary:after { background-image: linear-gradient(to right, #242424 0%, #333 25%, #404040 50%); } /*------------------------------------------------------------------------------ FULL WIDTH BANER WITH BACKGROUND IMAGE ------------------------------------------------------------------------------*/ .s-equal-paddings .media-object-section > i { font-size: 3.125rem; } .s-equal-paddings .simple-form { max-width: 90%; margin: auto; } .s-equal-paddings.covered { position: relative; } .s-equal-paddings.covered:before { z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/banner-cover.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .s-equal-paddings.covered > .row { position: relative; z-index: 1; } .s-equal-paddings.covered.bg-primary:before { background-image: url(../img/banner-cover-primary.svg); } .s-equal-paddings.covered.bg-secondary:before { background-image: url(../img/banner-cover-secondary.svg); } .overlap-large { position: relative; margin-top: 0; } .overlap-large.owl-carousel .owl-stage-outer { margin-top: -1rem; padding-top: 1rem; } /*------------------------------------------------------------------------------ SIDEBAR ------------------------------------------------------------------------------*/ .sidebar { margin-bottom: 2.625rem; background-size: cover; } .sidebar[class*="bg-secondary"] .h3, .sidebar[class*="bg-secondary"] p { color: #fff; } .sidebar.sticky { z-index: 0; } .sidebar.card .card-divider { margin-bottom: 0; border-bottom: 2px solid #ffdd39; } .sidebar[class*="fill-to-"] { position: relative; } .sidebar[class*="fill-to-"]::after { left: 0; width: 100%; height: 100%; } .sidebar[class*="fill-to-"] > * { position: relative; z-index: 1; } .sidebar.fill-to-bottom::after { top: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .85) 0%, transparent 60%); } .sidebar.fill-to-top::after { bottom: 0; background-image: linear-gradient(to bottom, transparent 40%, rgba(0, 0, 0, .85) 100%); } .sidebar-icon-list { font-size: 1.125rem; text-transform: uppercase; } .sidebar-icon-list li:not(:last-child) { margin-bottom: .4375rem; } .sidebar-icon-list i { color: #ffdd39; } .sidebar .flip-y.expanded:last-child { margin-top: 1.3125rem; margin-bottom: -1rem; } .short-posts-list .media-object, .short-posts-list .featured-list-bordered { margin-bottom: 0; } .short-posts-list time { font-size: 80%; display: block; margin-top: .65625rem; color: #cacaca; } .short-posts-list .tabs-content { border-width: 1px 0 0; } .short-posts-list .rh-thumbnail { width: 4.375rem; } .short-posts-link { font-size: .875rem; transition: border-bottom-color linear .2s; border-bottom: 1px dotted transparent; } .short-posts-link:focus, .short-posts-link:hover { color: currentColor; border-bottom-color: currentColor; } .sidebar-phone-large { font-size: 2.25rem; } .sidebar-phone-large.block-link { line-height: initial; } /*------------------------------------------------------------------------------ HOME PAGE ------------------------------------------------------------------------------*/ /*---------------------------------------- SECTION-WELCOME */ .s-welcome.s-trapeze-edges:before, .s-welcome.s-trapeze-edges:after { bottom: -3.57143em; } .s-welcome .s-trapeze-edges-inner:before, .s-welcome .s-trapeze-edges-inner:after { bottom: 0; } .s-welcome .trapeze { z-index: 1; margin-bottom: 3.125rem; text-align: center; box-shadow: 0 0 15px 5px rgba(0, 0, 0, .15); } .s-welcome .trapeze .row { height: 100%; } .s-welcome .s-footer { position: relative; margin-bottom: 5rem; text-align: center; } .s-welcome .left-vb { margin-right: 2px; } .s-welcome-content[class*="s-line"] { position: static; } .s-welcome-content[class*="s-line"]:before { z-index: 0; bottom: 6.25rem; left: 50%; margin-left: -50vw; } .s-welcome-image figure { margin: 0; } .s-welcome .counter-icon { font-size: 1.125rem; } .s-welcome[data-interchange] { background-repeat: no-repeat; background-position: 100% 100%; background-size: contain; } .s-welcome.s-half > .row > .column { min-height: 350px; } .signature { text-align: right; } .signature img { display: inline-block; } .signature .author { margin: 1.3125rem 0 0; color: #ffdd39; } .signature .position { color: #8a8a8a; } /*---------------------------------------- SECTION "SERVICES" */ .services-item { display: none; transition: none; border: none; } .services-item.is-active { display: block; } .services-buttons-column > .tabs-content, .services-buttons-column > .tabs, .services-buttons-column > .accordion, .services-buttons-column .is-active > .accordion-title, .services-buttons-column .accordion-title, .services-buttons-column .services-list-column > .tabs-content, .services-buttons-column .services-buttons-column > .tabs-content { border-width: 0; background-color: transparent; } .services-buttons-column > .tabs-content, .services-buttons-column > .tabs, .services-buttons-column > .accordion, .services-buttons-column .services-list-column > .tabs-content, .services-buttons-column .services-buttons-column > .tabs-content { color: inherit; } .services-buttons-column .is-active > .accordion-title, .services-buttons-column .accordion-title { padding: 0; } .services-buttons-column > *:last-child:not(.is-active) > .accordion-title { border: none; } .services-list-column { position: relative; } /*---------------------------------------- SECTION "OUR FLEET" */ html:not([data-lc-type=error]) .lightcase-fleetcards #lightcase-content { background-color: transparent; } html:not([data-lc-type=error]) .lightcase-fleetcards #lightcase-content .lightcase-contentInner .lightcase-inlineWrap { padding: 0; } .lightcase-fleetcards #lightcase-content .lightcase-contentInner { width: auto !important; /* '!important' need to redefine plugin inline styles */ } /*------------------------------------------------------------------------------ FLEET PAGES ------------------------------------------------------------------------------*/ /*---------------------------------------- FLEET-GRID */ .fleet-grid > .column { transition: all .3s linear; } .fleet-grid fieldset { margin-bottom: 1.96875rem; } .fleet-grid fieldset .input-group, .fleet-grid fieldset [type="number"] { margin-bottom: 0; } .fleet-grid legend + .slider { margin-top: .75rem; } [id*="fleet-box-"] { display: none; } .lightcase-inlineWrap [id*="fleet-box-"] { display: block; } [id*="fleet-box-"] .card.card-product.extended { margin-bottom: 0; } .fleet-button-row { margin-bottom: 1.3125rem; } .fleet-button-row > .column:last-child { max-width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; } .fleet-button-row .button { height: 3.125rem; margin-left: .3125rem; } .fleet-button-row .button i { font-size: 1rem; } .fleet-button-row form { display: inline-block; min-width: 14.375rem; } /*---------------------------------------- VEHICLE DETAILS */ .download-widget span i { font-size: 3.125rem; margin-right: 1rem; margin-left: 1rem; animation-name: rh-scale-out; animation-duration: .5s; } .download-widget:focus, .download-widget:hover { color: inherit; } .download-widget:focus span i, .download-widget:hover span i { animation-name: rh-scale-in; } .product-info > .tabs-content figure, .card-product-large { margin-bottom: 1.3125rem; } .callout-widget { margin-bottom: 2.625rem; } .callout-widget .block-link { line-height: 1; } .callout-widget h4 { color: #fff; text-shadow: 0 0 5px rgba(51, 51, 51, .15); } .callout-widget i { font-size: 1.5rem; transition: all .3s ease-in-out; } .callout-widget .media-object-section:first-child { padding-right: 2rem; padding-left: .5rem; } .callout-widget .flex-child-grow + * { min-width: 50%; } .callout-widget .icon-box { box-shadow: 0 0 0 10px rgba(255, 255, 255, .35); } .callout-widget .additional-link { font-size: .75rem; margin-top: 8px; padding-top: 13px; text-transform: uppercase; border-top: 1px dotted #333; } .product-info { margin-bottom: 5.25rem; } .product-info > .tabs-content { border: 0; } .product-info > .tabs-content .tabs-panel { padding-top: 2.625rem; padding-right: 0; padding-left: 0; } .product-info > .tabs-content figure { max-width: 40%; } .product-info > .tabs-content figure.float-right { margin-left: 1rem; } .product-info .tabs-panel .s-header:not(:first-child) { margin-top: 3.9375rem; } .product-info .tabs-panel .featured-list-bordered li:last-child { margin-bottom: .65625rem; padding-bottom: .65625rem; border-bottom: 1px dotted #cacaca; } .product-specs table td:nth-child(2) { width: 50%; } .card-product-large { height: calc(100% - 2.625rem); } .card-product-large .card-divider { padding: 0 3px 1rem; -ms-flex-positive: 1; flex-grow: 1; } .card-product-large .card-divider .content-slider-thumbs { margin-bottom: 2.625rem; } .card-product-large:focus .rh-slick-prev, .card-product-large:hover .rh-slick-prev { left: 0; } .card-product-large:focus .rh-slick-next, .card-product-large:hover .rh-slick-next { right: 0; } .product-meta { margin: 0 -3px; padding: 0 1rem; } .product-meta-item .rating { margin-bottom: 5px; text-align: left; } .product-meta-item .rating i { color: #d6d6d6; } .product-meta-item .rating + span { display: block; color: #d6d6d6; } .product-meta-item .rating:focus, .product-meta-item .rating:hover { color: #fff; } .product-meta-item .download-widget { font-family: "Poppins", sans-serif; margin-bottom: 1.3125rem; color: #d6d6d6; } .product-meta-item .download-widget i { font-size: 38px; display: inline-block; margin: 4px 0 0; } .product-meta-item .download-widget-text span:first-child { font-size: .75rem; line-height: 1.9; text-transform: lowercase; } .product-meta-item .download-widget-text span:last-child { font-size: 1rem; font-weight: 600; text-transform: uppercase; } .card-booking-form { height: calc(100% - 2.625rem); } .card-booking-form .card-divider:first-child { padding: 2rem 1rem; text-align: center; border-bottom-color: #404040; } .card-booking-form .price { margin-bottom: 7px; } .card-booking-form .rating { font-size: 1.125rem; margin-bottom: 0; } /*---------------------------------------- FLEET-FORM */ .input-group-title { margin-right: 1rem; } .selections-group .radio.inline, .selections-group .checkbox.inline { margin-bottom: 0; } .selections-group .input-group-title { min-width: 6.25rem; text-align: right; } .slider-group:not(:last-child) { margin-bottom: 2.625rem; } .slider-group .input-group { margin-bottom: 1rem; } .slider-group .input-group-title { min-width: 40%; } .slider-group [type="number"] { margin-bottom: 0; } .slider-group [type="number"]:not(:last-child) { margin-right: 1rem; } .product-filter.is-open { transform: translate(0, 0); } .product-filter .card-divider { margin: -1px -1px 0; } .product-filter > .row > .column { margin-top: 1.3125rem; } .product-filter > .row > .column:last-child { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; } .product-filter [type="number"] { width: 25%; text-align: center; } /*------------------------------------------------------------------------------ SERVICES PAGES STYLES ------------------------------------------------------------------------------*/ .card-service .icon-box { font-size: 2.25rem; width: 3.19444em; height: 3.19444em; margin-top: -2.05556em; } .services-menu .vertical .rh, .services-menu .vertical li:not(.active):focus .rh, .services-menu .vertical li:not(.active):hover .rh { animation-duration: .5s; animation-timing-function: ease-in; animation-delay: .2s; } .services-menu { overflow: hidden; } .services-menu .vertical .rh { font-size: 1.75rem; position: relative; width: 4.375rem; margin-right: 1rem; margin-left: 0; animation-delay: .5s; } .services-menu .vertical li > a { line-height: 1.5; display: -ms-flexbox; display: flex; white-space: normal; -ms-flex-align: center; align-items: center; } .services-menu .vertical li:not(.active):focus .rh, .services-menu .vertical li:not(.active):hover .rh { animation-name: rh-slide-right; } .features .media-object:not(:last-child) { margin-bottom: 2.625rem; } .features .media-object .icon-box { transition: transform cubic-bezier(.68, -.55, .27, 1.55) .5s; } .features .media-object:focus .icon-box, .features .media-object:hover .icon-box { transform: scale(1.15, 1.15); } .features .media-object:focus .icon-box i, .features .media-object:hover .icon-box i { animation: rh-scale-in linear .5s; } /*------------------------------------------------------------------------------ CONTACTS PAGES ------------------------------------------------------------------------------*/ .s-contact-cards.has-overlay:before { background-color: rgba(36, 36, 36, .5); } .contacts-list:not(.vertical) { margin-bottom: 2.625rem; } .contacts-list:not(.vertical) .block-header { margin-bottom: 2.625rem; } .contacts-list:not(.vertical) .media-object { margin-bottom: 2.625rem; } .contacts-list:not(.vertical) .inline-map { height: 21.875rem; margin: 0; } .contacts-list.vertical .media-object:not(:last-child) { margin-bottom: 2.625rem; } /*------------------------------------------------------------------------------ SPECIAL PAGES ------------------------------------------------------------------------------*/ /*---------------------------------------- Error page */ .s-error .block-header + .lead { margin-bottom: 2.625rem; color: #fff; } /*---------------------------------------- Comon-soon page */ .coming-soon { overflow-x: hidden; } .coming-soon .site-header-logo { margin: auto; } .coming-soon .section-hero { background-color: transparent; } .coming-soon .section-hero .subheader { margin: 0; color: #cacaca; } .coming-soon .section-hero + * { border-top-width: 0; } .coming-soon-callout { background-color: rgba(36, 36, 36, .95); } .coming-soon-callout form { margin-bottom: 2.625rem; } /*------------------------------------------------------------------------------ ELEMENTS Styles for element-pages ------------------------------------------------------------------------------*/ .el-wrap { margin-bottom: 3.9375rem; } .el-section-form .row.expanded .row { margin-right: -.5rem; margin-left: -.5rem; } .el-icons .column { display: -ms-flexbox; display: flex; padding: 1rem; transition: background-color .15s linear; -ms-flex-align: center; align-items: center; } .el-icons .column:focus, .el-icons .column:hover { background-color: #e6e6e6; } .el-icons i { font-size: 1.3125rem; } .el-icons-rh i { font-size: 2rem; } .el-tables th:nth-child(1), .el-tables th:nth-child(3), .el-tables th:nth-child(4) { width: 20%; } /*------------------------------------------------------------------------------ PLUGINS CUSTOM STYLES ------------------------------------------------------------------------------*/ /*---------------------------------------- ANIMSITION */ .overlay-slide-out-right { right: 0; width: 100%; animation-name: overlay-slide-out-right; } body:not(.no-loader) .wrapper { opacity: 0; animation-fill-mode: both; } .animsition-loading { position: fixed; z-index: 9998; top: 0; left: 0; width: 100vw; height: 100vh; animation: none; border-radius: 0; background-color: #fff; } .animsition-loading > img { position: absolute; z-index: 9999; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; } /*---------------------------------------- LIGHTCASE */ [class*="lightcase-icon-"]:before { font: normal normal normal 14px/1 "Material-Design-Iconic-Font"; font-size: inherit; display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .lightcase-icon-spin:before { width: 100px; height: 100px; margin-top: -25px; margin-left: -25px; content: ""; background-image: url("../img/loader-dark.svg"); background-size: cover; } #lightcase-loading { animation: none; } #lightcase-case { font-family: inherit; text-shadow: none; } #lightcase-overlay { background-color: #242424; } a.lightcase-icon-close, #lightcase-nav a.lightcase-icon-next, #lightcase-nav a.lightcase-icon-prev { color: #cacaca; } a.lightcase-icon-close:before, #lightcase-nav a.lightcase-icon-next:before, #lightcase-nav a.lightcase-icon-prev:before { content: ""; } a[class*=lightcase-icon-].lightcase-icon-close { top: 10px; right: 10px; width: auto; } #lightcase-info #lightcase-title { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .875rem; font-weight: 300; text-transform: none; color: #cacaca; } #lightcase-content .card-divider h1, #lightcase-content .card-divider .h1, #lightcase-content .card-divider h2, #lightcase-content .card-divider .h2, #lightcase-content .card-divider h3, #lightcase-content .card-divider .h3, #lightcase-content .card-divider h4, #lightcase-content .card-divider .h4, #lightcase-content .card-divider h5, #lightcase-content .card-divider .h5, #lightcase-content .card-divider h6, #lightcase-content .card-divider .h6 { color: #fff; } .lightcase-contentInner img { border-bottom: 2px solid #ffdd39; } /* This property is needed to correctly display the page in local mode only. Before uploading files to your server, you can delete it. */ .slick-loading .slick-list { background: #fff; } /*------------------------------------------------------------------------------ MEDIA QUERIES ------------------------------------------------------------------------------*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { html { overflow: hidden; /* Fixed image background fixed bugs in Ie 10/11 */ height: 100%; } body { overflow: auto; height: 100%; } } @media (min-aspect-ratio: 16 / 9) { .video-foreground { top: -100%; height: 300%; } } @media (max-aspect-ratio: 16 / 9) { .video-foreground { left: -100%; width: 300%; } } @media screen and (min-width: 40em) { h1, .h1 { font-size: 2.4rem; } h2, .h2 { font-size: 1.9125rem; } h3, .h3 { font-size: 1.4625rem; } h4, .h4 { font-size: 1.125rem; } h5, .h5 { font-size: 1rem; } h6, .h6 { font-size: .875rem; } .featured-list.flip-x-for-medium { margin-right: 5.8125rem; margin-left: 0; text-align: right; } .featured-list.flip-x-for-medium .zmdi-hc-li { right: -5.75rem; left: auto; } .block-scale:focus, .card-post-icon:focus, .card-feature:focus, .block-scale:hover, .card-post-icon:hover, .card-feature:hover { z-index: 1; transform: scale(1.065); } .block-translate:focus, .block-translate:hover { z-index: 1; transform: translateY(-2rem); } .medium-float-left { float: left; } .medium-float-right { float: right; } .medium-float-center { display: block; margin-right: auto; margin-left: auto; } .mb0-for-medium { margin-bottom: 0 !important; } .textarea-column > label textarea { height: inherit; } .reveal:not(.full) .close-button, .reveal.full.reveal-map .close-button { top: 25px; right: 25px; } .media-object.flip-x { flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .media-object.flip-x .media-object-section:first-child { padding-right: 0; padding-left: 1rem; } .single-post .post-media { width: 40%; } .replay-form .button-group { -ms-flex-pack: center; justify-content: center; } .replay-form .button-group.stacked-for-small .button, .replay-form .button-group.stacked-for-medium .button { -ms-flex-positive: 0; flex-grow: 0; } .card-post-simple img { max-width: 7.5rem; } .card-post-simple.flip-x { text-align: right; } .card-post-simple.flip-x .card-media { margin-left: 0; } .card-feature { margin-top: 3.60714em; text-align: center; } .card-feature .icon-box { margin-right: auto; margin-left: auto; } .card-product.extended .card-section.media-object > .media-object-section:last-child { padding-right: 0; } .card-product.extended .card-footer { -ms-flex-align: center; align-items: center; } .card-product.extended:not(.stacked) .card-section > .media-object-section { min-width: 50%; } .card-product.extended:not(.stacked) .card-section > .media-object-section:last-child { padding-left: 1rem; } .card-product.extended:not(.stacked) .card-product-features li { margin-right: 0; } .card-product.extended.stacked .card-section.media-object { flex-direction: column; padding: 0; -ms-flex-direction: column; } .card-product.extended.stacked .card-section > .media-object-section:first-child { padding-right: 0; } .card-product.extended.stacked .card-section > .media-object-section:last-child { padding-right: 1rem; padding-left: 1rem; } .card-product.extended.stacked .card-product-data { margin-bottom: 1.3125rem; padding-right: 1rem; padding-left: 1rem; } .card-product.extended.stacked .card-footer { padding: 1rem 0 0; } .card-product.extended.stacked .card-footer .button:first-child { margin-right: -15px; } .media-button .h3 { font-size: 1rem; } .gallery { padding: 2px; } .gallery:after, .gallery:before { display: table; content: ""; } .gallery:after { clear: both; } .gallery:focus .gallery-item, .gallery:hover .gallery-item { opacity: .55 !important; /* '!important' need for blocking the shuffle.js opacity meaning */ } .gallery:focus .gallery-item:focus, .gallery:focus .gallery-item:hover, .gallery:hover .gallery-item:focus, .gallery:hover .gallery-item:hover { opacity: 1 !important; /* '!important' need for blocking the shuffle.js opacity meaning */ } .image-hover-buttons .button { visibility: hidden; transition: all .3s; opacity: 0; } .image-hover-buttons .button:first-child { top: -.5rem; } .image-hover-buttons .button:last-child { top: .5rem; } .gallery-item:focus:before, .gallery-item:hover:before { background-image: radial-gradient(transparent 50%, rgba(0, 0, 0, .65) 100%), url(../img/pat_dot.png); } .gallery-item:focus .button, .gallery-item:hover .button { top: 0; visibility: visible; transition: all .3s; opacity: 1; } .rh-gallery .gallery-item { float: left; } .rh-gallery .gallery-item:nth-child(8n+1) { height: 35.834em; } .content-slider .rh-slick-prev { left: -60px; } .content-slider .rh-slick-next { right: -60px; } .content-slider:focus .rh-slick-prev, .content-slider:hover .rh-slick-prev { left: 0; } .content-slider:focus .rh-slick-next, .content-slider:hover .rh-slick-next { right: 0; } #hero-carousel-dots { bottom: calc(10vh + 15px); } #hero-carousel-dots .owl-dot span { width: 3.5rem; } .s-half [class*="callout-overlap-"] { width: 50vw; } .callout-overlap-right { margin-right: -2rem; text-align: right; } .callout-overlap-left { margin-left: -2rem; text-align: left; } .reveal-overlay { background-color: rgba(36, 36, 36, .9); } .reveal { padding-top: 1.3125rem; } .price.small .price-val { font-size: 2.25rem; } .price.large .price-val { font-size: 3.75rem; } .pricing-table.featured { margin-top: -1.3125rem; } .pricing-table.featured .pricing-title { padding-top: 2.625rem; padding-bottom: 2.625rem; } .timeline-item:before { top: 1rem; } .timeline-item:after { top: 18px; } .timeline-item:nth-of-type(odd) .media-object-section:first-child { margin-right: 0; margin-bottom: -1rem; margin-left: -1rem; } .timeline-item:nth-of-type(even) .media-object-section:first-child { margin-right: 0; margin-bottom: -1rem; margin-left: -1rem; } .timeline-item .callout .rh-thumbnail { width: 9.375rem; } .counter .num { font-size: 1.875rem; } .s-counters .counter.row > .column:not(:last-child) .media-object { border-right: 1px solid rgba(51, 51, 51, .35); } .row.counter.secondary > .column:not(:last-child) .media-object { border-right-color: rgba(255, 255, 255, .35); } .countdown { padding-top: 2.625rem; padding-bottom: 2.625rem; } .countdown > div { font-size: 2.25rem; } .inline-map.expanded .map { min-height: 31.25rem; } main { margin-bottom: 3.9375rem; padding: 5.25rem 0 0; } main > [class*="section"]:first-child { margin-top: -5.25rem; } main + .section { margin-top: -3.9375rem; } .section { margin-bottom: 3.9375rem; padding-top: 5.25rem; } .section-boxed.s-half > .row > .column, .section-boxed.s-separate-columns > .row > .column, .section-boxed:not(.s-equal-paddings):not(.s-half):not(.s-separate-columns) > .row { padding-top: 5.25rem; } .section-boxed > .row:not(.expanded):last-child, .section-boxed > .row.expanded:last-child > .column { padding-bottom: 3.9375rem; } .section-boxed.s-equal-paddings > .row:not(.expanded), .section-boxed.s-equal-paddings > .row.expanded > .column { padding-top: 3.9375rem; } .s-half-image { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; } .s-half-image:nth-child(1) { left: 0; background-position: 0 50%; } .s-half-image:nth-child(1).align-right, .s-half-image:nth-child(2) { right: 0; left: auto; background-position: 100% 50%; } [class*="s-line"].section-boxed:before, [class*="s-rowline"].section-boxed > .row:before { bottom: 5.25rem; } .section-boxed > .row.expanded > [class*="s-content-box"] { padding-bottom: 3.9375rem; } .s-content-box-link:after { width: 10rem; height: 10rem; } .menu.vertical.medium-horizontal li > a { border-top-width: 0; } .site-header .menu-trigger { margin-top: 1.1875rem; } .topbar-info > *:first-child { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; } .topbar-info > *:last-child { font-size: .75rem; } .topbar:not(.small) > .row { min-height: 5.625rem; } .site-header { height: 5rem; transition: height linear .2s; } .logo-container { min-width: 13.75rem; height: 5.5rem; } .logo-container.large { max-width: 20em; height: 8em; } .site-footer { padding-top: 5.5rem; } .site-footer .logo-container { margin-top: -6.125rem; } .site-footer-bottom .column:last-child .menu { -ms-flex-pack: end; justify-content: flex-end; } .section-hero.full-height:not(.hero-carousel), .section-hero.full-height .h-carousel-item { height: calc(100vh - 180px); /* 180px = topbar + header height */ } .section-hero .button-group .button { -ms-flex-positive: 0; flex-grow: 0; } .hero-content { padding: 2rem; } .s-trapeze-2x { padding: 1.3125rem 0; } .s-trapeze-2x-image { position: absolute; top: 0; display: block; overflow: hidden; width: 50%; height: 100%; background-size: cover; } .s-trapeze-2x-image:before, .s-trapeze-2x-image:after { position: absolute; top: 0; display: block; height: calc(100% + 1px); content: ""; } .s-trapeze-2x-image:before { left: 0; width: 100%; background: rgba(36, 36, 36, .75) url(../img/pat_dot.png) repeat 0 0; } .s-trapeze-2x-image:after { width: 100vw; background-color: #fff; box-shadow: 0 -1px 0 0 #fff, 0 -1px 0 0 #fff; /* ie, edge fix */ } .s-trapeze-2x-image:nth-child(1) { left: 0; background-position: left; } .s-trapeze-2x-image:nth-child(1):after { right: -85vw; transform: skewX(15deg); transform-origin: left bottom; } .s-trapeze-2x-image:nth-child(2) { right: 0; background-position: right; } .s-trapeze-2x-image:nth-child(2):after { left: -85vw; transform: skewX(-15deg); transform-origin: right bottom; } .s-equal-paddings .media-object { max-width: 90%; margin-right: auto; margin-left: auto; } .s-equal-paddings .media-object-section { display: inline-block; vertical-align: middle; } .s-equal-paddings .simple-form { max-width: 70%; } .overlap-large { margin-top: -8.375rem; } .services-item { max-width: 21.875rem; margin: 0 auto 1.3125rem; } .services-item.is-active { animation: rh-card-flip-in-x .5s ease-in; } .product-specs table td:nth-child(2) { width: 200px; } .card-product-large { margin-bottom: 2.625rem; } .product-meta { -ms-flex-align: center; align-items: center; } .product-meta-item:not(:last-child) { margin-right: 3rem; } .product-meta-item:last-child { margin-left: auto; } .product-meta-item .download-widget { margin-bottom: 0; } .s-error .block-header + .lead { margin-bottom: 5.25rem; } .el-section-form .row.expanded .row { margin-right: -1rem; margin-left: -1rem; } a[class*=lightcase-icon-].lightcase-icon-close { top: 25px; right: 25px; } } @media screen and (min-width: 40em) and (orientation: portrait) { .section-hero:not(.hero-carousel), .section-hero .h-carousel-item { min-height: 40rem; } } @media screen and (min-width: 40em) and (max-width: 63.9375em) { .pricing-tables-row.collapse { padding-right: 1rem; padding-left: 1rem; } .s-counters .counter.row { padding-right: .9375rem; padding-left: .9375rem; } .s-counters .counter.row > .column:nth-child(2n+2) .media-object { border-right-width: 0; } .s-trapeze .section { margin-bottom: 0; padding-bottom: 3.9375rem; } .s-trapeze [class*="s-line"]:before { bottom: 5.25rem; } .s-welcome-image { overflow: hidden; } .lightcase-fleetcards #lightcase-content .lightcase-contentInner { min-width: 40rem; } .lightcase-fleetcards [id*="fleet-box-"] .card.card-product.extended { margin-right: 0; margin-left: 0; } .lightcase-fleetcards [id*="fleet-box-"] .card-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; } .lightcase-fleetcards [id*="fleet-box-"] .card-footer .button:first-child { -ms-flex-order: 2; order: 2; } [id*="fleet-box-"] .card.card-product.extended { margin-right: 1rem; margin-left: 1rem; } .fleet-button-row form { margin-left: .3125rem; } .off-canvas-content .product-filter.position-left { width: 50vw; transform: translateX(-50vw); } .contacts-list.vertical { display: -ms-flexbox; display: flex; margin-bottom: 3.9375rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contacts-list.vertical .media-object { -ms-flex: 1 0 50%; flex: 1 0 50%; } .contacts-list.vertical .media-object:nth-child(2n-1) { margin-bottom: 0; } } @media screen and (min-width: 40em) and (max-width: 53.3125em) { .rh-gallery .gallery-item { width: 50%; } .rh-gallery .gallery-item:nth-child(8n), .rh-gallery .gallery-item:nth-child(8n+4) { width: 100%; } .rh-gallery .gallery-item:nth-child(8n+5) { height: 35.834em; } } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { width: auto; margin-bottom: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media screen and (min-width: 48em) { .pinned-post { max-width: 60%; margin-bottom: 0; padding-right: 3rem; -ms-flex: 0 0 60%; flex: 0 0 60%; } .featured-posts-list { max-width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; } .card-features-boxes > .media-object { width: 50%; } .price sup { font-size: 1.125rem; } .price-val { font-size: 3.125rem; } .price.small sup { font-size: .875rem; } .price.large sup { font-size: 1.375rem; } .counter-title { font-size: 1.125rem; } .counter .num { font-size: 2.5rem; } .topbar:not(.small) > .row { min-height: 6.25rem; } .topbar:not(.small) .icon-box { font-size: 1.125rem; } .section-hero.full-height:not(.hero-carousel), .section-hero.full-height .h-carousel-item { height: calc(100vh - 190px); /* 190px = topbar + header height */ } } @media screen and (min-width: 53.375em) and (max-width: 63.9375em) { .rh-gallery .gallery-item { width: 33.33333%; } .rh-gallery .gallery-item:nth-child(8n), .rh-gallery .gallery-item:nth-child(8n+4) { width: 66.66667%; } .rh-gallery .gallery-item:nth-child(8n+5) { clear: left; } .rh-gallery .gallery-item:nth-child(8n+7) { float: right; height: 35.834em; } } @media screen and (min-width: 64em) { h1, .h1 { font-size: 3rem; } h2, .h2 { font-size: 2.25rem; } h3, .h3 { font-size: 1.625rem; } h4, .h4 { font-size: 1.25rem; } .featured-list.flip-x-for-large { margin-right: 5.8125rem; margin-left: 0; text-align: right; } .featured-list.flip-x-for-large .zmdi-hc-li { right: -5.75rem; left: auto; } .large-float-left { float: left; } .large-float-right { float: right; } .large-float-center { display: block; margin-right: auto; margin-left: auto; } fieldset[class*="bg-"] [type="submit"] { margin-bottom: 0; } .icon-box { font-size: 2.25rem; } .icon-box.small { font-size: 1.5625rem; } .icon-box.large { font-size: 2.8125rem; } .media-object.flip-x-for-large { flex-direction: row-reverse; text-align: right; -ms-flex-direction: row-reverse; } .media-object.flip-x-for-large .media-object-section:first-child { padding-right: 0; padding-left: 1rem; } [data-carousel="medium-down"] .card { margin-bottom: 0; } .card-feature { margin-top: 4.14286em; margin-right: 1rem; margin-left: 1rem; } .media-button .h3 { font-size: 1.125rem; } .gallery-image-caption .title { bottom: -56px; transition: bottom linear .4s; transition-delay: .1s; } .gallery-item:focus .title, .gallery-item:hover .title { bottom: 0; } .gallery-item:focus.image-hover-moving .gallery-image > *, .gallery-item:hover.image-hover-moving .gallery-image > * { transform: translateY(-55px); } #hero-carousel-dots .owl-dot span { width: 4.5rem; } .pagination { padding-top: 2.625rem; } .s-half [class*="callout-overlap-"] { width: 45vw; } .callout-overlap-right { margin-right: -6rem; } .callout-overlap-left { margin-left: -6rem; } .timeline-vertical:before { left: 50%; } .timeline-item { -ms-flex-align: center; align-items: center; } .timeline-item:before { top: 0; right: 0; bottom: 0; left: 0; width: 5.625rem; } .timeline-item:after { top: 50%; right: 50%; bottom: 50%; left: 50%; margin-left: -8px; } .timeline-item:nth-of-type(odd) > .column:first-child { padding-right: 3.75rem; } .timeline-item:nth-of-type(odd) > .column:last-child { padding-left: 3.75rem; } .timeline-item:nth-of-type(even) > .column:last-child { padding-right: 3.75rem; } .timeline-item:nth-of-type(even) > .column:first-child { padding-left: 3.75rem; } .timeline-item:nth-of-type(even) .callout { text-align: right; } .timeline-item:nth-of-type(even) .media-object { flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .timeline-item:nth-of-type(even) .media-object-section:first-child { margin-right: -1rem; margin-left: 0; padding-right: 0; padding-left: 1rem; } .testimonials .button.orbit-previous, .testimonials .button.orbit-next { opacity: 0; } .testimonials .orbit-previous { left: -9.375rem; } .testimonials .orbit-next { right: -9.375rem; } .testimonials:focus .button.transparent, .testimonials:hover .button.transparent { opacity: .5; } .testimonials:focus .button.transparent.orbit-previous, .testimonials:hover .button.transparent.orbit-previous { left: -6.25rem; } .testimonials:focus .button.transparent.orbit-next, .testimonials:hover .button.transparent.orbit-next { right: -6.25rem; } .testimonials:focus .button.transparent:focus, .testimonials:focus .button.transparent:hover, .testimonials:hover .button.transparent:focus, .testimonials:hover .button.transparent:hover { opacity: 1; } .testimonials:focus .button, .testimonials:hover .button { transition-delay: 0; } .testimonials:focus .button:not(.transparent), .testimonials:hover .button:not(.transparent) { opacity: 1; } .testimonials:focus .button:not(.transparent).orbit-previous, .testimonials:hover .button:not(.transparent).orbit-previous { left: -3.4375rem; } .testimonials:focus .button:not(.transparent).orbit-next, .testimonials:hover .button:not(.transparent).orbit-next { right: -3.4375rem; } main { margin-bottom: 6.5625rem; padding: 7.875rem 0 0; } main > [class*="section"]:first-child { margin-top: -7.875rem; } main + .section { margin-top: -6.5625rem; } .section { margin-bottom: 6.5625rem; padding-top: 7.875rem; } .section-boxed.s-half > .row > .column, .section-boxed.s-separate-columns > .row > .column, .section-boxed:not(.s-equal-paddings):not(.s-half):not(.s-separate-columns) > .row { padding-top: 7.875rem; } .section-boxed > .row:not(.expanded):last-child, .section-boxed > .row.expanded:last-child > .column { padding-bottom: 6.5625rem; } .section-boxed.s-equal-paddings > .row:not(.expanded), .section-boxed.s-equal-paddings > .row.expanded > .column { padding-top: 6.5625rem; } .section-boxed > .expanded > .column { padding-right: 3.375rem; padding-left: 3.375rem; } [class*="s-line"].section-boxed:before, [class*="s-rowline"].section-boxed > .row:before { bottom: 7.875rem; } .section-boxed > .row.expanded > [class*="s-content-box"] { padding-bottom: 5.25rem; } .s-content-box-link:after { width: 11.875rem; height: 11.875rem; } .scroll-up { position: fixed; z-index: 3; right: -6rem; bottom: 2rem; transition: right .5s; transition-delay: .3s; } .scroll-up.is-stuck { right: 2rem; } .scroll-up a { font-size: 1.75rem; position: relative; width: 80px; height: 80px; padding-bottom: 10px; transition: background-color .3s, color .3s; color: rgba(255, 255, 255, .75); border-radius: 50%; background-color: rgba(36, 36, 36, .5); } .scroll-up a:before { position: absolute; top: 10px; right: 0; left: 0; display: block; width: 0; height: 0; margin: auto; content: ""; transition: border-color .3s; border-width: 0 28px 20px 28px; border-style: solid; border-color: transparent transparent currentColor transparent; } .scroll-up a:hover { color: #fff; background-color: #242424; } .menu.vertical.large-horizontal li > a { border-top-width: 0; } .megamenu { position: static; } .megamenu-container { width: 100%; padding: 2rem 1rem 1rem; background-color: #f8f8f8; } .site-navigation, .main-menu, .main-menu > li, .main-menu > li > a { height: inherit; } .main-menu { position: static; } .main-menu > li > a { display: -ms-flexbox; display: flex; } .site-navigation .main-menu .nested { margin-left: 0; } .site-navigation .main-menu > li { -ms-flex-positive: 1; flex-grow: 1; } .site-navigation .main-menu.menu.dropdown > li > a { font-weight: 400; position: relative; padding-right: 1rem; color: #cacaca; background-color: inherit; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .site-navigation .main-menu.menu.dropdown > li > a::after { content: none; } .site-navigation .main-menu.menu.dropdown > li > a::before { position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 100%; height: 0; content: ""; transition: border-width .3s, height .3s; transition-delay: .2s; border-top: 0 solid #ffdd39; background-color: #333; } .site-navigation .main-menu.menu.dropdown > li.active > a { color: #ffdd39; } .site-navigation .main-menu.menu.dropdown > li:focus:not(.active) > a, .site-navigation .main-menu.menu.dropdown > li:hover:not(.active) > a { color: #fff; } .site-navigation .main-menu.menu.dropdown > li:focus:not(.active) > a:before, .site-navigation .main-menu.menu.dropdown > li:hover:not(.active) > a:before { height: 100%; border-top-width: 2px; } .site-navigation .main-menu.menu.dropdown > li > .js-dropdown-active { animation-name: rh-dropdown; } .site-navigation .main-menu .is-dropdown-submenu .active > a { color: currentColor; } .topbar:not(.small) > .row { min-height: 7.5rem; } .topbar.small .topbar-column > a.media-object:not(last-child) { margin-right: 1rem; } .topbar.small .icon-box.border { border-width: 0; } .logo-container.large { max-width: 25em; height: 10em; } .logo-container.large svg, .logo-container.large img { max-height: 45%; } .site-footer { padding-top: 6.5625rem; } .site-footer .logo-container { margin-top: -7.1875rem; } .site-footer-middle-column { margin: 0 1rem 0 -1rem; } .section-hero.full-height:not(.hero-carousel), .section-hero.full-height .h-carousel-item { height: calc(100vh - 210px); /* 210px = topbar + header height */ } .s-trapeze { padding: 3.125rem 0; } .s-trapeze, .s-trapeze > .section > .row { position: relative; } .s-trapeze-img { left: 50%; display: block; width: 50%; height: 100%; background-color: #d6d6d6; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-size: cover; } .s-trapeze-img:before { left: 0; background: rgba(36, 36, 36, .75) url(../img/pat_dot.png) repeat 0 0; } .bg-secondary-shade .s-trapeze-img { background-color: #333; } .bg-primary .s-trapeze-img { background-color: #ffea84; } .s-trapeze-img, .s-trapeze-img::before, .s-trapeze-cover, .s-trapeze-cover::before, .s-trapeze-cover::after { position: absolute; top: 0; } .s-trapeze-img::before, .s-trapeze-cover::before, .s-trapeze-cover::after { display: block; width: 100%; height: 100%; content: ""; } .s-trapeze-cover { right: 100%; width: 100vw; margin-right: -3.125rem; padding: 3.125rem 0; transform: skewX(-15deg); transform-origin: right bottom; } .s-trapeze-cover:before { right: 0; margin-right: 37.5rem; transform: skewX(30deg); transform-origin: right bottom; box-shadow: 20px -5px 15px -15px rgba(0, 0, 0, .15), 20px 5px 15px -15px rgba(0, 0, 0, .15); } .s-trapeze-cover::after { right: -50%; width: 50%; transform: skewX(0); transform-origin: left bottom; box-shadow: -20px -5px 15px -15px rgba(0, 0, 0, .15), -20px 5px 15px -15px rgba(0, 0, 0, .15); } .s-trapeze-cover-inner { width: 100%; height: 100%; } .s-trapeze.flip-x .s-trapeze-img { right: 50%; left: auto; } .s-trapeze.flip-x .s-trapeze-img:before { right: 0; left: auto; } .s-trapeze.flip-x .s-trapeze-cover { right: auto; left: 50%; margin-right: auto; margin-left: -3.125rem; transform: skewX(15deg); transform-origin: right bottom; } .s-trapeze.flip-x .s-trapeze-cover:before { right: auto; left: 0; margin-right: auto; margin-left: 37.5rem; transform: skewX(-30deg); transform-origin: left bottom; box-shadow: -15px 5px 15px -5px rgba(0, 0, 0, .15), -25px 5px 25px -5px rgba(0, 0, 0, .05); } .s-trapeze.flip-x .s-trapeze-cover:after { right: auto; left: -50%; transform: skewX(0); transform-origin: left bottom; box-shadow: 15px 5px 15px -10px rgba(0, 0, 0, .15), 25px 5px 25px -10px rgba(0, 0, 0, .05); } .bg-secondary-shade .s-trapeze.flip-x .s-trapeze-cover { right: auto; left: 50%; } .s-trapeze-edges:before, .s-trapeze-edges:after, .s-trapeze-edges-inner:before, .s-trapeze-edges-inner:after { position: absolute; display: block; width: 50%; height: calc(100% - 14.2857em); content: ""; } .s-trapeze-edges:before, .s-trapeze-edges:after { z-index: 0; bottom: 3.57143em; background-color: #f8f8f8; } .s-trapeze-edges:before, .s-trapeze-edges-inner:before { right: 50%; transform: skewX(15deg); transform-origin: right bottom; } .s-trapeze-edges:after, .s-trapeze-edges-inner:after { left: 50%; transform: skewX(-15deg); transform-origin: left bottom; } .s-trapeze-edges:before { margin-right: 20%; } .s-trapeze-edges:after { margin-left: 20%; } .s-trapeze-edges-inner:before, .s-trapeze-edges-inner:after { z-index: 1; bottom: 7.14286em; background-color: #d6d6d6; } .s-trapeze-edges-inner:before { margin-right: 30%; } .s-trapeze-edges-inner:after { margin-left: 30%; } .s-trapeze-edges-inner > * { position: relative; z-index: 2; } .s-trapeze-edges:not([class*="bg-"]):before, .s-trapeze-edges:not([class*="bg-"]):after { border: 0; } .s-trapeze-edges:not([class*="bg-"]):before { box-shadow: 2px 0 7px -2px rgba(0, 0, 0, .25); } .s-trapeze-edges:not([class*="bg-"]):after { box-shadow: -2px 0 7px -2px rgba(0, 0, 0, .25); } .s-trapeze-edges:not([class*="bg-"]) .s-trapeze-edges-inner:before, .s-trapeze-edges:not([class*="bg-"]) .s-trapeze-edges-inner:after { border: 0; } .s-trapeze-edges:not([class*="bg-"]) .s-trapeze-edges-inner:before { box-shadow: 15px 5px 15px -5px rgba(0, 0, 0, .15), 25px 5px 25px -10px rgba(0, 0, 0, .05); } .s-trapeze-edges:not([class*="bg-"]) .s-trapeze-edges-inner:after { box-shadow: -15px 5px 15px -5px rgba(0, 0, 0, .15), -25px 5px 25px -10px rgba(0, 0, 0, .05); } .s-trapeze-edges.bg-primary:before, .s-trapeze-edges.bg-primary:after { background-color: #f2ce1e; } .s-trapeze-edges.bg-primary .s-trapeze-edges-inner:before, .s-trapeze-edges.bg-primary .s-trapeze-edges-inner:after { background-color: #ffea84; } .s-trapeze-edges.bg-secondary { background-image: radial-gradient(ellipse, #333, #1f1f1f 50%); } .s-trapeze-edges.bg-secondary:before, .s-trapeze-edges.bg-secondary:after { border: 0; background-color: #333; } .s-trapeze-edges.bg-secondary:before { box-shadow: 2px 0 7px -2px rgba(0, 0, 0, .25); } .s-trapeze-edges.bg-secondary:after { box-shadow: -2px 0 7px -2px rgba(0, 0, 0, .25); } .s-trapeze-edges.bg-secondary .s-trapeze-edges-inner:before, .s-trapeze-edges.bg-secondary .s-trapeze-edges-inner:after { border: 0; background-color: #404040; } .s-trapeze-edges.bg-secondary .s-trapeze-edges-inner:before { box-shadow: 15px 5px 15px -5px rgba(0, 0, 0, .15), 25px 5px 25px -10px rgba(0, 0, 0, .05); } .s-trapeze-edges.bg-secondary .s-trapeze-edges-inner:after { box-shadow: -15px 5px 15px -5px rgba(0, 0, 0, .15), -25px 5px 25px -10px rgba(0, 0, 0, .05); } .trapeze { width: 80%; max-width: 60.625rem; box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .25); } .trapeze:before, .trapeze:after { position: absolute; z-index: -1; top: 0; display: block; width: 25%; height: 100%; content: ""; background-color: inherit; } .trapeze:before { left: 0; transform: skew(15deg); transform-origin: bottom left; } .trapeze:after { right: 0; transform: skew(-15deg); transform-origin: bottom right; } .section-trapeze { position: relative; margin-top: 4.4375rem; margin-bottom: 3.125rem; } .section-trapeze:before, .section-trapeze:after { position: absolute; z-index: 0; top: 3.125rem; display: block; width: 50%; height: 100%; content: ""; box-shadow: 0 7px 7px -5px rgba(0, 0, 0, .25); } .section-trapeze:before { right: 50%; margin-right: 25rem; transform: skew(15deg); background-image: linear-gradient(to left, #e5e5e5 0%, #fff 25%); } .section-trapeze:after { left: 50%; margin-left: 25rem; transform: skew(-15deg); background-image: linear-gradient(to right, #e5e5e5 0%, #fff 25%); } .section-trapeze .trapeze { z-index: 1; } .s-equal-paddings .media-object { max-width: 100%; margin-bottom: 0; } .s-equal-paddings .simple-form { min-width: 22.5rem; max-width: 100%; } .overlap-small { margin-top: -3.125rem; } .overlap-large { margin-top: -11rem; } .s-welcome .trapeze { margin-bottom: 5rem; } .s-welcome-image { -ms-flex-item-align: end; align-self: flex-end; } .services-item { position: absolute; z-index: 1; top: 0; right: 25px; } .s-trapeze.flip-x .services-item { right: auto; left: 25px; } .s-fleet.s-trapeze-edges:before, .s-fleet.s-trapeze-edges:after { bottom: 0; } .s-fleet.s-trapeze-edges:before { margin-right: 23%; } .s-fleet.s-trapeze-edges:after { margin-left: 23%; } .s-fleet .s-trapeze-edges-inner:before, .s-fleet .s-trapeze-edges-inner:after { bottom: 3.57143em; } .lightcase-fleetcards #lightcase-content .lightcase-contentInner { min-width: 47.5rem; } .lightcase-fleetcards .card-product.extended .table-wrap { height: 14.375rem; } .fleet-button-row > .column.large-order-2 { max-width: 100%; -ms-flex: 0 0 auto; flex: 0 0 auto; } .fleet-button-row > .column.large-order-2 + .column { -ms-flex: 1 0 auto; flex: 1 0 auto; } .product-filter-wrap { overflow: visible; } .off-canvas-content .product-filter.position-left { margin-bottom: 3.9375rem; } .product-filter [type="submit"]:not(.rh-button) { margin-bottom: 1rem; } .contacts-list:not(.vertical) { margin-bottom: 0; } } @media screen and (min-width: 64em) and (max-width: 90.1875em) { .rh-gallery .gallery-item, .rh-gallery .gallery-item:nth-child(8n+0), .rh-gallery .gallery-item:nth-child(8n+4) { width: 25%; } .rh-gallery .gallery-item:nth-child(8n+3), .rh-gallery .gallery-item:nth-child(8n+7) { width: 50%; } .rh-gallery .gallery-item:nth-child(8n+5) { float: right; height: 35.834em; } .rh-gallery .gallery-item:nth-child(8n+7) { clear: left; height: 17.917em; } } @media screen and (min-width: 64em) and (min-width: 64em) { .s-trapeze-cover { top: -1px; right: 50%; height: calc(100% + 2px); background-color: #fff; } .s-trapeze-cover::before { background-color: #333; } .s-trapeze-cover::after { background-color: transparent; } .bg-secondary-shade .s-trapeze-cover-inner { background-color: #242424; } .bg-primary .s-trapeze-cover-inner { background-color: #ffdd39; } } @media screen and (min-width: 64em) and (min-width: 75em) { .section-trapeze:before { margin-right: 30rem; } .section-trapeze:after { margin-left: 30rem; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { width: auto; margin-bottom: 0; -ms-flex: 1 1 auto; flex: 1 1 auto; } } @media screen and (min-width: 75em) { .xlarge-1 { max-width: 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; } .xlarge-offset-0 { margin-left: 0; } .xlarge-2 { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .xlarge-offset-1 { margin-left: 8.33333%; } .xlarge-3 { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .xlarge-offset-2 { margin-left: 16.66667%; } .xlarge-4 { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } .xlarge-offset-3 { margin-left: 25%; } .xlarge-5 { max-width: 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; } .xlarge-offset-4 { margin-left: 33.33333%; } .xlarge-6 { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .xlarge-offset-5 { margin-left: 41.66667%; } .xlarge-7 { max-width: 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; } .xlarge-offset-6 { margin-left: 50%; } .xlarge-8 { max-width: 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; } .xlarge-offset-7 { margin-left: 58.33333%; } .xlarge-9 { max-width: 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; } .xlarge-offset-8 { margin-left: 66.66667%; } .xlarge-10 { max-width: 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; } .xlarge-offset-9 { margin-left: 75%; } .xlarge-11 { max-width: 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; } .xlarge-offset-10 { margin-left: 83.33333%; } .xlarge-12 { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .xlarge-offset-11 { margin-left: 91.66667%; } .xlarge-order-1 { -ms-flex-order: 1; order: 1; } .xlarge-order-2 { -ms-flex-order: 2; order: 2; } .xlarge-order-3 { -ms-flex-order: 3; order: 3; } .xlarge-order-4 { -ms-flex-order: 4; order: 4; } .xlarge-order-5 { -ms-flex-order: 5; order: 5; } .xlarge-order-6 { -ms-flex-order: 6; order: 6; } .xlarge-up-1 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-1 > .column, .xlarge-up-1 > .columns { max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .xlarge-up-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-2 > .column, .xlarge-up-2 > .columns { max-width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } .xlarge-up-3 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-3 > .column, .xlarge-up-3 > .columns { max-width: 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; } .xlarge-up-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-4 > .column, .xlarge-up-4 > .columns { max-width: 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } .xlarge-up-5 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-5 > .column, .xlarge-up-5 > .columns { max-width: 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; } .xlarge-up-6 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-6 > .column, .xlarge-up-6 > .columns { max-width: 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; } .xlarge-up-7 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-7 > .column, .xlarge-up-7 > .columns { max-width: 14.28571%; -ms-flex: 0 0 14.28571%; flex: 0 0 14.28571%; } .xlarge-up-8 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .xlarge-up-8 > .column, .xlarge-up-8 > .columns { max-width: 12.5%; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; } .xlarge-flex-dir-row { flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; } .xlarge-flex-dir-row-reverse { flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; } .xlarge-flex-dir-column { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; } .xlarge-flex-dir-column-reverse { flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; } .xlarge-flex-child-auto { -ms-flex: 1 1 auto; flex: 1 1 auto; } .xlarge-flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; } .xlarge-flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; } .row.xlarge-unstack > .column, .row.xlarge-unstack > .columns { -ms-flex: 1 1 0; flex: 1 1 0; } .xlarge-collapse > .column, .xlarge-collapse > .columns { padding-right: 0; padding-left: 0; } .xlarge-uncollapse > .column, .xlarge-uncollapse > .columns { padding-right: .9375rem; padding-left: .9375rem; } .xlarge-float-left { float: left; } .xlarge-float-right { float: right; } .xlarge-float-center { display: block; margin-right: auto; margin-left: auto; } [class*="carousel-button-"]:before, [class*="carousel-button-"]:after, #lightcase-nav a.lightcase-icon-next:before, #lightcase-nav a.lightcase-icon-next:after, #lightcase-nav a.lightcase-icon-prev:before, #lightcase-nav a.lightcase-icon-prev:after { width: 40px; } .carousel-button-next span, #lightcase-nav a.lightcase-icon-next span { margin-right: 40px; } .carousel-button-prev span, #lightcase-nav a.lightcase-icon-prev span { margin-left: 40px; } .s-half [class*="callout-overlap-"] { width: 30vw; } .topbar-info > *:first-child { margin-bottom: 8px; padding-bottom: 8px; } .topbar-info > *:last-child { font-size: .875rem; } .topbar:not(.small) .icon-box { font-size: 1.5rem; } } @media screen and (min-width: 90.25em) { .rh-gallery .gallery-item { width: 16.66667%; } .rh-gallery .gallery-item:nth-child(8n+1) { clear: both; } .rh-gallery .gallery-item:nth-child(8n+2), .rh-gallery .gallery-item:nth-child(8n+8) { width: 33.33333%; } .rh-gallery .gallery-item:nth-child(8n+5) { float: right; height: 35.834em; } } @media screen and (max-width: 63.9375em) { .main-column { margin-bottom: 2.625rem; } .hide-for-medium-down { display: none !important; } .button-group.stacked-for-medium .button { margin-bottom: 1px; } .icon-box.small { font-size: 1.25rem; } .icon-box.large { font-size: 2.5rem; } .media-object.stack-for-medium { -ms-flex-wrap: wrap; flex-wrap: wrap; } .media-object.stack-for-medium .media-object-section { max-width: 100%; padding: 0; padding-bottom: 1rem; -ms-flex-preferred-size: 100%; flex-basis: 100%; } .media-object.stack-for-medium .media-object-section img { width: 100%; } [data-carousel="medium-down"] { margin-top: -1.3125rem; } [data-carousel="medium-down"] .card { /* owl-carousel item margin fix for correct rendering top-shadow #2*/ margin-top: 1.3125rem; } [data-carousel="medium-down"] .card.block-scale:focus, [data-carousel="medium-down"] .card.card-post-icon:focus, [data-carousel="medium-down"] .card.card-feature:focus, [data-carousel="medium-down"] .card.block-scale:hover, [data-carousel="medium-down"] .card.card-post-icon:hover, [data-carousel="medium-down"] .card.card-feature:hover { transform: none; } .pagination { margin-bottom: 2.625rem; padding-top: 1.3125rem; } .reveal-map [data-close]:after { position: absolute; z-index: -1; top: 0; top: 0; right: 0; display: block; width: 100%; height: 100%; content: ""; background-color: rgba(51, 51, 51, .5); } .reveal.large .close-button { top: 2%; right: 5%; } .s-timeline .s-trapeze-2x-image:nth-child(1) { display: none; } .timeline-item > .column:first-child { margin-bottom: 1.3125rem; } .timeline-item { padding-left: 50px; } .testimonials .button.transparent.orbit-previous { left: -6.25rem; } .testimonials .button.transparent.orbit-next { right: -6.25rem; } .testimonials .button:not(.transparent).orbit-previous { left: -3.4375rem; } .testimonials .button:not(.transparent).orbit-next { right: -3.4375rem; } .site-navigation { position: absolute; top: 100%; right: 0; display: none; width: 100%; height: 100%; padding-top: 1rem; background-color: #242424; box-shadow: 0 5px 10px rgba(51, 51, 51, .25); } .main-menu.accordion-menu, .main-menu.accordion-menu ul { background-color: #d6d6d6; } .main-menu.accordion-menu .nested { width: auto; } .site-header { transform: none; } .s-welcome .trapeze { margin-top: 0; } .s-welcome-image figure img { margin-bottom: 1.3125rem; } .lightcase-fleetcards #lightcase-content .lightcase-inlineWrap { max-width: 100% !important; /* '!important' need to redefine plugin inline styles */ } .off-canvas-content .product-filter.position-left { padding: 0; } .product-filter .card-divider { display: -ms-flexbox; display: flex; flex-direction: column; -ms-flex-direction: column; } } @media screen and (max-width: 63.9375em) and (orientation: landscape) { .section-hero:not(.hero-carousel), .section-hero .h-carousel-item { min-height: 28.75rem; } } @media screen and (max-width: 47.9375em) { .featured-posts { flex-direction: column; -ms-flex-direction: column; } .card-features-boxes > .media-object { width: 100%; min-width: 8.75rem; } .s-cards-carousel.s-line:before, .s-cards-carousel.s-rowline > .row:before { content: none; } } @media screen and (max-width: 39.9375em) { .small-text-left { text-align: left; } .small-text-right { text-align: right; } .small-text-center { text-align: center; } .small-text-justify { text-align: justify; } .simple-form input { min-width: 40%; } .button-group.stacked-for-small .button { margin-bottom: 1px; } .stack-for-small .icon-box { margin-right: auto; margin-left: auto; } .media-object.stack-for-small > .media-object-section { padding-bottom: 1rem; } .media-object.stack-for-small .media-object-section img { height: auto; } .single-post .share { -ms-flex-negative: 0; flex-shrink: 0; } .single-post .meta-text { padding-top: 5px; padding-bottom: 5px; } .single-post blockquote.callout.large { padding: 1rem; } .post-publisher .column:first-child { margin-bottom: 1.3125rem; } .post-navigation > .column .card-post-simple.stack-for-small.flip-x { text-align: right; } .comments .replay-form { padding-right: 1rem; padding-left: 1rem; } .card-feature { flex-direction: row; -ms-flex-direction: row; -ms-flex-align: stretch; align-items: stretch; } .card-feature > * { max-width: 100%; -ms-flex: 0 1 auto; flex: 0 1 auto; } .card-feature .card-divider { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .card-feature .icon-box { margin-top: 0; margin-bottom: 0; } .card-features-boxes > .media-object { width: 100%; min-width: 8.75rem; } .card-features-boxes .media-object-section { -ms-flex-preferred-size: auto; flex-basis: auto; } .card-features-boxes .media-object-section:first-child { padding-right: 1rem; -ms-flex-preferred-size: auto; flex-basis: auto; } .card-product.extended .card-section.media-object { padding: 0; } .card-product.extended .card-section.media-object > .media-object-section:first-child { padding-right: 0; } .card-product.extended .card-section.media-object > .media-object-section:last-child { padding-right: 1rem; padding-left: 1rem; } .card-product.extended .card-product-data { padding-left: 1rem; } .card-product.extended .card-product-features li { margin-right: 0; } .card-product.extended .card-footer .button { -ms-flex-preferred-size: auto; flex-basis: auto; } .card-product.extended .card-footer .button:first-child { -ms-flex-order: 2; order: 2; } .card-product.extended .card-footer .button:last-child { margin-bottom: 1rem; -ms-flex-order: 1; order: 1; } .card-product.simple img { width: 100%; } .media-button { margin-bottom: 1rem; } .gallery-item:not(:last-child) { margin-bottom: .9375rem; } [class*="callout-overlap-"] { margin-top: -4.9375rem; margin-bottom: -3.625rem; } [data-interchange] > [class*="callout-overlap-"] { margin-top: 3.625rem; margin-bottom: -3.625rem; } .reveal-search form { margin-top: 25vh; padding: 1rem; } .pricing-tables-row.collapse { padding-right: .625rem; padding-left: .625rem; } .timeline-item .callout .rh-thumbnail { min-height: 12.5rem; } .s-counters .counter.row { padding-right: .625rem; padding-left: .625rem; } .map { padding-bottom: 50px; } .s-content-column:not(:last-child) { margin-bottom: 2.625rem; } .s-half > .row > .column[data-interchange], .s-half-image { min-height: 50vh; background-position: 50% 50%; } .s-half-image { position: static; width: 100%; } [class*="s-content-box"]:not(:first-child) { margin-top: -4px; } .section-boxed > .row.expanded > [class*="s-content-box"] { padding-bottom: 2.625rem; } .section-boxed > .row.expanded > [class*="s-content-box"]:not(:last-child) { margin-bottom: 0; } .topbar-column:not(:last-child) { -ms-flex: 0 1 auto; flex: 0 1 auto; } .topbar-column:last-child { max-width: none; -ms-flex: 1 1 auto; flex: 1 1 auto; } .topbar-column:first-child { margin-right: 5px; padding-right: 0; } .topbar-column:nth-child(2) { padding-left: 0; } .topbar-column .media-object { min-height: 3.125rem; -ms-flex-pack: center; justify-content: center; } .topbar-column .media-object-section:first-child { padding: 0; } .site-header { height: 3.75rem; } .logo-container { width: calc(100% - 34px); max-width: 12.5rem; height: 4.25rem; } .logo-container svg, .logo-container img, .site-header-logo svg, .site-header-logo img { max-height: 2.125rem; } .logo-container.large { max-width: 20em; height: 6em; } .site-header-logo:not(.logo-container) { width: 11.875rem; } .site-footer-bottom { padding-top: 1.3125rem; } .site-footer-bottom .column { text-align: center; } .footer-simple svg { margin: auto; } .section-hero .button-group.stacked-for-small { -ms-flex-pack: center; justify-content: center; } .section-hero .button-group.stacked-for-small .button { -ms-flex-preferred-size: 150px; flex-basis: 150px; } .section-hero .button-group.stacked-for-small .button:nth-child(1) { -ms-flex-order: 2; order: 2; } .section-hero .button-group.stacked-for-small .button:nth-child(2) { margin-bottom: .4375rem; -ms-flex-order: 1; order: 1; } .hero-content { padding: 2.625rem 1rem; } .s-trapeze .section { margin-bottom: 0; padding-bottom: 2.625rem; } .s-trapeze [class*="s-line"]:before { bottom: 3.9375rem; } .section-trapeze .row > .column:first-child img { margin-bottom: 1.3125rem; } .s-equal-paddings .floating-socials { -ms-flex-pack: center; justify-content: center; } .s-welcome-image { margin-bottom: 1.5em; } .fleet-button-row form { float: right; } .product-meta { flex-direction: column; -ms-flex-direction: column; -ms-flex-align: center; align-items: center; } .off-canvas-content .product-filter.position-left { width: 100vw; transform: translateX(-100vw); } .features .media-object.stack-for-small { text-align: center; } .s-contact-cards > .column:not(:first-child) > .card { margin-top: -1.3125rem; } .contacts-list.vertical { margin-bottom: 2.625rem; } .s-error > .row > .column { padding-top: 2.625rem; padding-bottom: 2.625rem; background-color: rgba(36, 36, 36, .85); } } @media screen and (max-width: 39.9375em) and (orientation: landscape) { .section-hero:not(.hero-carousel), .section-hero .h-carousel-item { min-height: 22.3125rem; } } @keyframes rh-slide-left { 0% { left: 0; opacity: 1; } 45% { left: 15%; opacity: 0; } 55% { left: -15%; opacity: 0; } 100% { left: 0; opacity: 1; } } @keyframes rh-slide-right { 0% { right: 0; opacity: 1; } 45% { right: 15%; opacity: 0; } 55% { right: -15%; opacity: 0; } 100% { right: 0; opacity: 1; } } @keyframes rh-scale-in { 0% { transform: none; opacity: 1; } 45% { transform: scale(1.3, 1.3); opacity: 0; } 55% { transform: scale(0, 0); opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } } @keyframes rh-scale-out { 0% { transform: none; opacity: 1; } 45% { transform: scale(0, 0); opacity: 0; } 55% { transform: scale(1.3, 1.3); opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } } @keyframes rh-dropdown { 0% { display: none; visibility: hidden; opacity: 0; } 1% { display: block; visibility: hidden; transform: perspective(500px) rotate3d(1, 0, 0, -35deg); transform-origin: top center; opacity: 0; } 100% { visibility: visible; transform: perspective(0px) rotate3d(0, 0, 0, 0deg); transform-origin: top center; opacity: 1; } } @keyframes rh-dropdown-top { 0% { display: none; visibility: hidden; opacity: 0; } 1% { display: block; visibility: hidden; transform: perspective(500px) rotate3d(1, 0, 0, -35deg); transform-origin: bottom center; opacity: 0; } 100% { visibility: visible; transform: perspective(0px) rotate3d(0, 0, 0, 0deg); transform-origin: bottom center; opacity: 1; } } @keyframes rh-dropdown-right { 0% { display: none; visibility: hidden; opacity: 0; } 1% { display: block; visibility: hidden; transform: perspective(500px) rotate3d(0, 1, 0, 35deg); transform-origin: left center; opacity: 0; } 100% { visibility: visible; transform: perspective(0px) rotate3d(0, 0, 0, 0deg); transform-origin: top center; opacity: 1; } } @keyframes rh-dropdown-left { 0% { display: none; visibility: hidden; opacity: 0; } 1% { display: block; visibility: hidden; transform: perspective(500px) rotate3d(0, 1, 0, -35deg); transform-origin: right center; opacity: 0; } 100% { visibility: visible; transform: perspective(0px) rotate3d(0, 0, 0, 0deg); transform-origin: top center; opacity: 1; } } @keyframes rh-card-flip-in-x { 0% { display: none; visibility: hidden; opacity: 0; } 1% { display: block; visibility: hidden; transform: perspective(2000px) rotateY(-90deg); transform-origin: center; opacity: 0; } 100% { visibility: visible; transform: perspective(2000px) rotateY(0deg); transform-origin: center; opacity: 1; } } @keyframes rh-card-flip-in-y { 0% { display: none; visibility: hidden; opacity: 0; } 1% { display: block; visibility: hidden; transform: perspective(2000px) rotateX(-90deg); transform-origin: center; opacity: 0; } 100% { visibility: visible; transform: perspective(2000px) rotateX(0deg); transform-origin: center; opacity: 1; } } @keyframes rh-pulse { 25% { transform: scale(1.1); } 75% { transform: scale(.9); } } @keyframes rh-shiver { 0% { top: 0; } 50% { top: 2px; } 100% { top: 0; } } @keyframes waterpulse { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 0; } 50% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @keyframes rh-fade-in { 0% { display: none; visibility: hidden; opacity: 0; } 1% { display: block; visibility: hidden; opacity: 0; } 100% { visibility: visible; opacity: 1; } } @keyframes rh-fade-out { 100% { visibility: visible; opacity: 1; } 1% { display: block; visibility: hidden; opacity: 0; } 0% { display: none; visibility: hidden; opacity: 0; } } @keyframes cross-turn-right { 0% { width: 0; transform: none; } 50% { width: 100%; transform: none; } 100% { width: 100%; transform: rotate(45deg); } } @keyframes cross-turn-left { 0% { width: 0; transform: none; } 50% { width: 100%; transform: none; } 100% { width: 100%; transform: rotate(-45deg); } }