From 93fe6a825baa3c5141fb220256b2c0b1fc3da273 Mon Sep 17 00:00:00 2001 From: AlisaLinUwU Date: Sun, 26 Jan 2025 11:41:45 +0500 Subject: Initialize --- src/main/resources/static/css/style.css | 258 ++++++++++++++++++++++++++++++++ 1 file changed, 258 insertions(+) create mode 100644 src/main/resources/static/css/style.css (limited to 'src/main/resources/static/css/style.css') diff --git a/src/main/resources/static/css/style.css b/src/main/resources/static/css/style.css new file mode 100644 index 0000000..de53cc3 --- /dev/null +++ b/src/main/resources/static/css/style.css @@ -0,0 +1,258 @@ +@charset "UTF-8"; a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } :focus { outline: none; } input, select, textarea { outline: 0; } p { margin: 0; } dl { margin-bottom: 0; } dt { font-weight: 400; } address { margin: 0; } html p a:hover { text-decoration: none; } form { margin-bottom: 0; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Lato", Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none; color: #9f9f9f; background-color: #fff; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; } .page { overflow: hidden; } /* +* @section Page Header +* @description This section holds specific style redeclarations for some +* of common elements in page header +*/ .page-head { position: relative; z-index: 1080; background-color: #fff; } /* +* @section Page Content +* @description This section holds specific style redeclarations for some +* of common elements in page content +*/ section { position: relative; z-index: 1; } .page-content { position: relative; z-index: 1; } [data-x-mode="design-mode"] .page { position: relative; z-index: 1; overflow: hidden; min-height: 100vh !important; } /* +* @section Page Footer +* @description This section holds specific style redeclarations for some +* of common elements in page footer +*/ .page-foot { background-color: #000; } .page-foot .h7 + * { margin-top: 22px; } .page-foot .unit + .unit { margin-top: 15px; } .page-foot .post-preview + .post-preview { margin-top: 22px; } .page-foot .brand + p { margin-top: 22px; } @media (min-width: 992px) { .page-foot .h7 + * { margin-top: 30px; } } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { display: inline-block; text-decoration: none; transition: .33s all ease-out; } a, a:active, a:focus { color: #9f9f9f; } a:hover, a:focus { color: #cca876; text-decoration: none; } a:focus { outline: 0; } a[href*='callto'], a[href*='mailto'] { white-space: nowrap; } figure { margin: 0; } img { vertical-align: middle; max-width: 100%; height: auto; } .img-responsive { display: block; max-width: 100%; } .img-rounded { border-radius: 6px; } .img-circle { border-radius: 50%; } hr { margin-top: 0; margin-bottom: 0; border: 0; border-top: 1px solid #3d445b; } [role="button"] { cursor: pointer; } .brand { display: inline-block; white-space: nowrap; /** + @bugfix: color flickering in child objects on hover + @affected: IE Edge + */ transition: none !important; } .brand > * { display: inline-block; vertical-align: middle; margin: 0; } .rights { display: inline-block; margin: 0; line-height: 1.5; letter-spacing: .025em; vertical-align: baseline; } .rights * { display: inline; margin-right: .25em; } .privacy-link { margin-top: 30px; } .font-default { font-family: "Lato", Helvetica, Arial, sans-serif; } .font-size-default, body { font-size: 14px; line-height: 1.71429; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .h7 { margin-top: 0; margin-bottom: 0; font-family: "PT Serif", "Times New Roman", Times, serif; font-weight: 700; color: #000; } h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, .h1 > span, .h2 > span, .h3 > span, .h4 > span, .h5 > span, .h6 > span, .h7 > span { display: inline-block; font-size: inherit; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .h7 a { display: inline; font: inherit; letter-spacing: inherit; transition: .33s all ease; } h1 a, h1 a:active, h1 a:focus, h2 a, h2 a:active, h2 a:focus, h3 a, h3 a:active, h3 a:focus, h4 a, h4 a:active, h4 a:focus, h5 a, h5 a:active, h5 a:focus, h6 a, h6 a:active, h6 a:focus, .h1 a, .h1 a:active, .h1 a:focus, .h2 a, .h2 a:active, .h2 a:focus, .h3 a, .h3 a:active, .h3 a:focus, .h4 a, .h4 a:active, .h4 a:focus, .h5 a, .h5 a:active, .h5 a:focus, .h6 a, .h6 a:active, .h6 a:focus, .h7 a, .h7 a:active, .h7 a:focus { color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, .h7 a:hover { color: #cca876; } h1 > *, h2 > *, h3 > *, h4 > *, h5 > *, h6 > *, .h1 > *, .h2 > *, .h3 > *, .h4 > *, .h5 > *, .h6 > *, .h7 > * { margin-right: .25em; } h1, .h1 { font-size: 36px; line-height: 1.2; letter-spacing: -.025em; } @media (min-width: 768px) { h1, .h1 { font-size: 40px; } } @media (min-width: 992px) { h1, .h1 { font-size: 70px; } } @media (min-width: 1200px) { h1, .h1 { line-height: 1.07692; font-size: 104px; } } h2, .h2 { font-size: 32px; line-height: 1.4; letter-spacing: -.025em; font-style: italic; } @media (min-width: 768px) { h2, .h2 { font-size: 32px; } } @media (min-width: 992px) { h2, .h2 { font-size: 40px; } } @media (min-width: 1200px) { h2, .h2 { line-height: 1.18644; font-size: 59px; } } h3, .h3 { font-size: 24px; line-height: 1.35; } @media (min-width: 768px) { h3, .h3 { font-size: 26px; } } @media (min-width: 992px) { h3, .h3 { font-size: 30px; } } @media (min-width: 1200px) { h3, .h3 { line-height: 0.88889; font-size: 45px; } } @media (min-width: 1200px) { h3.smaller, .h3.smaller { font-size: 43.2px; } } @media (min-width: 1200px) { h3.medium, .h3.medium { font-size: 33px; } } h4, .h4 { font-size: 20px; line-height: 1.35; } @media (min-width: 768px) { h4, .h4 { font-size: 24px; } } @media (min-width: 992px) { h4, .h4 { font-size: 26px; } } @media (min-width: 1200px) { h4, .h4 { line-height: 1.52; font-size: 25px; } } h5, .h5 { font-size: 16px; line-height: 1.35; } @media (min-width: 1200px) { h5, .h5 { line-height: 1.47368; font-size: 19px; } } h5.h5-smaller, .h5.h5-smaller { font-weight: 400; } @media (min-width: 1200px) { h5.h5-smaller, .h5.h5-smaller { font-size: 18px; } } h6, .h6 { font-size: 15px; line-height: 1.2; } @media (min-width: 576px) { h6, .h6 { line-height: 1.71429; font-size: 14px; } } .h7 { font: 700 16px/24px "Lato", Helvetica, Arial, sans-serif; text-transform: uppercase; } .text-bigger { font-family: "PT Serif", "Times New Roman", Times, serif; font-size: 18px; font-weight: 400; line-height: 1.44; } @media (min-width: 992px) { .text-bigger { font-size: 22px; } } .text-large { font: 700 38px/42px "PT Serif", "Times New Roman", Times, serif; } @media (min-width: 992px) { .text-large { font-size: 48px; } } @media (min-width: 1200px) { .text-large { font-size: 55px; } } .text-extra-large-bordered { display: inline-block; padding: .07em .13em; font: 700 120px "PT Serif", "Times New Roman", Times, serif; line-height: .8; border: .075em solid; text-align: center; } @media (min-width: 768px) { .text-extra-large-bordered { font-size: 220px; } } @media (min-width: 1200px) { .text-extra-large-bordered { font-size: 272px; } } .big { letter-spacing: .025em; } @media (min-width: 576px) { .big { font-size: 16px; line-height: 1.5; letter-spacing: 0; } } @media (min-width: 768px) { .big { font-size: 18px; line-height: 25px; } } small, .small { font-size: 12px; line-height: 18px; } code { padding: 5px 7px; font-size: 75%; color: #fe4a21; background-color: #f9f9f9; border-radius: 2px; } em { font-size: 12px; font-weight: 700; } mark, .mark { color: #fff; background-color: #cca876; padding: .2em .3em; } .text-style-1 { font-family: "PT Serif", "Times New Roman", Times, serif; font-size: 15px; font-weight: 700; } .text-style-2 { font-family: "PT Serif", "Times New Roman", Times, serif; font-style: italic; font-weight: 400; } .text-style-3 { font-weight: 700; text-transform: uppercase; color: #535457; } .text-style-4 { font-weight: 400; font-style: italic; color: #000; } .text-style-lighter { font-weight: 400; font-style: normal; } @media (min-width: 768px) { .header-decorated > * { position: relative; display: inline-block; vertical-align: middle; } .header-decorated > *:before, .header-decorated > *:after { content: ''; display: inline-block; vertical-align: middle; width: 44px; opacity: .36; border-bottom: 1px solid; } .header-decorated > *:before { margin-right: 12px; } .header-decorated > *:after { margin-left: 12px; } } address { margin-top: 0; margin-bottom: 0; } .context-dark, .bg-black, .bg-gray-darker, .bg-gray-dark, .bg-mine-shaft, .bg-teak, .bg-cod-gray, .bg-ebony-clay { color: #9b9b9b; } .context-dark h1, .bg-black h1, .bg-gray-darker h1, .bg-gray-dark h1, .bg-mine-shaft h1, .bg-teak h1, .bg-cod-gray h1, .bg-ebony-clay h1, .context-dark h2, .bg-black h2, .bg-gray-darker h2, .bg-gray-dark h2, .bg-mine-shaft h2, .bg-teak h2, .bg-cod-gray h2, .bg-ebony-clay h2, .context-dark h3, .bg-black h3, .bg-gray-darker h3, .bg-gray-dark h3, .bg-mine-shaft h3, .bg-teak h3, .bg-cod-gray h3, .bg-ebony-clay h3, .context-dark h4, .bg-black h4, .bg-gray-darker h4, .bg-gray-dark h4, .bg-mine-shaft h4, .bg-teak h4, .bg-cod-gray h4, .bg-ebony-clay h4, .context-dark h5, .bg-black h5, .bg-gray-darker h5, .bg-gray-dark h5, .bg-mine-shaft h5, .bg-teak h5, .bg-cod-gray h5, .bg-ebony-clay h5, .context-dark h6, .bg-black h6, .bg-gray-darker h6, .bg-gray-dark h6, .bg-mine-shaft h6, .bg-teak h6, .bg-cod-gray h6, .bg-ebony-clay h6, .context-dark .h1, .bg-black .h1, .bg-gray-darker .h1, .bg-gray-dark .h1, .bg-mine-shaft .h1, .bg-teak .h1, .bg-cod-gray .h1, .bg-ebony-clay .h1, .context-dark .h2, .bg-black .h2, .bg-gray-darker .h2, .bg-gray-dark .h2, .bg-mine-shaft .h2, .bg-teak .h2, .bg-cod-gray .h2, .bg-ebony-clay .h2, .context-dark .h3, .bg-black .h3, .bg-gray-darker .h3, .bg-gray-dark .h3, .bg-mine-shaft .h3, .bg-teak .h3, .bg-cod-gray .h3, .bg-ebony-clay .h3, .context-dark .h4, .bg-black .h4, .bg-gray-darker .h4, .bg-gray-dark .h4, .bg-mine-shaft .h4, .bg-teak .h4, .bg-cod-gray .h4, .bg-ebony-clay .h4, .context-dark .h5, .bg-black .h5, .bg-gray-darker .h5, .bg-gray-dark .h5, .bg-mine-shaft .h5, .bg-teak .h5, .bg-cod-gray .h5, .bg-ebony-clay .h5, .context-dark .h6, .bg-black .h6, .bg-gray-darker .h6, .bg-gray-dark .h6, .bg-mine-shaft .h6, .bg-teak .h6, .bg-cod-gray .h6, .bg-ebony-clay .h6, .context-dark .h7, .bg-black .h7, .bg-gray-darker .h7, .bg-gray-dark .h7, .bg-mine-shaft .h7, .bg-teak .h7, .bg-cod-gray .h7, .bg-ebony-clay .h7 { color: #fff; } .context-dark a, .bg-black a, .bg-gray-darker a, .bg-gray-dark a, .bg-mine-shaft a, .bg-teak a, .bg-cod-gray a, .bg-ebony-clay a, .context-dark a:active, .bg-black a:active, .bg-gray-darker a:active, .bg-gray-dark a:active, .bg-mine-shaft a:active, .bg-teak a:active, .bg-cod-gray a:active, .bg-ebony-clay a:active, .context-dark a:focus, .bg-black a:focus, .bg-gray-darker a:focus, .bg-gray-dark a:focus, .bg-mine-shaft a:focus, .bg-teak a:focus, .bg-cod-gray a:focus, .bg-ebony-clay a:focus { color: #fff; } .context-dark a:hover, .bg-black a:hover, .bg-gray-darker a:hover, .bg-gray-dark a:hover, .bg-mine-shaft a:hover, .bg-teak a:hover, .bg-cod-gray a:hover, .bg-ebony-clay a:hover { color: #cca876; } .context-dark .big, .bg-black .big, .bg-gray-darker .big, .bg-gray-dark .big, .bg-mine-shaft .big, .bg-teak .big, .bg-cod-gray .big, .bg-ebony-clay .big, .context-dark .text-bigger, .bg-black .text-bigger, .bg-gray-darker .text-bigger, .bg-gray-dark .text-bigger, .bg-mine-shaft .text-bigger, .bg-teak .text-bigger, .bg-cod-gray .text-bigger, .bg-ebony-clay .text-bigger, .context-dark .text-extra-large-bordered, .bg-black .text-extra-large-bordered, .bg-gray-darker .text-extra-large-bordered, .bg-gray-dark .text-extra-large-bordered, .bg-mine-shaft .text-extra-large-bordered, .bg-teak .text-extra-large-bordered, .bg-cod-gray .text-extra-large-bordered, .bg-ebony-clay .text-extra-large-bordered { color: #fff; } .bg-black { background: #000; fill: #000; } .bg-gray-darker { background: #00030a; fill: #00030a; } .bg-gray-dark { background: #2a2b2b; fill: #2a2b2b; } .bg-mine-shaft { background: #333; fill: #333; } .bg-teak { background: #b49465; fill: #b49465; } .bg-cod-gray { background: #111; fill: #111; } .bg-ebony-clay { color: #666c84; } .bg-ebony-clay { background: #2b2f40; fill: #2b2f40; } .bg-ebony-clay.rd-parallax { color: rgba(255, 255, 255, 0.5); } .bg-gray { background: #9f9f9f; fill: #9f9f9f; } .bg-accent, .bg-accent h1, .bg-accent h2, .bg-accent h3, .bg-accent h4, .bg-accent h5, .bg-accent h6, .bg-accent .h1, .bg-accent .h2, .bg-accent .h3, .bg-accent .h4, .bg-accent .h5, .bg-accent .h6, .bg-accent .h7 { color: #fff; } .bg-accent { background: #cca876; fill: #cca876; } .bg-gray-light { background: #d9d9d9; fill: #d9d9d9; } .bg-gray-lighter { background: #f9f9f9; fill: #f9f9f9; } .bg-whisper { background: #f2f3f8; fill: #f2f3f8; } .bg-athens-gray { background: #e5e8ef; fill: #e5e8ef; } .bg-iron { background: #dcdde0; fill: #dcdde0; } .bg-image { -webkit-background-size: cover; background-size: cover; background-position: center top; background-repeat: no-repeat; } .bg-image-centered { -webkit-background-size: auto; background-size: auto; } .bg-fixed { background-attachment: fixed; -webkit-background-size: cover; background-size: cover; } .bg-image-1 { -webkit-background-size: auto 100%; background-size: auto 100%; } @media (max-width: 575px) { .bg-image-1 { background-image: none !important; } } .page .text-primary { color: #cca876 !important; } .page a.text-primary:focus, .page a.text-primary:hover { color: #be9051 !important; } .page .text-secondary { color: #000 !important; } .page a.text-secondary:focus, .page a.text-secondary:hover { color: black !important; } .page .text-red-orange { color: #ff4b22 !important; } .page a.text-red-orange:focus, .page a.text-red-orange:hover { color: #ee2c00 !important; } .page .text-black { color: #000 !important; } .page a.text-black:focus, .page a.text-black:hover { color: black !important; } .page .text-silver { color: #cdcdcd !important; } .page a.text-silver:focus, .page a.text-silver:hover { color: #b4b4b4 !important; } .page .text-dark { color: #2a2b2b !important; } .page a.text-dark:focus, .page a.text-dark:hover { color: #111111 !important; } .page .text-gray { color: #9f9f9f !important; } .page a.text-gray:focus, .page a.text-gray:hover { color: #868686 !important; } .page .text-gray-light { color: #d9d9d9 !important; } .page a.text-gray-light:focus, .page a.text-gray-light:hover { color: silver !important; } .page .text-white { color: #fff !important; } .page a.text-white:focus, .page a.text-white:hover { color: #e6e6e6 !important; } .page .text-white-05 { color: rgba(255, 255, 255, 0.5) !important; } .page a.text-white-05:focus, .page a.text-white-05:hover { color: rgba(230, 230, 230, 0.5) !important; } .page .text-white-03 { color: rgba(255, 255, 255, 0.3) !important; } .page a.text-white-03:focus, .page a.text-white-03:hover { color: rgba(230, 230, 230, 0.3) !important; } .bg-default { background-color: #fff; } .bg-default + .bg-default { padding-top: 0; } @media (min-width: 992px) { .shift-top-1 { margin-top: -33px; } } @media (min-width: 1200px) { .shift-top-1 { margin-top: -43px; } } .snackbars { max-width: 280px; padding: 9px 16px; margin-left: auto; margin-right: auto; color: #fff; text-align: left; background: #171717; border-radius: 0; } .snackbars .icon-xxs { position: relative; top: 2px; font-size: 20px; vertical-align: baseline; } .snackbars p span:last-child { padding-left: 14px; } .snackbars-left { display: inline-block; margin-bottom: 0; } .snackbars-right { display: inline-block; float: right; text-transform: uppercase; } .snackbars-right:hover { text-decoration: underline; } @media (min-width: 576px) { .snackbars { max-width: 380px; padding: 14px 17px; } } .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .button { text-align: center; max-width: 100%; padding: 9px 40px; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 17px; line-height: 1.71429; font-weight: 700; border-radius: 0; border: 2px solid; transition: .3s ease-out; } .button:focus, .button:active, .button:active:focus { outline: none; } .button:hover, .button:focus, .button.focus { box-shadow: none; } .button:active, .button.active { box-shadow: none; } .button-smaller { padding: 6px 32px; } .button-small { padding-left: 20px; padding-right: 20px; } .button-medium { padding-left: 40px; padding-right: 40px; } @media (max-width: 575px) { button.button { padding-left: 15px; padding-right: 15px; } } html .button-primary, html .button-primary:active, html .button-primary.active, html .button-primary:active:focus, html .button-primary.active:focus, html .button-primary:focus:active, html .button-primary:focus { color: #fff; background-color: #cca876; border-color: #cca876; } .open > html .button-primary.dropdown-toggle, html .button-primary:hover { color: #fff; background-color: #b49465; border-color: #b49465; } html .button-primary.disabled, html .button-primary[disabled], fieldset[disabled] html .button-primary { pointer-events: none; opacity: .5; } html .button-primary .badge { color: #cca876; background-color: #fff; } html .button-primary-outline, html .button-primary-outline:active, html .button-primary-outline.active, html .button-primary-outline:active:focus, html .button-primary-outline.active:focus, html .button-primary-outline:focus:active, html .button-primary-outline:focus { color: #cca876; background-color: transparent; border-color: #cca876; } .open > html .button-primary-outline.dropdown-toggle, html .button-primary-outline:hover { color: #fff; background-color: #cca876; border-color: #cca876; } html .button-primary-outline.disabled, html .button-primary-outline[disabled], fieldset[disabled] html .button-primary-outline { pointer-events: none; opacity: .5; } html .button-primary-outline .badge { color: transparent; background-color: #cca876; } html .button-primary-outline-v2, html .button-primary-outline-v2:active, html .button-primary-outline-v2.active, html .button-primary-outline-v2:active:focus, html .button-primary-outline-v2.active:focus, html .button-primary-outline-v2:focus:active, html .button-primary-outline-v2:focus { color: #fff; background-color: transparent; border-color: #cca876; } .open > html .button-primary-outline-v2.dropdown-toggle, html .button-primary-outline-v2:hover { color: #fff; background-color: #cca876; border-color: #cca876; } html .button-primary-outline-v2.disabled, html .button-primary-outline-v2[disabled], fieldset[disabled] html .button-primary-outline-v2 { pointer-events: none; opacity: .5; } html .button-primary-outline-v2 .badge { color: transparent; background-color: #fff; } html .button-silver-outline, html .button-silver-outline:active, html .button-silver-outline.active, html .button-silver-outline:active:focus, html .button-silver-outline.active:focus, html .button-silver-outline:focus:active, html .button-silver-outline:focus { color: #000; background-color: transparent; border-color: #cdcdcd; } .open > html .button-silver-outline.dropdown-toggle, html .button-silver-outline:hover { color: #fff; background-color: #cdcdcd; border-color: #cdcdcd; } html .button-silver-outline.disabled, html .button-silver-outline[disabled], fieldset[disabled] html .button-silver-outline { pointer-events: none; opacity: .5; } html .button-silver-outline .badge { color: transparent; background-color: #000; } @media (max-width: 575px) { .button-responsive { font-size: 13px; min-width: 120px; padding-left: 25px; padding-right: 25px; } } .button-sm { min-width: 120px; padding: 12px 25px; font-size: 14px; line-height: 1.71429; border-radius: 0; } .button-lg { min-width: 270px; padding: 14px 30px; font-size: 18px; line-height: 1.71429; border-radius: 0; } .button-block { display: block; min-width: 30px; width: 100%; } .button-rect { border-radius: 0; } .icon { display: inline-block; text-align: center; } .icon:before { display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class*='icon-circle'] { border-radius: 50%; overflow: hidden; } .page .icon-primary { color: #cca876; } .page .icon-storm-gray { color: #666c84; } .page .icon-nobel-filled { color: #fff; background: #b4b4b4; } .page .icon-bright-gray-filled { color: #fff; background: #3d414e; } .page a.icon-default, .page a.icon-default:active, .page a.icon-default:focus { color: #9f9f9f; } .page a.icon-default:hover { color: #cca876; } .page a.icon-primary, .page a.icon-primary:active, .page a.icon-primary:focus { color: #cca876; } .page a.icon-primary:hover { color: #fff; } .page a.icon-tundora-inverse, .page a.icon-tundora-inverse:active, .page a.icon-tundora-inverse:focus { color: #414141; } .page a.icon-tundora-inverse:hover { color: #fff; } .page a.icon-bright-gray-filled, .page a.icon-bright-gray-filled:active, .page a.icon-bright-gray-filled:focus { color: #fff; background: #3d414e; } .page a.icon-bright-gray-filled:hover { color: #fff; background: #cca876; } .page a.icon-nobel-filled, .page a.icon-nobel-filled:active, .page a.icon-nobel-filled:focus { color: #fff; background: #b4b4b4; } .page a.icon-nobel-filled:hover { color: #fff; background: #cca876; } .page .icon-xxs { width: 18px; height: 18px; font-size: 18px; line-height: 18px; } .page .icon-xxs-small { width: 16px; height: 16px; font-size: 16px; line-height: 16px; } .page .icon-xxs-smaller { width: 14px; height: 14px; font-size: 14px; line-height: 14px; } .page .icon-xs { width: 22px; height: 22px; font-size: 22px; line-height: 22px; } .page .icon-xs-smaller { width: 20px; height: 20px; font-size: 20px; line-height: 20px; } .page .icon-lg { width: 50px; height: 50px; font-size: 50px; line-height: 50px; } .page .icon-lg-smaller { width: 42px; height: 42px; font-size: 42px; line-height: 42px; } .page [class*='icon-round'].icon-xxs-smaller, .page [class*='icon-circle'].icon-xxs-smaller { width: 26px; height: 26px; line-height: 26px; } .fa-google-plus:before { position: relative; right: -1px; } .thumbnail { position: relative; z-index: 1; width: 100%; max-height: 100%; overflow: hidden; padding: 0; margin: 0; border: none; border-radius: 0; background-color: transparent; } .thumbnail .caption { padding: 0; } .img-thumbnail, .thumbnail { box-shadow: none; } .thumbnail-variant-2 { min-height: 300px; padding: 30px 0 0; overflow: visible; text-align: center; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .thumbnail-variant-2-wrap { padding-bottom: 25px; } .thumbnail-variant-2 .thumbnail-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; overflow: hidden; } .thumbnail-variant-2 .thumbnail-image > img { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -20%); width: auto; min-width: 101%; max-width: none; height: auto; min-height: 100%; max-height: none; } .thumbnail-variant-2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(43, 47, 64, 0.76); } .thumbnail-variant-2 .thumbnail-inner { position: relative; z-index: 2; padding: 30px 10px; } .thumbnail-variant-2 .thumbnail-inner a { font-weight: 700; } .thumbnail-variant-2 .thumbnail-caption { position: relative; z-index: 3; width: calc(100% - 34px); padding: 17px 8px 25px; margin: 31px 17px -25px 17px; background: #cca876; } .thumbnail-variant-2 .thumbnail-caption * { color: #fff; } .thumbnail-variant-2 .thumbnail-caption a, .thumbnail-variant-2 .thumbnail-caption a:active, .thumbnail-variant-2 .thumbnail-caption a:focus { color: #fff; } .thumbnail-variant-2 .thumbnail-caption a:hover { color: rgba(255, 255, 255, 0.6); } .thumbnail-variant-2 .text-header { font: 700 18px/24px "PT Serif", "Times New Roman", Times, serif; } .thumbnail-variant-2 .text-caption { font-style: italic; line-height: 1.3; } @media (min-width: 768px) { .thumbnail-variant-2 .text-caption { font-size: 16px; } } .thumbnail-variant-2 * + .divider { margin-top: 8px; } .thumbnail-variant-2 .divider + * { margin-top: 8px; } @media (min-width: 992px) { .desktop .thumbnail-variant-2:before { top: 40px; } .desktop .thumbnail-variant-2 .thumbnail-inner > * { position: relative; transform: translateY(14px); transition: .4s all ease-in-out; } .desktop .thumbnail-variant-2:before, .desktop .thumbnail-variant-2 .thumbnail-inner { opacity: 0; transition: .33s all ease-out; } .desktop .thumbnail-variant-2:hover:before { top: 0; left: 0; right: 0; } .desktop .thumbnail-variant-2:hover .thumbnail-inner > * { transform: translateY(0); } .desktop .thumbnail-variant-2:hover:before, .desktop .thumbnail-variant-2:hover .thumbnail-inner { opacity: 1; } } @media (min-width: 992px) { .thumbnail-variant-2 .thumbnail-caption { width: calc(100% - 16px); margin: 31px 8px -25px 8px; } } @media (min-width: 1200px) { .thumbnail-variant-2 { width: calc(100% - 22px); margin: 0 11px 0; } .thumbnail-variant-2 .thumbnail-caption { width: calc(100% - 34px); margin: 31px 17px -25px 17px; } } .ie-11 .thumbnail-variant-2, .ie-10 .thumbnail-variant-2 { height: 300px; min-height: initial; } @media (min-width: 768px) { .thumbnail-wrap { padding: 0 5px; } } @media (min-width: 1200px) { .thumbnail-wrap { padding: 0 9px; } } @media (max-width: 767px) { .thumbnail-variant-2 { max-width: 300px; margin-left: auto; margin-right: auto; } } figure img { width: 100%; height: auto; max-width: none; } .figure .caption { padding: 15px; } .rd-mailform { position: relative; } label { margin-bottom: 0; } input:not(:empty) + .form-label, input:-webkit-autofill + .form-label { display: none; color: transparent; } .form-label, .form-input { font-weight: 400; } .input-sm, .input-lg, .form-input { font-size: 14px; } .input-sm, .input-sm:focus, .input-lg, .input-lg:focus, .form-input, .form-input:focus { box-shadow: none; } textarea.form-input { height: 166px; min-height: 52px; max-height: 249px; resize: vertical; } .form-input { width: 100%; height: auto; min-height: 52px; padding: 14px 19px; border: 0px solid; border-radius: 0; -webkit-appearance: none; line-height: 24px; } .form-input:focus { outline: 0; } .form-wrap { position: relative; margin-bottom: 0; } .form-wrap + .form-wrap { margin-top: 10px; } .form-label { position: absolute; top: 26px; left: 19px; font-size: 14px; color: #9f9f9f; pointer-events: none; z-index: 9; transition: .3s; transform: translateY(-50%); will-change: transform; } .form-label.focus { opacity: 0; } .form-label.auto-fill { color: #9f9f9f; } [data-x-mode='true'] .form-label { pointer-events: auto; } @media (min-width: 768px) { .form-label-outside { position: static; margin-bottom: 8px; } .form-label-outside, .form-label-outside.focus, .form-label-outside.auto-fill { transform: none; color: #9f9f9f; font-size: 14px; } } .form-validation { position: absolute; right: 10px; top: 2px; font-size: 11px; line-height: 11px; color: #fe4a21; margin-top: 2px; transition: .3s; } form.label-outside .form-validation { top: 12px; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #fe4a21; } .has-error .form-control:not(.form-control-impressed), .has-error .form-control:not(.form-control-impressed):focus { border-color: #fe4a21; box-shadow: none; } .has-error .form-control-impressed, .has-error .form-control-impressed:focus { box-shadow: inset 0 0 0 1px #fe4a21; } .has-error .input-group-addon { color: #fff; border-color: #fe4a21; background-color: #fe4a21; } .form-inline .has-error ~ button[type='submit'] { border-color: #fe4a21; background: #fe4a21; } .has-error .form-validation { color: #fe4a21; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #58c476; } .has-success .form-control:not(.form-control-impressed), .has-success .form-control:not(.form-control-impressed):focus { border-color: #dff0d8; box-shadow: none; } .has-success .form-control-impressed, .has-success .form-control-impressed:focus { box-shadow: inset 0 0 0 1px #dff0d8; } .has-success .input-group-addon { color: #fff; border-color: #dff0d8; background-color: #dff0d8; } .form-inline .has-success ~ button[type='submit'] { border-color: #dff0d8; background: #dff0d8; } .has-success .form-validation { color: #58c476; } #form-output-global { position: fixed; bottom: 30px; left: 15px; visibility: hidden; transform: translateX(-500px); transition: .3s all ease; z-index: 9999999; } #form-output-global.active { transform: translateX(0); visibility: visible; } @media (min-width: 576px) { #form-output-global { left: 30px; } } .form-output { position: absolute; top: 100%; left: 0; font-size: 14px; line-height: 1.5; margin-top: 2px; transition: .3s; opacity: 0; visibility: hidden; } .form-output.active { opacity: 1; visibility: visible; } .form-output.error { color: #fe4a21; } .form-output.success { color: #58c476; } .radio .radio-custom, .radio-inline .radio-custom, .checkbox .checkbox-custom, .checkbox-inline .checkbox-custom { opacity: 0; } .radio .radio-custom, .radio .radio-custom-dummy, .radio-inline .radio-custom, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom, .checkbox-inline .checkbox-custom-dummy { position: absolute; width: 18px; height: 18px; margin-left: -20px; margin-top: 3px; outline: none; cursor: pointer; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; } .radio .radio-custom-dummy:after, .radio-inline .radio-custom-dummy:after, .checkbox .checkbox-custom-dummy:after, .checkbox-inline .checkbox-custom-dummy:after { position: absolute; opacity: 0; transition: .22s; } .radio .radio-custom:focus, .radio-inline .radio-custom:focus, .checkbox .checkbox-custom:focus, .checkbox-inline .checkbox-custom:focus { outline: none; } .radio-custom:checked + .radio-custom-dummy:after, .checkbox-custom:checked + .checkbox-custom-dummy:after { opacity: 1; } .radio, .radio-inline { padding-left: 30px; } .radio .radio-custom-dummy, .radio-inline .radio-custom-dummy { margin-top: 2px; border-radius: 50%; margin-left: -30px; background: transparent; border: 2px solid #000; } .radio .radio-custom-dummy:after, .radio-inline .radio-custom-dummy:after { content: ''; top: 3px; right: 3px; bottom: 3px; left: 3px; background: #00030a; border-radius: 50%; } .form-wrap-color .radio-inline, .form-wrap-size .radio-inline { padding-left: 0; } .form-wrap-color .radio-control, .form-wrap-size .radio-control { position: relative; display: block; width: 24px; height: 24px; border-radius: 50%; margin-top: 23px; margin-bottom: 23px; } .form-wrap-color .radio-control:after, .form-wrap-size .radio-control:after { bottom: 0; } .form-wrap-color .radio-control:after, .form-wrap-size .radio-control:after { content: ''; position: absolute; left: 50%; bottom: -23px; transform: translateX(-50%); width: 0; max-width: 100%; height: 3px; background: #cca876; visibility: hidden; transition: .2s; } .form-wrap-color .radio-custom:checked ~ .radio-control:after, .form-wrap-size .radio-custom:checked ~ .radio-control:after { visibility: visible; width: 100%; } .form-wrap-color .radio-custom-dummy, .form-wrap-size .radio-custom-dummy { display: none; } .form-wrap-size .radio-inline { padding-left: 2px; padding-right: 2px; } .form-wrap-size .radio-inline + .radio-inline { margin-left: 1px; } .form-wrap-size .radio-control { color: #9f9f9f; text-align: center; text-transform: uppercase; transition: .2s; } .form-wrap-size .radio-control:hover { color: #000; } .form-wrap-size .radio-custom:checked ~ .radio-control { color: #000; } .checkbox, .checkbox-inline { padding-left: 38px; color: #000; } .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom-dummy { pointer-events: none; border-radius: 2px; margin-left: 0; left: 0; background: #fff; box-shadow: none; border: 2px solid #d9d9d9; } .checkbox .checkbox-custom-dummy:after, .checkbox-inline .checkbox-custom-dummy:after { content: '\e5ca'; font-family: 'Material Icons'; font-size: 22px; line-height: 10px; position: absolute; top: 0; left: -1px; color: #2a2b2b; } .checkbox-small { padding-left: 26px; } .checkbox-small .checkbox-custom-dummy { margin-top: 6px; width: 12px; height: 12px; border-width: 1px; border-radius: 1px; } .checkbox-small .checkbox-custom-dummy:after { top: -1px; left: -2px; font-size: 18px; } .textarea-lined-wrap { position: relative; line-height: 2.39; background: url("../images/textarea-pattern-light.png") repeat; } .textarea-lined-wrap textarea { height: 204px; resize: none; overflow: hidden; line-height: 2.39; background-color: transparent; } .textarea-lined-wrap-xs textarea { height: 68px; } .page .form-classic-bordered .form-label, .page .form-classic-bordered .form-label-outside, .page .form-classic-bordered .form-input { color: #000; } .page .form-classic-bordered .form-input { border: 1px solid #d9d9d9; } .page .form-modern .form-input, .page .form-modern .form-label { color: #9f9f9f; } .page .form-modern input { height: auto; min-height: 20px; } .page .form-modern .form-input:focus { border-color: #cca876; } .page .form-modern .form-input { padding: 6px 0; border-radius: 0; border-width: 0 0 1px 0; border-color: #d9d9d9; background-color: transparent; } .page .form-modern .form-label { left: 0; top: 18px; } .page .form-modern .form-validation { top: auto; left: auto; right: 0; bottom: -12px; font-style: italic; } .page .form-modern .textarea-lined-wrap .form-validation { bottom: -5px; } .page .form-modern .form-wrap + .form-wrap { margin-top: 22px; } .page .form-modern * + .button { margin-top: 30px; } .page .form-modern .has-error .help-block, .page .form-modern .has-error .control-label, .page .form-modern .has-error .radio, .page .form-modern .has-error .checkbox, .page .form-modern .has-error .radio-inline, .page .form-modern .has-error .checkbox-inline, .page .form-modern .has-error.radio label, .page .form-modern .has-error.checkbox label, .page .form-modern .has-error.radio-inline label, .page .form-modern .has-error.checkbox-inline label { color: #fe4a21; } .page .form-modern .has-error .form-control:not(.form-control-impressed), .page .form-modern .has-error .form-control:not(.form-control-impressed):focus { border-color: #fe4a21; box-shadow: none; } .page .form-modern .has-error .form-control-impressed, .page .form-modern .has-error .form-control-impressed:focus { box-shadow: inset 0 0 0 1px #fe4a21; } .page .form-modern .has-error .input-group-addon { color: #fff; border-color: #fe4a21; background-color: #fe4a21; } .form-inline .page .form-modern .has-error ~ button[type='submit'] { border-color: #fe4a21; background: #fe4a21; } .page .form-modern .has-error .form-validation { color: #fe4a21; } .page .form-modern.form-darker .form-input, .page .form-modern.form-darker .form-label { color: #000; } .page .form-modern.form-darker .form-label:not(.focus) + .form-input { border-color: #cdcdcd; } .context-dark .form-classic-bordered .form-label, .bg-black .form-classic-bordered .form-label, .bg-gray-darker .form-classic-bordered .form-label, .bg-gray-dark .form-classic-bordered .form-label, .bg-mine-shaft .form-classic-bordered .form-label, .bg-teak .form-classic-bordered .form-label, .bg-cod-gray .form-classic-bordered .form-label, .bg-ebony-clay .form-classic-bordered .form-label, .context-dark .form-classic-bordered .form-input, .bg-black .form-classic-bordered .form-input, .bg-gray-darker .form-classic-bordered .form-input, .bg-gray-dark .form-classic-bordered .form-input, .bg-mine-shaft .form-classic-bordered .form-input, .bg-teak .form-classic-bordered .form-input, .bg-cod-gray .form-classic-bordered .form-input, .bg-ebony-clay .form-classic-bordered .form-input { color: #9f9f9f; background-color: transparent; } .form-classic.form-inline { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form-classic.form-inline .form-wrap { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: -5px; } .form-classic.form-inline .form-input { width: 100%; border-radius: 5px 0 0 5px; } .form-classic.form-inline .button { position: relative; z-index: 2; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-radius: 0 5px 5px 0; } .form-classic.form-inline .has-error + .form-input { border: 1px solid #fff; } .form-classic.form-inline .has-error .help-block, .form-classic.form-inline .has-error .control-label, .form-classic.form-inline .has-error .radio, .form-classic.form-inline .has-error .checkbox, .form-classic.form-inline .has-error .radio-inline, .form-classic.form-inline .has-error .checkbox-inline, .form-classic.form-inline .has-error.radio label, .form-classic.form-inline .has-error.checkbox label, .form-classic.form-inline .has-error.radio-inline label, .form-classic.form-inline .has-error.checkbox-inline label { color: #fe4a21; } .form-classic.form-inline .has-error .form-control:not(.form-control-impressed), .form-classic.form-inline .has-error .form-control:not(.form-control-impressed):focus { border-color: #fe4a21; box-shadow: none; } .form-classic.form-inline .has-error .form-control-impressed, .form-classic.form-inline .has-error .form-control-impressed:focus { box-shadow: inset 0 0 0 1px #fe4a21; } .form-classic.form-inline .has-error .input-group-addon { color: #fff; border-color: #fe4a21; background-color: #fe4a21; } .form-inline .form-classic.form-inline .has-error ~ button[type='submit'] { border-color: #fe4a21; background: #fe4a21; } .form-classic.form-inline .has-error .form-validation { color: #fe4a21; } .form-classic.form-inline .form-validation { font-style: italic; top: auto; right: auto; left: 0; bottom: -15px; } .form-classic.form-inline > * + * { margin-top: 0; } @media (min-width: 768px) { .form-classic-wrap { padding-right: 60px; } } @media (min-width: 992px) { .form-classic-wrap { padding-right: 30px; } } @media (min-width: 1200px) { .form-classic-wrap { padding-right: 100px; } } .form-classic-wrap .form-wrap + .form-wrap { margin-top: 20px; } * + .form-classic-wrap { margin-top: 15px; } .mailform-wrap { max-width: 370px; margin-left: auto; margin-right: auto; } * + .mailform-wrap { margin-top: 30px; } .unit { display: flex; flex: 0 1 100%; line-height: 1; } [class*='unit']:empty { margin-bottom: 0; margin-left: 0; } .unit-body { flex: 0 1 auto; } .unit-left, .unit-right { flex: 0 0 auto; max-width: 100%; } .unit { margin-bottom: -30px; margin-left: -20px; } .unit > * { margin-bottom: 30px; margin-left: 20px; } @media (min-width: 576px) { .unit-sm { margin-bottom: -30px; margin-left: -20px; } .unit-sm > * { margin-bottom: 30px; margin-left: 20px; } } @media (min-width: 768px) { .unit-md { margin-bottom: -30px; margin-left: -20px; } .unit-md > * { margin-bottom: 30px; margin-left: 20px; } } @media (min-width: 992px) { .unit-lg { margin-bottom: -30px; margin-left: -20px; } .unit-lg > * { margin-bottom: 30px; margin-left: 20px; } } @media (min-width: 1200px) { .unit-xl { margin-bottom: -30px; margin-left: -20px; } .unit-xl > * { margin-bottom: 30px; margin-left: 20px; } } @media (min-width: 1600px) { .unit-xxl { margin-bottom: -30px; margin-left: -20px; } .unit-xxl > * { margin-bottom: 30px; margin-left: 20px; } } .unit-spacing-xs.unit { margin-bottom: -8px; margin-left: -8px; } .unit-spacing-xs.unit > * { margin-bottom: 8px; margin-left: 8px; } @media (min-width: 576px) { .unit-spacing-xs.unit { margin-bottom: -8px; margin-left: -8px; } .unit-spacing-xs.unit > * { margin-bottom: 8px; margin-left: 8px; } } @media (min-width: 768px) { .unit-spacing-xs.unit { margin-bottom: -8px; margin-left: -8px; } .unit-spacing-xs.unit > * { margin-bottom: 8px; margin-left: 8px; } } @media (min-width: 992px) { .unit-spacing-xs.unit { margin-bottom: -8px; margin-left: -8px; } .unit-spacing-xs.unit > * { margin-bottom: 8px; margin-left: 8px; } } @media (min-width: 1200px) { .unit-spacing-xs.unit { margin-bottom: -8px; margin-left: -8px; } .unit-spacing-xs.unit > * { margin-bottom: 8px; margin-left: 8px; } } @media (min-width: 1600px) { .unit-spacing-xs.unit { margin-bottom: -8px; margin-left: -8px; } .unit-spacing-xs.unit > * { margin-bottom: 8px; margin-left: 8px; } } .unit-spacing-sm.unit { margin-bottom: -15px; margin-left: -15px; } .unit-spacing-sm.unit > * { margin-bottom: 15px; margin-left: 15px; } @media (min-width: 576px) { .unit-spacing-sm.unit { margin-bottom: -15px; margin-left: -15px; } .unit-spacing-sm.unit > * { margin-bottom: 15px; margin-left: 15px; } } @media (min-width: 768px) { .unit-spacing-sm.unit { margin-bottom: -15px; margin-left: -15px; } .unit-spacing-sm.unit > * { margin-bottom: 15px; margin-left: 15px; } } @media (min-width: 992px) { .unit-spacing-sm.unit { margin-bottom: -15px; margin-left: -15px; } .unit-spacing-sm.unit > * { margin-bottom: 15px; margin-left: 15px; } } @media (min-width: 1200px) { .unit-spacing-sm.unit { margin-bottom: -15px; margin-left: -15px; } .unit-spacing-sm.unit > * { margin-bottom: 15px; margin-left: 15px; } } @media (min-width: 1600px) { .unit-spacing-sm.unit { margin-bottom: -15px; margin-left: -15px; } .unit-spacing-sm.unit > * { margin-bottom: 15px; margin-left: 15px; } } .unit-spacing-md.unit { margin-bottom: -22px; margin-left: -22px; } .unit-spacing-md.unit > * { margin-bottom: 22px; margin-left: 22px; } @media (min-width: 576px) { .unit-spacing-md.unit { margin-bottom: -22px; margin-left: -22px; } .unit-spacing-md.unit > * { margin-bottom: 22px; margin-left: 22px; } } @media (min-width: 768px) { .unit-spacing-md.unit { margin-bottom: -22px; margin-left: -22px; } .unit-spacing-md.unit > * { margin-bottom: 22px; margin-left: 22px; } } @media (min-width: 992px) { .unit-spacing-md.unit { margin-bottom: -22px; margin-left: -22px; } .unit-spacing-md.unit > * { margin-bottom: 22px; margin-left: 22px; } } @media (min-width: 1200px) { .unit-spacing-md.unit { margin-bottom: -22px; margin-left: -22px; } .unit-spacing-md.unit > * { margin-bottom: 22px; margin-left: 22px; } } @media (min-width: 1600px) { .unit-spacing-md.unit { margin-bottom: -22px; margin-left: -22px; } .unit-spacing-md.unit > * { margin-bottom: 22px; margin-left: 22px; } } .unit-spacing-lg.unit { margin-bottom: -30px; margin-left: -30px; } .unit-spacing-lg.unit > * { margin-bottom: 30px; margin-left: 30px; } @media (min-width: 576px) { .unit-spacing-lg.unit { margin-bottom: -30px; margin-left: -30px; } .unit-spacing-lg.unit > * { margin-bottom: 30px; margin-left: 30px; } } @media (min-width: 768px) { .unit-spacing-lg.unit { margin-bottom: -30px; margin-left: -30px; } .unit-spacing-lg.unit > * { margin-bottom: 30px; margin-left: 30px; } } @media (min-width: 992px) { .unit-spacing-lg.unit { margin-bottom: -30px; margin-left: -30px; } .unit-spacing-lg.unit > * { margin-bottom: 30px; margin-left: 30px; } } @media (min-width: 1200px) { .unit-spacing-lg.unit { margin-bottom: -30px; margin-left: -30px; } .unit-spacing-lg.unit > * { margin-bottom: 30px; margin-left: 30px; } } @media (min-width: 1600px) { .unit-spacing-lg.unit { margin-bottom: -30px; margin-left: -30px; } .unit-spacing-lg.unit > * { margin-bottom: 30px; margin-left: 30px; } } .unit-middle .unit-left { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .stacktable { width: 100%; text-align: left; } .st-head-row { padding-top: 1em; } .st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; } .st-key { width: 49%; text-align: right; padding-right: 1%; } .st-val { width: 49%; padding-left: 1%; } .stacktable.large-only { display: none; } .stacktable.small-only { display: table; } @media (min-width: 768px) { .stacktable.large-only { display: table; } .stacktable.small-only { display: none; } } .section-15 { padding-top: 15px; padding-bottom: 15px; } .section-30 { padding-top: 30px; padding-bottom: 30px; } .section-35 { padding-top: 35px; padding-bottom: 35px; } .section-40 { padding-top: 40px; padding-bottom: 40px; } .section-50 { padding-top: 50px; padding-bottom: 50px; } .section-60 { padding-top: 60px; padding-bottom: 60px; } .section-66 { padding-top: 66px; padding-bottom: 66px; } .section-75 { padding-top: 75px; padding-bottom: 75px; } .section-90 { padding-top: 90px; padding-bottom: 90px; } .section-100 { padding-top: 100px; padding-bottom: 100px; } .section-120 { padding-top: 120px; padding-bottom: 120px; } .section-145 { padding-top: 145px; padding-bottom: 145px; } .section-165 { padding-top: 165px; padding-bottom: 165px; } @media (min-width: 576px) { .section-sm-15 { padding-top: 15px; padding-bottom: 15px; } .section-sm-30 { padding-top: 30px; padding-bottom: 30px; } .section-sm-35 { padding-top: 35px; padding-bottom: 35px; } .section-sm-40 { padding-top: 40px; padding-bottom: 40px; } .section-sm-50 { padding-top: 50px; padding-bottom: 50px; } .section-sm-60 { padding-top: 60px; padding-bottom: 60px; } .section-sm-66 { padding-top: 66px; padding-bottom: 66px; } .section-sm-75 { padding-top: 75px; padding-bottom: 75px; } .section-sm-90 { padding-top: 90px; padding-bottom: 90px; } .section-sm-100 { padding-top: 100px; padding-bottom: 100px; } .section-sm-120 { padding-top: 120px; padding-bottom: 120px; } .section-sm-145 { padding-top: 145px; padding-bottom: 145px; } .section-sm-165 { padding-top: 165px; padding-bottom: 165px; } } @media (min-width: 768px) { .section-md-15 { padding-top: 15px; padding-bottom: 15px; } .section-md-30 { padding-top: 30px; padding-bottom: 30px; } .section-md-35 { padding-top: 35px; padding-bottom: 35px; } .section-md-40 { padding-top: 40px; padding-bottom: 40px; } .section-md-50 { padding-top: 50px; padding-bottom: 50px; } .section-md-60 { padding-top: 60px; padding-bottom: 60px; } .section-md-66 { padding-top: 66px; padding-bottom: 66px; } .section-md-75 { padding-top: 75px; padding-bottom: 75px; } .section-md-90 { padding-top: 90px; padding-bottom: 90px; } .section-md-100 { padding-top: 100px; padding-bottom: 100px; } .section-md-120 { padding-top: 120px; padding-bottom: 120px; } .section-md-145 { padding-top: 145px; padding-bottom: 145px; } .section-md-165 { padding-top: 165px; padding-bottom: 165px; } } @media (min-width: 992px) { .section-lg-15 { padding-top: 15px; padding-bottom: 15px; } .section-lg-30 { padding-top: 30px; padding-bottom: 30px; } .section-lg-35 { padding-top: 35px; padding-bottom: 35px; } .section-lg-40 { padding-top: 40px; padding-bottom: 40px; } .section-lg-50 { padding-top: 50px; padding-bottom: 50px; } .section-lg-60 { padding-top: 60px; padding-bottom: 60px; } .section-lg-66 { padding-top: 66px; padding-bottom: 66px; } .section-lg-75 { padding-top: 75px; padding-bottom: 75px; } .section-lg-90 { padding-top: 90px; padding-bottom: 90px; } .section-lg-100 { padding-top: 100px; padding-bottom: 100px; } .section-lg-120 { padding-top: 120px; padding-bottom: 120px; } .section-lg-145 { padding-top: 145px; padding-bottom: 145px; } .section-lg-165 { padding-top: 165px; padding-bottom: 165px; } } @media (min-width: 1200px) { .section-xl-15 { padding-top: 15px; padding-bottom: 15px; } .section-xl-30 { padding-top: 30px; padding-bottom: 30px; } .section-xl-35 { padding-top: 35px; padding-bottom: 35px; } .section-xl-40 { padding-top: 40px; padding-bottom: 40px; } .section-xl-50 { padding-top: 50px; padding-bottom: 50px; } .section-xl-60 { padding-top: 60px; padding-bottom: 60px; } .section-xl-66 { padding-top: 66px; padding-bottom: 66px; } .section-xl-75 { padding-top: 75px; padding-bottom: 75px; } .section-xl-90 { padding-top: 90px; padding-bottom: 90px; } .section-xl-100 { padding-top: 100px; padding-bottom: 100px; } .section-xl-120 { padding-top: 120px; padding-bottom: 120px; } .section-xl-145 { padding-top: 145px; padding-bottom: 145px; } .section-xl-165 { padding-top: 165px; padding-bottom: 165px; } } @media (min-width: 1600px) { .section-xxl-15 { padding-top: 15px; padding-bottom: 15px; } .section-xxl-30 { padding-top: 30px; padding-bottom: 30px; } .section-xxl-35 { padding-top: 35px; padding-bottom: 35px; } .section-xxl-40 { padding-top: 40px; padding-bottom: 40px; } .section-xxl-50 { padding-top: 50px; padding-bottom: 50px; } .section-xxl-60 { padding-top: 60px; padding-bottom: 60px; } .section-xxl-66 { padding-top: 66px; padding-bottom: 66px; } .section-xxl-75 { padding-top: 75px; padding-bottom: 75px; } .section-xxl-90 { padding-top: 90px; padding-bottom: 90px; } .section-xxl-100 { padding-top: 100px; padding-bottom: 100px; } .section-xxl-120 { padding-top: 120px; padding-bottom: 120px; } .section-xxl-145 { padding-top: 145px; padding-bottom: 145px; } .section-xxl-165 { padding-top: 165px; padding-bottom: 165px; } } .section-top-15 { padding-top: 15px; } .section-top-30 { padding-top: 30px; } .section-top-35 { padding-top: 35px; } .section-top-40 { padding-top: 40px; } .section-top-50 { padding-top: 50px; } .section-top-60 { padding-top: 60px; } .section-top-66 { padding-top: 66px; } .section-top-75 { padding-top: 75px; } .section-top-90 { padding-top: 90px; } .section-top-100 { padding-top: 100px; } .section-top-120 { padding-top: 120px; } .section-top-145 { padding-top: 145px; } .section-top-165 { padding-top: 165px; } @media (min-width: 576px) { .section-sm-top-15 { padding-top: 15px; } .section-sm-top-30 { padding-top: 30px; } .section-sm-top-35 { padding-top: 35px; } .section-sm-top-40 { padding-top: 40px; } .section-sm-top-50 { padding-top: 50px; } .section-sm-top-60 { padding-top: 60px; } .section-sm-top-66 { padding-top: 66px; } .section-sm-top-75 { padding-top: 75px; } .section-sm-top-90 { padding-top: 90px; } .section-sm-top-100 { padding-top: 100px; } .section-sm-top-120 { padding-top: 120px; } .section-sm-top-145 { padding-top: 145px; } .section-sm-top-165 { padding-top: 165px; } } @media (min-width: 768px) { .section-md-top-15 { padding-top: 15px; } .section-md-top-30 { padding-top: 30px; } .section-md-top-35 { padding-top: 35px; } .section-md-top-40 { padding-top: 40px; } .section-md-top-50 { padding-top: 50px; } .section-md-top-60 { padding-top: 60px; } .section-md-top-66 { padding-top: 66px; } .section-md-top-75 { padding-top: 75px; } .section-md-top-90 { padding-top: 90px; } .section-md-top-100 { padding-top: 100px; } .section-md-top-120 { padding-top: 120px; } .section-md-top-145 { padding-top: 145px; } .section-md-top-165 { padding-top: 165px; } } @media (min-width: 992px) { .section-lg-top-15 { padding-top: 15px; } .section-lg-top-30 { padding-top: 30px; } .section-lg-top-35 { padding-top: 35px; } .section-lg-top-40 { padding-top: 40px; } .section-lg-top-50 { padding-top: 50px; } .section-lg-top-60 { padding-top: 60px; } .section-lg-top-66 { padding-top: 66px; } .section-lg-top-75 { padding-top: 75px; } .section-lg-top-90 { padding-top: 90px; } .section-lg-top-100 { padding-top: 100px; } .section-lg-top-120 { padding-top: 120px; } .section-lg-top-145 { padding-top: 145px; } .section-lg-top-165 { padding-top: 165px; } } @media (min-width: 1200px) { .section-xl-top-15 { padding-top: 15px; } .section-xl-top-30 { padding-top: 30px; } .section-xl-top-35 { padding-top: 35px; } .section-xl-top-40 { padding-top: 40px; } .section-xl-top-50 { padding-top: 50px; } .section-xl-top-60 { padding-top: 60px; } .section-xl-top-66 { padding-top: 66px; } .section-xl-top-75 { padding-top: 75px; } .section-xl-top-90 { padding-top: 90px; } .section-xl-top-100 { padding-top: 100px; } .section-xl-top-120 { padding-top: 120px; } .section-xl-top-145 { padding-top: 145px; } .section-xl-top-165 { padding-top: 165px; } } @media (min-width: 1600px) { .section-xxl-top-15 { padding-top: 15px; } .section-xxl-top-30 { padding-top: 30px; } .section-xxl-top-35 { padding-top: 35px; } .section-xxl-top-40 { padding-top: 40px; } .section-xxl-top-50 { padding-top: 50px; } .section-xxl-top-60 { padding-top: 60px; } .section-xxl-top-66 { padding-top: 66px; } .section-xxl-top-75 { padding-top: 75px; } .section-xxl-top-90 { padding-top: 90px; } .section-xxl-top-100 { padding-top: 100px; } .section-xxl-top-120 { padding-top: 120px; } .section-xxl-top-145 { padding-top: 145px; } .section-xxl-top-165 { padding-top: 165px; } } .section-bottom-15 { padding-bottom: 15px; } .section-bottom-30 { padding-bottom: 30px; } .section-bottom-35 { padding-bottom: 35px; } .section-bottom-40 { padding-bottom: 40px; } .section-bottom-50 { padding-bottom: 50px; } .section-bottom-60 { padding-bottom: 60px; } .section-bottom-66 { padding-bottom: 66px; } .section-bottom-75 { padding-bottom: 75px; } .section-bottom-90 { padding-bottom: 90px; } .section-bottom-100 { padding-bottom: 100px; } .section-bottom-120 { padding-bottom: 120px; } .section-bottom-145 { padding-bottom: 145px; } .section-bottom-165 { padding-bottom: 165px; } @media (min-width: 576px) { .section-sm-bottom-15 { padding-bottom: 15px; } .section-sm-bottom-30 { padding-bottom: 30px; } .section-sm-bottom-35 { padding-bottom: 35px; } .section-sm-bottom-40 { padding-bottom: 40px; } .section-sm-bottom-50 { padding-bottom: 50px; } .section-sm-bottom-60 { padding-bottom: 60px; } .section-sm-bottom-66 { padding-bottom: 66px; } .section-sm-bottom-75 { padding-bottom: 75px; } .section-sm-bottom-90 { padding-bottom: 90px; } .section-sm-bottom-100 { padding-bottom: 100px; } .section-sm-bottom-120 { padding-bottom: 120px; } .section-sm-bottom-145 { padding-bottom: 145px; } .section-sm-bottom-165 { padding-bottom: 165px; } } @media (min-width: 768px) { .section-md-bottom-15 { padding-bottom: 15px; } .section-md-bottom-30 { padding-bottom: 30px; } .section-md-bottom-35 { padding-bottom: 35px; } .section-md-bottom-40 { padding-bottom: 40px; } .section-md-bottom-50 { padding-bottom: 50px; } .section-md-bottom-60 { padding-bottom: 60px; } .section-md-bottom-66 { padding-bottom: 66px; } .section-md-bottom-75 { padding-bottom: 75px; } .section-md-bottom-90 { padding-bottom: 90px; } .section-md-bottom-100 { padding-bottom: 100px; } .section-md-bottom-120 { padding-bottom: 120px; } .section-md-bottom-145 { padding-bottom: 145px; } .section-md-bottom-165 { padding-bottom: 165px; } } @media (min-width: 992px) { .section-lg-bottom-15 { padding-bottom: 15px; } .section-lg-bottom-30 { padding-bottom: 30px; } .section-lg-bottom-35 { padding-bottom: 35px; } .section-lg-bottom-40 { padding-bottom: 40px; } .section-lg-bottom-50 { padding-bottom: 50px; } .section-lg-bottom-60 { padding-bottom: 60px; } .section-lg-bottom-66 { padding-bottom: 66px; } .section-lg-bottom-75 { padding-bottom: 75px; } .section-lg-bottom-90 { padding-bottom: 90px; } .section-lg-bottom-100 { padding-bottom: 100px; } .section-lg-bottom-120 { padding-bottom: 120px; } .section-lg-bottom-145 { padding-bottom: 145px; } .section-lg-bottom-165 { padding-bottom: 165px; } } @media (min-width: 1200px) { .section-xl-bottom-15 { padding-bottom: 15px; } .section-xl-bottom-30 { padding-bottom: 30px; } .section-xl-bottom-35 { padding-bottom: 35px; } .section-xl-bottom-40 { padding-bottom: 40px; } .section-xl-bottom-50 { padding-bottom: 50px; } .section-xl-bottom-60 { padding-bottom: 60px; } .section-xl-bottom-66 { padding-bottom: 66px; } .section-xl-bottom-75 { padding-bottom: 75px; } .section-xl-bottom-90 { padding-bottom: 90px; } .section-xl-bottom-100 { padding-bottom: 100px; } .section-xl-bottom-120 { padding-bottom: 120px; } .section-xl-bottom-145 { padding-bottom: 145px; } .section-xl-bottom-165 { padding-bottom: 165px; } } @media (min-width: 1600px) { .section-xxl-bottom-15 { padding-bottom: 15px; } .section-xxl-bottom-30 { padding-bottom: 30px; } .section-xxl-bottom-35 { padding-bottom: 35px; } .section-xxl-bottom-40 { padding-bottom: 40px; } .section-xxl-bottom-50 { padding-bottom: 50px; } .section-xxl-bottom-60 { padding-bottom: 60px; } .section-xxl-bottom-66 { padding-bottom: 66px; } .section-xxl-bottom-75 { padding-bottom: 75px; } .section-xxl-bottom-90 { padding-bottom: 90px; } .section-xxl-bottom-100 { padding-bottom: 100px; } .section-xxl-bottom-120 { padding-bottom: 120px; } .section-xxl-bottom-145 { padding-bottom: 145px; } .section-xxl-bottom-165 { padding-bottom: 165px; } } .section-banner { display: block; background-position: center right; background-size: cover; text-align: center; } .section-banner img { max-width: 100%; height: auto; } html .group { margin-bottom: -15px; margin-left: -15px; } html .group:empty { margin-bottom: 0; margin-left: 0; } html .group > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 15px; } html .group-xs { margin-bottom: -5px; margin-left: -5px; } html .group-xs:empty { margin-bottom: 0; margin-left: 0; } html .group-xs > * { display: inline-block; margin-top: 0; margin-bottom: 5px; margin-left: 5px; } html .group-sm { margin-bottom: -10px; margin-left: -10px; } html .group-sm:empty { margin-bottom: 0; margin-left: 0; } html .group-sm > * { display: inline-block; margin-top: 0; margin-bottom: 10px; margin-left: 10px; } html .group-md { margin-bottom: -15px; margin-left: -15px; } html .group-md:empty { margin-bottom: 0; margin-left: 0; } html .group-md > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 15px; } html .group-lg { margin-bottom: -20px; margin-left: -20px; } html .group-lg:empty { margin-bottom: 0; margin-left: 0; } html .group-lg > * { display: inline-block; margin-top: 0; margin-bottom: 20px; margin-left: 20px; } html .group-xl { margin-bottom: -30px; margin-left: -30px; } html .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .group-xl > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 30px; } html .group-top > *, html .group-top > *:first-child { vertical-align: top; } html .group-middle > *, html .group-middle > *:first-child { vertical-align: middle; } html .group-bottom > *, html .group-bottom > *:first-child { vertical-align: bottom; } html .group-inline > * { display: inline; } html .group-inline > *:not(:last-child) { margin-right: .25em; } html .group-xl-responsive { -webkit-transform: translateY(-18px); transform: translateY(-18px); margin-bottom: -18px; margin-left: -18px; } html .group-xl-responsive > * { display: inline-block; margin-top: 18px; margin-left: 18px; } @media (min-width: 768px) { html .group-xl-responsive { -webkit-transform: translateY(-30px); transform: translateY(-30px); margin-bottom: -30px; margin-left: -30px; } html .group-xl-responsive > * { display: inline-block; margin-top: 30px; margin-left: 30px; } } .group-flex-center { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .relative { position: relative; } .static { position: static; } .block-top-level { position: relative; z-index: 3; } .height-fill { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .height-fill > * { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .centered { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .align-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .block-centered { margin-left: auto; margin-right: auto; } @media (max-width: 575px) { .responsive-centered { margin-left: auto; margin-right: auto; } } .overflow-hidden { overflow: hidden; } .page .white-space-normal { white-space: normal; } * + h1, * + .h1 { margin-top: 10px; } * + h2, * + .h2 { margin-top: 1px; } * + h3, * + .h3 { margin-top: 20px; } @media (min-width: 768px) { * + h3, * + .h3 { margin-top: 27px; } } @media (min-width: 992px) { * + h3, * + .h3 { margin-top: 34px; } } * + h4, * + .h4 { margin-top: 25px; } * + h5, * + .h5 { margin-top: 10px; } * + h6, * + .h6 { margin-top: 15px; } * + p, * + .p { margin-top: 14px; } h1 + *, .h1 + * { margin-top: 20px; } h2 + *, .h2 + * { margin-top: 15px; } h3 + *, .h3 + * { margin-top: 23px; } @media (min-width: 768px) { h3 + *, .h3 + * { margin-top: 36px; } } h4 + *, .h4 + * { margin-top: 25px; } h5 + *, .h5 + * { margin-top: 18px; } h6 + *, .h6 + * { margin-top: 14px; } hr + * { margin-top: 18px; } @media (min-width: 1200px) { hr + * { margin-top: 26px; } } p + p { margin-top: 27px; } * + .big { margin-top: 6px; } * + .text-large { margin-top: 10px; } * + .text-bigger { margin-top: 19px; } @media (min-width: 768px) { * + .text-bigger { margin-top: 10px; } } * + .btn { margin-top: 30px; } @media (min-width: 1200px) { * + .btn { margin-top: 44px; } } * + .link { margin-top: 18px; } * + .contact-info { margin-top: 16px; } * + .list-inline { margin-top: 32px; } * + .list-terms { margin-top: 42px; } @media (min-width: 1200px) { * + .list-terms { margin-top: 62px; } } * + .list-marked, * + .list-ordered { margin-top: 22px; } * + .link-wrap { margin-top: 8px; } * + .link-iconed { margin-top: 2px; } .contact-info { color: #000; vertical-align: baseline; } .contact-info a { display: inline-block; } .contact-info dl dt, .contact-info dl dd { display: inline-block; } .contact-info dl dt:after { content: ':'; display: inline-block; text-align: center; } .contact-info .dl-inline dt { padding-right: 0; } .grid-system p { color: #000; } @media (max-width: 1199px) { .grid-system p { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } .object-inline, .object-inline-baseline { white-space: nowrap; } .object-inline > * + *, .object-inline-baseline > * + * { margin-top: 0; margin-left: 5px; } .object-inline { vertical-align: middle; } .object-inline > * { display: inline-block; vertical-align: middle; } .object-inline-baseline { vertical-align: baseline; } .object-inline-baseline > * { display: inline-block; vertical-align: baseline; } .row-no-gutter { margin-left: 0; margin-right: 0; } .row-no-gutter [class*='col'] { padding: 0; } .text-width-1 { max-width: 400px; } @media (min-width: 992px) { .text-width-1 { max-width: 310px; } } .min-width-1 { min-width: 100%; } @media (min-width: 576px) { .min-width-1 { min-width: 270px; } } .img-shadow { box-shadow: -3px 2px 4px 0px rgba(0, 0, 0, 0.58); } @media (min-width: 768px) { .img-shadow { box-shadow: -5px 4px 8px 0px rgba(0, 0, 0, 0.58); } } blockquote { font: inherit; padding: 0; margin: 0; border: 0; } blockquote q:before, blockquote q:after { content: none; } blockquote cite { font-style: normal; } .quote-default { position: relative; padding: 43px 0 43px 6px; } .quote-default svg { fill: #dedede; } .quote-default q { color: #000; font-weight: 300; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 18px; line-height: 1.44; } .quote-default .quote-open, .quote-default .quote-close { position: absolute; left: 30px; } .quote-default .quote-open { top: 0; } .quote-default .quote-close { bottom: 0; } @media (min-width: 768px) { .quote-default q { font-size: 22px; } } @media (min-width: 992px) { .quote-default q { font-size: 25px; } } .quote-bordered { padding-top: 14px; } .quote-bordered h6, .quote-bordered .h6 { font-family: "Lato", Helvetica, Arial, sans-serif; font-weight: 700; } .quote-bordered .quote-body { position: relative; padding-bottom: 10px; } .quote-bordered .quote-body-inner { position: relative; padding: 37px 40px 29px 35px; border-style: solid; border-width: 1px 1px 0 1px; border-color: #e5e7e9; } .quote-bordered .quote-body-inner:before, .quote-bordered .quote-body-inner:after { content: ''; position: absolute; bottom: -10px; height: 10px; border-style: solid; border-color: #e5e7e9; background-color: transparent; } .quote-bordered .quote-body-inner:before { left: 10px; width: 46px; border-width: 1px 1px 0 0; transform: skew(45deg); transform-origin: 100% 100%; } .quote-bordered .quote-body-inner:after { right: 10px; width: calc(100% - 66px); border-width: 1px 0 0 1px; transform: skew(-45deg); transform-origin: 0 100%; } .quote-bordered .quote-open { position: absolute; top: -10px; left: 35px; z-index: 2; } .quote-bordered .quote-open > svg { fill: #cfaa45; } .quote-bordered .quote-footer { padding-left: 25px; } .quote-bordered cite { font-size: 17px; font-weight: 900; line-height: 21px; color: #000; } .quote-bordered * + .quote-footer { margin-top: 9px; } .quote-bordered cite + p { margin-top: 0; } .quote-minimal q { font-size: 18px; font-weight: 300; font-style: italic; line-height: 1.2; color: #000; } .quote-minimal q:before, .quote-minimal q:after { content: '"'; } .quote-minimal cite { font: 700 15px "PT Serif", "Times New Roman", Times, serif; line-height: 1.1; color: #000; } .quote-minimal .caption { color: #9f9f9f; } .quote-minimal.quote-minimal-inverse q { color: #fff; } .quote-minimal.quote-minimal-inverse cite { color: #fff; } .quote-minimal.quote-minimal-inverse .caption { color: rgba(255, 255, 255, 0.5); } .quote-minimal * + .caption { margin-top: 0; } .quote-minimal * + .quote-meta { margin-top: 20px; } @media (min-width: 768px) { .quote-minimal q { font-size: 22px; } .quote-minimal cite { font-size: 19px; } .quote-minimal * + .quote-meta { margin-top: 37px; } * + .quote-review { margin-top: 45px; } } @media (min-width: 992px) { .quote-minimal q { font-size: 24px; } .quote-vertical q { font-size: 19px; } } .blockquote-complex { position: relative; } .blockquote-complex cite, .blockquote-complex small { display: inline-block; vertical-align: baseline; } .blockquote-complex cite { font: 700 18px/24px "PT Serif", "Times New Roman", Times, serif; } .blockquote-complex cite:before { content: ''; display: inline-block; vertical-align: middle; height: 2px; width: 28px; margin-right: 4px; background: #000; } .blockquote-complex cite:after { content: ','; } .blockquote-complex small { margin-left: 8px; color: #666c84; font-size: 14px; font-weight: 300; font-style: italic; } .blockquote-complex small:before { display: none; } .blockquote-complex .quote-footer { padding: 0 12px; } .blockquote-complex * + .quote-footer { margin-top: 19px; } .blockquote-complex.blockquote-complex-inverse:before, .blockquote-complex.blockquote-complex-inverse:after { border-color: #fff; } .blockquote-complex.blockquote-complex-inverse q { color: #fff; } .blockquote-complex.blockquote-complex-inverse cite { color: #fff; } .blockquote-complex.blockquote-complex-inverse cite:before { background: #fff; } @media (min-width: 768px) { .blockquote-complex { padding: 26px 60px 26px 63px; } .blockquote-complex:before, .blockquote-complex:after { content: ''; position: absolute; width: 54px; height: 54px; border-style: solid; border-color: #000; } .blockquote-complex:before { top: 0; left: 0; border-width: 1px 0 0 1px; } .blockquote-complex:after { right: 0; bottom: 0; border-width: 0 1px 1px 0; } } .page .box-text > * { display: inline; margin: 0 .25em 0 0; } .icon-box-horizontal .unit-left { min-width: 48px; } .icon-box-horizontal [class*='icon-md'] { margin-top: -2px; } .icon-box-horizontal [class*='icon-lg'] { margin-top: -5px; } .icon-box-horizontal * + p { margin-top: 9px; } .icon-box { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: 400px; width: 100%; margin-left: auto; margin-right: auto; padding: 35px 30px; text-align: center; cursor: default; } .icon-box:before, .icon-box:after { content: ''; position: absolute; width: calc(100% - 35px); height: calc(100% - 35px); border: 1px solid #e5e7e9; pointer-events: none; transition: .33s all ease; } .icon-box:before { top: 0; left: 0; border-width: 1px 0 0 1px; } .icon-box:after { bottom: 0; right: 0; border-width: 0 1px 1px 0; } .icon-box .box-top .box-header > * { font-family: "PT Serif", "Times New Roman", Times, serif; font-size: 18px; } .icon-box .divider { max-width: 100%; margin: 13px auto; transition: .33s all ease; } .icon-box .box-top, .icon-box .box-body { position: relative; will-change: transform; transition: .33s all ease; -webkit-filter: blur(0); } .icon-box .box-top { top: 0; } .icon-box .box-body { max-width: 100%; } .icon-box .box-header { bottom: 0; } .icon-box .box-icon { min-height: 46px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .icon-box * + .box-header { margin-top: 5px; } .icon-box.hover:before, .icon-box.hover:after, .icon-box:hover:before, .icon-box:hover:after { width: 100%; height: 100%; border-color: #cca876; } .icon-box.hover .box-top, .icon-box:hover .box-top { -webkit-transform: translateY(-9px); transform: translateY(-9px); } .icon-box.hover .box-body, .icon-box:hover .box-body { -webkit-transform: translateY(9px); transform: translateY(9px); } .icon-box.hover .divider, .icon-box:hover .divider { width: 168px; } @media (min-width: 768px) { .icon-box { max-width: 308px; padding: 67px 40px 61px; } .icon-box .box-top .box-header > * { font-size: 22px; } } .box-counter { text-align: center; } .box-counter .box-header { font: 400 18px "PT Serif", "Times New Roman", Times, serif; } .box-counter .counter { font-style: normal; } .box-counter * + .box-header { margin-top: 14px; } @media (min-width: 768px) and (max-width: 1199px) { .box-counter .box-header { font-size: 15px; } } .box-counter-inverse .box-header { color: #9b9b9b; } .box-counter-inverse .counter { color: #fff; } .box-cart { padding: 40px 25px; } .box-cart .box-cart-image { display: none; } @media (min-width: 768px) { .box-cart { padding: 80px 45px 65px 45px; } } @media (min-width: 992px) { .box-cart { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 110px 45px 90px 30px; } .box-cart .box-cart-image { display: block; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .box-cart .box-cart-body { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 45px; } } .post-preview { max-width: 320px; } .post-preview a { display: block; } .post-preview .post-image, .post-preview .post-image img { border-radius: 5px; } .post-preview .post-image img { width: auto; } .post-preview .post-header { line-height: 1.5; color: #000; transition: .33s all ease; } .post-preview .list-meta > li { display: inline-block; font-size: 12px; font-style: italic; color: #9f9f9f; } .post-preview .list-meta > li:not(:last-child):after { content: '/'; } .post-preview:hover .post-header { color: #cca876; } .post-preview * + .post-meta { margin-top: 5px; } .context-dark .post-preview > li, .bg-black .post-preview > li, .bg-gray-darker .post-preview > li, .bg-gray-dark .post-preview > li, .bg-mine-shaft .post-preview > li, .bg-teak .post-preview > li, .bg-cod-gray .post-preview > li, .bg-ebony-clay .post-preview > li { color: rgba(255, 255, 255, 0.5); } .context-dark .post-preview .post-header, .bg-black .post-preview .post-header, .bg-gray-darker .post-preview .post-header, .bg-gray-dark .post-preview .post-header, .bg-mine-shaft .post-preview .post-header, .bg-teak .post-preview .post-header, .bg-cod-gray .post-preview .post-header, .bg-ebony-clay .post-preview .post-header { color: #fff; } .context-dark .post-preview:hover .post-header, .bg-black .post-preview:hover .post-header, .bg-gray-darker .post-preview:hover .post-header, .bg-gray-dark .post-preview:hover .post-header, .bg-mine-shaft .post-preview:hover .post-header, .bg-teak .post-preview:hover .post-header, .bg-cod-gray .post-preview:hover .post-header, .bg-ebony-clay .post-preview:hover .post-header { color: #cca876; } * + .post-preview { margin-top: 15px; } * + .post-preview-wrap { margin-top: 30px; } .post-preview-wrap-md .post-preview + .post-preview { margin-top: 22px; } @media (min-width: 992px) { .custom-heading-line + .select2-container { margin-top: 42px; } } .post-boxed .post-boxed-image img { width: 100%; } .post-boxed .post-boxed-title { font-size: 16px; line-height: 1.5; font-weight: 900; letter-spacing: .03em; } .post-boxed .post-boxed-title a { display: inline; } .post-boxed .post-boxed-title a, .post-boxed .post-boxed-title a:active, .post-boxed .post-boxed-title a:focus { color: #000; } .post-boxed .post-boxed-title a:hover { color: #cca876; } .post-boxed .post-boxed-body { padding: 16px 26px; border: 1px solid #e5e7e9; border-top-width: 0; } .post-boxed .post-boxed-meta { position: relative; transform: translateY(-3px); margin-bottom: -3px; font-size: 11px; color: #ababab; text-transform: uppercase; } .post-boxed .post-boxed-meta > * { margin-top: 3px; } .post-boxed .post-boxed-meta > *:not(:last-child) { margin-right: 15px; } .post-boxed .post-boxed-meta a, .post-boxed .post-boxed-meta a:active, .post-boxed .post-boxed-meta a:focus { color: #cca876; } .post-boxed .post-boxed-meta a:hover { color: #000; } .post-boxed .post-boxed-meta span { margin-right: .25em; } .post-boxed .post-boxed-meta li { display: inline-block; } .post-boxed .post-boxed-meta li:not(:last-child) { position: relative; } .post-boxed .post-boxed-meta li:not(:last-child):after { content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: -10px; width: 1px; height: 12px; background: #eee; } .post-boxed * + .post-boxed-footer { margin-top: 9px; } .page-title { text-align: center; } .page-title * { letter-spacing: 0; } .page-title .page-title-inner { position: relative; display: inline-block; } .page-title .page-title-left, .page-title .page-title-right { position: absolute; top: 50%; width: auto; overflow: hidden; white-space: nowrap; vertical-align: middle; } .page-title .page-title-left *, .page-title .page-title-right * { display: inline; white-space: nowrap; color: rgba(255, 255, 255, 0.1); } .page-title .page-title-left { left: 0; text-align: right; transform: translate(-100%, -50%); } .page-title .page-title-left * { padding-right: .5em; } .page-title .page-title-right { right: 0; text-align: left; transform: translate(100%, -50%); } .page-title .page-title-right * { padding-left: .5em; } .page-title-wrap { background: #000; background-attachment: fixed; -webkit-background-size: cover; background-size: cover; background-position: center 80%; } @media (min-width: 768px) { .page-title { text-align: left; } .page-title .page-title-left * { padding-right: 1.2em; } .page-title .page-title-right * { padding-left: 1.2em; } } /* +* +* Preloader +*/ .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; justify-content: center; align-items: center; padding: 20px; background: #fff; transition: .3s all ease; } .preloader.loaded { opacity: 0; visibility: hidden; } .preloader-body { text-align: center; } .preloader-body p { position: relative; right: -8px; } .cssload-container { width: 100%; height: 36px; text-align: center; } .cssload-speeding-wheel { width: 36px; height: 36px; margin: 0 auto; border: 3px solid #cca876; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; animation: cssload-spin .88s infinite linear; } @-webkit-keyframes cssload-spin { 100% { transform: rotate(360deg); } } @keyframes cssload-spin { 100% { transform: rotate(360deg); } } .inset-left-0 { padding-left: 0; } .inset-left-10 { padding-left: 10px; } .inset-left-15 { padding-left: 15px; } .inset-left-20 { padding-left: 20px; } .inset-left-30 { padding-left: 30px; } .inset-left-40 { padding-left: 40px; } .inset-left-50 { padding-left: 50px; } .inset-left-60 { padding-left: 60px; } .inset-left-70 { padding-left: 70px; } .inset-left-85 { padding-left: 85px; } .inset-left-100 { padding-left: 100px; } @media (min-width: 576px) { .inset-sm-left-0 { padding-left: 0; } .inset-sm-left-10 { padding-left: 10px; } .inset-sm-left-15 { padding-left: 15px; } .inset-sm-left-20 { padding-left: 20px; } .inset-sm-left-30 { padding-left: 30px; } .inset-sm-left-40 { padding-left: 40px; } .inset-sm-left-50 { padding-left: 50px; } .inset-sm-left-60 { padding-left: 60px; } .inset-sm-left-70 { padding-left: 70px; } .inset-sm-left-85 { padding-left: 85px; } .inset-sm-left-100 { padding-left: 100px; } } @media (min-width: 768px) { .inset-md-left-0 { padding-left: 0; } .inset-md-left-10 { padding-left: 10px; } .inset-md-left-15 { padding-left: 15px; } .inset-md-left-20 { padding-left: 20px; } .inset-md-left-30 { padding-left: 30px; } .inset-md-left-40 { padding-left: 40px; } .inset-md-left-50 { padding-left: 50px; } .inset-md-left-60 { padding-left: 60px; } .inset-md-left-70 { padding-left: 70px; } .inset-md-left-85 { padding-left: 85px; } .inset-md-left-100 { padding-left: 100px; } } @media (min-width: 992px) { .inset-lg-left-0 { padding-left: 0; } .inset-lg-left-10 { padding-left: 10px; } .inset-lg-left-15 { padding-left: 15px; } .inset-lg-left-20 { padding-left: 20px; } .inset-lg-left-30 { padding-left: 30px; } .inset-lg-left-40 { padding-left: 40px; } .inset-lg-left-50 { padding-left: 50px; } .inset-lg-left-60 { padding-left: 60px; } .inset-lg-left-70 { padding-left: 70px; } .inset-lg-left-85 { padding-left: 85px; } .inset-lg-left-100 { padding-left: 100px; } } @media (min-width: 1200px) { .inset-xl-left-0 { padding-left: 0; } .inset-xl-left-10 { padding-left: 10px; } .inset-xl-left-15 { padding-left: 15px; } .inset-xl-left-20 { padding-left: 20px; } .inset-xl-left-30 { padding-left: 30px; } .inset-xl-left-40 { padding-left: 40px; } .inset-xl-left-50 { padding-left: 50px; } .inset-xl-left-60 { padding-left: 60px; } .inset-xl-left-70 { padding-left: 70px; } .inset-xl-left-85 { padding-left: 85px; } .inset-xl-left-100 { padding-left: 100px; } } @media (min-width: 1600px) { .inset-xxl-left-0 { padding-left: 0; } .inset-xxl-left-10 { padding-left: 10px; } .inset-xxl-left-15 { padding-left: 15px; } .inset-xxl-left-20 { padding-left: 20px; } .inset-xxl-left-30 { padding-left: 30px; } .inset-xxl-left-40 { padding-left: 40px; } .inset-xxl-left-50 { padding-left: 50px; } .inset-xxl-left-60 { padding-left: 60px; } .inset-xxl-left-70 { padding-left: 70px; } .inset-xxl-left-85 { padding-left: 85px; } .inset-xxl-left-100 { padding-left: 100px; } } .inset-right-0 { padding-right: 0; } .inset-right-10 { padding-right: 10px; } .inset-right-15 { padding-right: 15px; } .inset-right-20 { padding-right: 20px; } .inset-right-30 { padding-right: 30px; } .inset-right-40 { padding-right: 40px; } .inset-right-50 { padding-right: 50px; } .inset-right-60 { padding-right: 60px; } .inset-right-70 { padding-right: 70px; } .inset-right-85 { padding-right: 85px; } .inset-right-100 { padding-right: 100px; } @media (min-width: 576px) { .inset-sm-right-0 { padding-right: 0; } .inset-sm-right-10 { padding-right: 10px; } .inset-sm-right-15 { padding-right: 15px; } .inset-sm-right-20 { padding-right: 20px; } .inset-sm-right-30 { padding-right: 30px; } .inset-sm-right-40 { padding-right: 40px; } .inset-sm-right-50 { padding-right: 50px; } .inset-sm-right-60 { padding-right: 60px; } .inset-sm-right-70 { padding-right: 70px; } .inset-sm-right-85 { padding-right: 85px; } .inset-sm-right-100 { padding-right: 100px; } } @media (min-width: 768px) { .inset-md-right-0 { padding-right: 0; } .inset-md-right-10 { padding-right: 10px; } .inset-md-right-15 { padding-right: 15px; } .inset-md-right-20 { padding-right: 20px; } .inset-md-right-30 { padding-right: 30px; } .inset-md-right-40 { padding-right: 40px; } .inset-md-right-50 { padding-right: 50px; } .inset-md-right-60 { padding-right: 60px; } .inset-md-right-70 { padding-right: 70px; } .inset-md-right-85 { padding-right: 85px; } .inset-md-right-100 { padding-right: 100px; } } @media (min-width: 992px) { .inset-lg-right-0 { padding-right: 0; } .inset-lg-right-10 { padding-right: 10px; } .inset-lg-right-15 { padding-right: 15px; } .inset-lg-right-20 { padding-right: 20px; } .inset-lg-right-30 { padding-right: 30px; } .inset-lg-right-40 { padding-right: 40px; } .inset-lg-right-50 { padding-right: 50px; } .inset-lg-right-60 { padding-right: 60px; } .inset-lg-right-70 { padding-right: 70px; } .inset-lg-right-85 { padding-right: 85px; } .inset-lg-right-100 { padding-right: 100px; } } @media (min-width: 1200px) { .inset-xl-right-0 { padding-right: 0; } .inset-xl-right-10 { padding-right: 10px; } .inset-xl-right-15 { padding-right: 15px; } .inset-xl-right-20 { padding-right: 20px; } .inset-xl-right-30 { padding-right: 30px; } .inset-xl-right-40 { padding-right: 40px; } .inset-xl-right-50 { padding-right: 50px; } .inset-xl-right-60 { padding-right: 60px; } .inset-xl-right-70 { padding-right: 70px; } .inset-xl-right-85 { padding-right: 85px; } .inset-xl-right-100 { padding-right: 100px; } } @media (min-width: 1600px) { .inset-xxl-right-0 { padding-right: 0; } .inset-xxl-right-10 { padding-right: 10px; } .inset-xxl-right-15 { padding-right: 15px; } .inset-xxl-right-20 { padding-right: 20px; } .inset-xxl-right-30 { padding-right: 30px; } .inset-xxl-right-40 { padding-right: 40px; } .inset-xxl-right-50 { padding-right: 50px; } .inset-xxl-right-60 { padding-right: 60px; } .inset-xxl-right-70 { padding-right: 70px; } .inset-xxl-right-85 { padding-right: 85px; } .inset-xxl-right-100 { padding-right: 100px; } } * + .row { margin-top: 35px; } * + .box-text { margin-top: 40px; } * + .block-centered { margin-top: 30px; } [class*='inset'] + [class*='inset'] { margin-top: 40px; } * + .group-inline { margin-top: 15px; } * + .group-md { margin-top: 22px; } * + .group-lg { margin-top: 30px; } @media (min-width: 768px) { * + .block-centered { margin-top: 60px; } } * + .group-xl { margin-top: 40px; } @media (min-width: 768px) { * + .group-xl { margin-top: 60px; } } @media (min-width: 1600px) { * + .group-xl { margin-top: 120px; } } * + .group-xl-responsive { margin-top: 40px; } @media (min-width: 768px) { * + .group-xl-responsive { margin-top: 45px; } } * + .offset-1 { margin-top: 40px; } * + .offset-2 { margin-top: 15px; } * + .offset-3 { margin-top: 35px; } * + .offset-4 { margin-top: 40px; } * + .offset-5 { margin-top: 22px; } * + .offset-6 { margin-top: 40px; } * + .offset-7 { margin-top: 22px; } * + .offset-8 { margin-top: 60px; } * + .rd-mailform { margin-top: 40px; } * + .offset-top-0 { margin-top: 0; } * + .comments-wrap { margin-top: 40px; } * + .list-blocks { margin-top: 50px; } * + .button-wrap { margin-top: 30px; } * + .list-progress { margin-top: 30px; } * + .carousel-parent { margin-top: 15px; } * + .button { margin-top: 30px; } * + .link-wrap { margin-top: 30px; } * + .row-offset-1 { margin-top: 50px; } * + .row-offset-2 { margin-top: 40px; } * + .row-offset-3 { margin-top: 50px; } * + .row-offset-4 { margin-top: 40px; } * + .isotope-filters-responsive { margin-top: 40px; } h3 + .rd-mailform { margin-top: 30px; } p + .form-inline { margin-top: 15px; } p + .slick-slider { margin-top: 40px; } .container + .container { margin-top: 40px; } .row + .row { margin-top: 40px; } .countdown-wrap + h5 { margin-top: 60px; } @media (min-width: 768px) { * + .offset-1 { margin-top: 60px; } * + .offset-3 { margin-top: 50px; } * + .offset-7 { margin-top: 40px; } * + .offset-8 { margin-top: 75px; } * + .row-offset-2 { margin-top: 60px; } * + .row-offset-4 { margin-top: 50px; } * + .comments-wrap { margin-top: 60px; } p + .slick-slider { margin-top: 50px; } } @media (min-width: 992px) { * + .offset-5 { margin-top: 25px; } * + .row-offset-3 { margin-top: 60px; } } @media (min-width: 1200px) { * + .offset-6 { margin-top: 90px; } * + .button { margin-top: 44px; } } .row-15 { margin-bottom: -15px; } .row-15:empty { margin-bottom: 0; } .row-15 > * { margin-bottom: 15px; } .row-25 { margin-bottom: -25px; } .row-25:empty { margin-bottom: 0; } .row-25 > * { margin-bottom: 25px; } .row-30 { margin-bottom: -30px; } .row-30:empty { margin-bottom: 0; } .row-30 > * { margin-bottom: 30px; } .row-40 { margin-bottom: -40px; } .row-40:empty { margin-bottom: 0; } .row-40 > * { margin-bottom: 40px; } .row-50 { margin-bottom: -50px; } .row-50:empty { margin-bottom: 0; } .row-50 > * { margin-bottom: 50px; } .row-60 { margin-bottom: -60px; } .row-60:empty { margin-bottom: 0; } .row-60 > * { margin-bottom: 60px; } @media (min-width: 576px) { .row-sm-0 { margin-bottom: 0px; } .row-sm-0:empty { margin-bottom: 0; } .row-sm-0 > * { margin-bottom: 0px; } .row-sm-50 { margin-bottom: -50px; } .row-sm-50:empty { margin-bottom: 0; } .row-sm-50 > * { margin-bottom: 50px; } } @media (min-width: 768px) { .row-md-40 { margin-bottom: -40px; } .row-md-40:empty { margin-bottom: 0; } .row-md-40 > * { margin-bottom: 40px; } .row-md-60 { margin-bottom: -60px; } .row-md-60:empty { margin-bottom: 0; } .row-md-60 > * { margin-bottom: 60px; } } @media (min-width: 992px) { .row-lg-90 { margin-bottom: -90px; } .row-lg-90:empty { margin-bottom: 0; } .row-lg-90 > * { margin-bottom: 90px; } } @media (min-width: 768px) { .col-md-preffix-4 { margin-left: 33.33333%; } } @media (min-width: 992px) { .col-lg-preffix-5 { margin-left: 41.66667%; } } @media (min-width: 1200px) { .col-xl-preffix-1 { margin-left: 8.33333%; } .col-xl-preffix-6 { margin-left: 50%; } } .link { display: inline-block; } .link-inline { font: inherit; line-height: inherit; text-decoration: underline; } .link-underline, .link-underline:active, .link-underline:focus { text-decoration: underline; } .link-underline:hover { text-decoration: none; } .link-circle { border-radius: 100%; } .link-circle .icon, .link-circle .icon:before { position: static; } .link-bold { font: 700 16px/22px "PT Serif", "Times New Roman", Times, serif; } .link-group { white-space: nowrap; } .link-group * { vertical-align: middle; } .link-group span { display: inline-block; } .link-group span + *, .link-group * + span { margin-left: 5px; } .link-group.link-group-animated .icon { position: relative; top: 1px; right: 0; transition: .22s; } .link-group.link-group-animated:hover .icon { right: -5px; } .link-group-baseline * { vertical-align: baseline; } .link-icon, .link-icon * { vertical-align: middle; } .link-icon .icon { margin-right: 5px; } .link-icon-mod .icon { position: relative; top: -3px; } .link-image img { width: auto; transition: .44s all ease; opacity: .5; } .link-image:hover img { opacity: 1; } .link-image-scale { position: relative; transition: .44s all ease; transform: scale(1); } .link-image-scale img { width: auto; } .link-image-scale:hover { transform: scale(1.1); } .link-image-wrap { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 126px; } * + .link-image-wrap { margin-top: 13px; } .page .link-primary-inline { color: #cca876; } .page .link-primary-inline.active, .page .link-primary-inline:active, .page .link-primary-inline:focus { color: #9b9b9b; } .page .link-primary-inline.hover, .page .link-primary-inline:hover { color: #b49465; } .page .link-default, .page .link-default:active, .page .link-default:focus { color: #9f9f9f; } .page .link-default:hover { color: #cca876; } .page .link-primary, .page .link-primary:active, .page .link-primary:focus { color: #cca876; } .page .link-primary:hover { color: #000; } .page .link-primary-1, .page .link-primary-1:active, .page .link-primary-1:focus { color: #cca876; } .page .link-primary-1:hover { color: #dedede; } .page .link-primary-inverse, .page .link-primary-inverse:active, .page .link-primary-inverse:focus { color: #cca876; } .page .link-primary-inverse:hover { color: #dedede; } .page .link-primary-inverse-v2, .page .link-primary-inverse-v2:active, .page .link-primary-inverse-v2:focus { color: #cca876; } .page .link-primary-inverse-v2:hover { color: #fff; } .page .link-secondary, .page .link-secondary:active, .page .link-secondary:focus { color: #000; } .page .link-secondary:hover { color: #cca876; } .page .link-tundora-inverse, .page .link-tundora-inverse:active, .page .link-tundora-inverse:focus { color: #414141; } .page .link-tundora-inverse:hover { color: #fff; } .page .link-secondary, .page .link-secondary:active, .page .link-secondary:focus { color: #000; } .page .link-secondary:hover { color: #cca876; } .page .link-gray-light, .page .link-gray-light:active, .page .link-gray-light:focus { color: #d9d9d9; } .page .link-gray-light:hover { color: #000; } .page .link-white, .page .link-white:active, .page .link-white:focus { color: #fff; } .page .link-white:hover { color: #cca876; } .page .link-white-v2, .page .link-white-v2:active, .page .link-white-v2:focus { color: #fff; } .page .link-white-v2:hover { color: #666c84; } .page .link-white-03, .page .link-white-03:active, .page .link-white-03:focus { color: rgba(255, 255, 255, 0.3); } .page .link-white-03:hover { color: #cca876; } .page .link-dusty-gray, .page .link-dusty-gray:active, .page .link-dusty-gray:focus { color: #9b9b9b; } .page .link-dusty-gray:hover { color: #cca876; } .page .link-black-v2, .page .link-black-v2:active, .page .link-black-v2:focus { color: rgba(0, 0, 0, 0.6); } .page .link-black-v2:hover { color: #000; } .page .link-black-v2:hover { text-decoration: underline; } .page .link-gray-dark-filled, .page .link-gray-dark-filled:active, .page .link-gray-dark-filled:focus { color: #fff; background: #2a2b2b; } .page .link-gray-dark-filled:hover { color: #fff; background: #cca876; } .page .link-shop { width: 25px; height: 25px; font-size: 25px; line-height: 25px; } .page .link-shop, .page .link-shop:active, .page .link-shop:focus { color: #00030a; } .page .link-shop:hover { color: #cca876; } ul, ol { list-style: none; padding: 0; margin: 0; } dl { margin: 0; } dt { font-weight: inherit; } .list > li + li { margin-top: 5px; } .list-xl > li + li { margin-top: 44px; } .list-inline { margin-left: -5px; margin-right: -5px; vertical-align: baseline; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .list-inline-reset { font-size: 0; line-height: 0; } .list-inline-xs { margin-left: -6px; margin-right: -6px; } .list-inline-xs > li { display: inline-block; padding-left: 6px; padding-right: 6px; } .list-inline-sm { margin-left: -10px; margin-right: -10px; } .list-inline-sm > li { display: inline-block; padding-left: 10px; padding-right: 10px; } .list-inline-md { margin-left: -15px; margin-right: -15px; } .list-inline-md > li { display: inline-block; padding-left: 15px; padding-right: 15px; } .list-objects-inline { margin-bottom: -4px; margin-left: -22px; transform: translateY(-4px); } .list-objects-inline > *, .list-objects-inline > *:first-child { display: inline-block; vertical-align: middle; margin-top: 4px; margin-left: 22px; } .list-objects-inline > li > * { display: inline-block; vertical-align: middle; } .list-objects-inline > li > * + * { margin-left: 5px; } .list-terms dt + dd { margin-top: 10px; } .list-terms dd + dt { margin-top: 31px; } .list-terms-variant-1 dt { font: 700 16px/22px "PT Serif", "Times New Roman", Times, serif; letter-spacing: -.025em; color: #000; } .list-terms-variant-1 dt + dd { margin-top: 16px; } .list-terms-variant-1 dd + dt { margin-top: 40px; } @media (min-width: 1200px) { .list-terms-variant-1 dt { font-size: 19px; line-height: 28px; } .list-terms-variant-1 dd + dt { margin-top: 53px; } } .dl-inline { vertical-align: middle; } .dl-inline dt, .dl-inline dd { display: inline-block; vertical-align: middle; } .dl-inline dt { padding-right: 5px; } .dl-inline dt:after { content: ':'; } .dl-inline .pricing-object-sm { position: relative; top: -5px; } .list-terms-inline dt, .list-terms-inline dd { display: inline-block; } .list-terms-inline dt { color: #000; } .list-terms-inline dd { color: #9f9f9f; } .list-terms-inline dt:after { content: ':'; } .list-index { counter-reset: li; } .list-index > li .list-index-counter:before { content: counter(li, decimal-leading-zero); counter-increment: li; } .list-marked li { color: #000; position: relative; padding-left: 32px; } .list-marked li:before { position: absolute; top: 1px; left: 0; content: '\e005'; font-family: "fl-flat-icons-set-2"; display: inline-block; margin-right: 11px; font-size: 13px; line-height: inherit; vertical-align: middle; color: #cca876; } .list-marked li:not(:last-child):after { content: ';'; } .list-marked li:last-child:after { content: '.'; } .list-marked li + li { margin-top: 11px; } .list-marked-spacing-lg li { padding-left: 26px; } @media (min-width: 992px) and (max-width: 1599px) { .list-marked li { padding-left: 24px; font-size: 13px; } .list-marked li:before { font-size: 11px; } } .list-marked-variant-2 > li > a { position: relative; display: inline-block; padding-left: 20px; } .list-marked-variant-2 > li > a:before { content: '\f105'; position: absolute; left: 0; top: 1px; font: 400 18px/24px 'FontAwesome'; color: #cca876; transition: .33s all ease; } .list-marked-variant-2 > li > a:hover:before { left: 4px; } .list-marked-variant-2 > li + li { margin-top: 14px; } .list-ordered { counter-reset: li; } .list-ordered li { color: #000; } .list-ordered li:before { display: inline-block; margin-right: 13px; width: 15px; content: counter(li, decimal) "."; counter-increment: li; } .list-ordered li:not(:last-child):after { content: ';'; } .list-ordered li:last-child:after { content: '.'; } .list-ordered li + li { margin-top: 11px; } .list-numbered { counter-reset: li; } .list-numbered > li { position: relative; padding-left: 30px; } .list-numbered > li:before { position: absolute; top: 0; left: 0; content: counter(li, decimal) "."; counter-increment: li; } .list-numbered > li + li { margin-top: 10px; } .list-icon-pack { margin-top: 6px; } .list-icon-pack > li h5, .list-icon-pack > li .h5 { font-size: 17px; } .list-icon-pack > li span { display: block; } .list-icon-pack > li span + span { margin-top: 3px; margin-left: .25em; } .list-links > li { display: inline-block; } .list-links > li:after { content: ';'; } .list-links > li:last-child:after { display: none; } .list-hashtags > li { display: inline-block; } .list-hashtags > li > a:before { content: '#'; } .list-marked-bordered { color: #000; } .list-marked-bordered li a { display: block; padding: 10px 7px; border-bottom: 1px solid #f9f9f9; } .list-marked-bordered li a:before { position: relative; display: inline-block; padding-right: 10px; font: 400 18px "FontAwesome"; line-height: inherit; color: #cca876; content: '\f105'; } .list-marked-bordered li a span { color: inherit; transition: color .33s; } .list-marked-bordered li a span:first-child { color: #000; } .list-marked-bordered li a:hover, .list-marked-bordered li a:hover span:nth-child(n) { color: #cca876; } .list-marked-bordered li span:not(:last-child) { margin-right: .25em; } .list-bordered-horizontal { position: relative; transform: translateY(-7px); margin-bottom: -7px; } .list-bordered-horizontal > * { margin-top: 7px; } .list-bordered-horizontal > *:not(:last-child) { margin-right: 35px; } @media (min-width: 768px) { .list-bordered-horizontal > li { display: inline-block; } .list-bordered-horizontal > li:not(:last-child) { position: relative; } .list-bordered-horizontal > li:not(:last-child):after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: -20px; width: 1px; height: 22px; background: #d9d9d9; } } .list-tag-blocks { position: relative; transform: translateY(-6px); margin-bottom: -6px; margin-left: -8px; } .list-tag-blocks > * { margin-top: 6px; } .list-tag-blocks > *:not(:last-child) { margin-right: 6px; } .list-tag-blocks li { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; } .list-tag-blocks li a { display: inline-block; padding: 6px 10px; border-radius: 3px; border: 1px solid transparent; } .list-tag-blocks li a, .list-tag-blocks li a:active, .list-tag-blocks li a:focus, .list-tag-blocks li a:hover { color: #000; } .list-tag-blocks li a:hover { border-color: #9b9b9b; } * + .list-tag-blocks { margin-top: 22px; } .list-progress { color: #000; } .list-progress li + li { margin-top: 23px; } .list-progress p { padding-right: 40px; } .list-tags-inline > li { display: inline; } .list-tags-inline > li:not(:last-child):after { content: ','; } .list-rating { font-size: 0; line-height: 0; } .list-rating > li { display: inline-block; } .list-rating .icon { color: #ffd400; } .list-wide-bordered { color: #000; font: 400 14px/22px "PT Serif", "Times New Roman", Times, serif; border-top: 1px solid #d9d9d9; } .list-wide-bordered dl { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-weight: 700; } .list-wide-bordered dl dt { padding-right: 15px; } .list-wide-bordered dl dd { font-weight: 700; font-size: 14px; } .list-wide-bordered li { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 54px; padding: 10px 20px; border-bottom: 1px solid #d9d9d9; } .list-wide-bordered + .list-wide-bordered { border-top: 0; } @media (min-width: 768px) { .list-wide-bordered { font-size: 16px; } .list-wide-bordered li { min-height: 73px; padding: 20px 30px; } } @media (min-width: 768px) { .image-wrap-1 img { max-width: 110%; } } @media (min-width: 992px) { .image-wrap-1 img { max-width: 140%; } } .block-wrap-1 { position: relative; z-index: 0; display: inline-block; text-align: center; padding-bottom: 25px; max-width: 430px; } .block-wrap-1 * { position: relative; z-index: 2; } .block-wrap-1 .block-number { position: absolute; top: 0; left: 50%; transform: translateX(-50%); color: #f2f3f8; font-weight: 300; font-size: 222px; z-index: 0; line-height: .7; } .block-wrap-1 * + .block-header { margin-top: 0; } .bg-displaced-wrap { position: relative; z-index: 0; } .bg-displaced-wrap .bg-displaced-body { position: relative; z-index: 1; } .bg-displaced-wrap .bg-displaced { position: absolute; top: 50px; right: 0; bottom: 50px; left: 0; z-index: 0; } .divider { width: 49px; height: 2px; margin-left: auto; margin-right: auto; } .divider-fullwidth { height: 1px; width: 100%; } * + .divider-fullwidth { margin-top: 40px; } .divider-wide { height: 10px; width: 100%; } .divider-circle { position: relative; width: 100%; height: 10px; } .divider-circle:after { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; transform: translate(-50%, -50%); border-radius: 50px; background: #cca876; } .divider-md { height: 1px; width: 119px; } * + .divider-circle { margin-top: 35px; } @media (min-width: 768px) { * + .divider-circle { margin-top: 50px; } } /* +* +* Grid Modules +*/ .row-seven > .col-1 { flex: 0 0 14.28571%; max-width: 14.28571%; } .row-seven > .col-2 { flex: 0 0 28.57143%; max-width: 28.57143%; } .row-seven > .col-3 { flex: 0 0 42.85714%; max-width: 42.85714%; } .row-seven > .col-4 { flex: 0 0 57.14286%; max-width: 57.14286%; } .row-seven > .col-5 { flex: 0 0 71.42857%; max-width: 71.42857%; } .row-seven > .col-6 { flex: 0 0 85.71429%; max-width: 85.71429%; } .row-seven > .col-7 { flex: 0 0 100%; max-width: 100%; } @media (min-width: 576px) { .row-seven > .col-sm-1 { flex: 0 0 14.28571%; max-width: 14.28571%; } .row-seven > .col-sm-2 { flex: 0 0 28.57143%; max-width: 28.57143%; } .row-seven > .col-sm-3 { flex: 0 0 42.85714%; max-width: 42.85714%; } .row-seven > .col-sm-4 { flex: 0 0 57.14286%; max-width: 57.14286%; } .row-seven > .col-sm-5 { flex: 0 0 71.42857%; max-width: 71.42857%; } .row-seven > .col-sm-6 { flex: 0 0 85.71429%; max-width: 85.71429%; } .row-seven > .col-sm-7 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .row-seven > .col-md-1 { flex: 0 0 14.28571%; max-width: 14.28571%; } .row-seven > .col-md-2 { flex: 0 0 28.57143%; max-width: 28.57143%; } .row-seven > .col-md-3 { flex: 0 0 42.85714%; max-width: 42.85714%; } .row-seven > .col-md-4 { flex: 0 0 57.14286%; max-width: 57.14286%; } .row-seven > .col-md-5 { flex: 0 0 71.42857%; max-width: 71.42857%; } .row-seven > .col-md-6 { flex: 0 0 85.71429%; max-width: 85.71429%; } .row-seven > .col-md-7 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 992px) { .row-seven > .col-lg-1 { flex: 0 0 14.28571%; max-width: 14.28571%; } .row-seven > .col-lg-2 { flex: 0 0 28.57143%; max-width: 28.57143%; } .row-seven > .col-lg-3 { flex: 0 0 42.85714%; max-width: 42.85714%; } .row-seven > .col-lg-4 { flex: 0 0 57.14286%; max-width: 57.14286%; } .row-seven > .col-lg-5 { flex: 0 0 71.42857%; max-width: 71.42857%; } .row-seven > .col-lg-6 { flex: 0 0 85.71429%; max-width: 85.71429%; } .row-seven > .col-lg-7 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1200px) { .row-seven > .col-xl-1 { flex: 0 0 14.28571%; max-width: 14.28571%; } .row-seven > .col-xl-2 { flex: 0 0 28.57143%; max-width: 28.57143%; } .row-seven > .col-xl-3 { flex: 0 0 42.85714%; max-width: 42.85714%; } .row-seven > .col-xl-4 { flex: 0 0 57.14286%; max-width: 57.14286%; } .row-seven > .col-xl-5 { flex: 0 0 71.42857%; max-width: 71.42857%; } .row-seven > .col-xl-6 { flex: 0 0 85.71429%; max-width: 85.71429%; } .row-seven > .col-xl-7 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 1600px) { .row-seven > .col-xxl-1 { flex: 0 0 14.28571%; max-width: 14.28571%; } .row-seven > .col-xxl-2 { flex: 0 0 28.57143%; max-width: 28.57143%; } .row-seven > .col-xxl-3 { flex: 0 0 42.85714%; max-width: 42.85714%; } .row-seven > .col-xxl-4 { flex: 0 0 57.14286%; max-width: 57.14286%; } .row-seven > .col-xxl-5 { flex: 0 0 71.42857%; max-width: 71.42857%; } .row-seven > .col-xxl-6 { flex: 0 0 85.71429%; max-width: 85.71429%; } .row-seven > .col-xxl-7 { flex: 0 0 100%; max-width: 100%; } } @media (min-width: 768px) { .flex-row-md-reverse { flex-direction: row-reverse; } } /* + * Custom Plugins + */ /** +* @subsection Animate.css +* +* @description A bunch of cool, fun, and cross-browser animations +* for you to use. +* +* @author Daniel Eden +* @link http://daneden.me/animate +* @license MIT license - http://opensource.org/licenses/MIT +*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } html:not(.lt-ie10) .not-animated { opacity: 0; } /** +* Bounce Keyframes Animation +*/ @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /** +* Flas Keyframes Animation +*/ @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /** +* Pulse Keyframes Animation +* +* @author Nick Pettit +* @link https://github.com/nickpettit/glide +*/ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } /** +* RubberBand Keyframes Animation +*/ @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } /** +* Shake Keyframes Animation +*/ @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } /** +* Swing Keyframes Animation +*/ @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } /** +* Tada Keyframes Animation +*/ @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /** +* Wobble Keyframes Animation +* +* @author Nick Pettit +* @link https://github.com/nickpettit/glide +*/ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } /** +* BounceIn Keyframes Animation +*/ @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } /** +* BounceInDown Keyframes Animation +*/ @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /** +* BounceInLeft Keyframes Animation +*/ @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } /** +* BounceInRight Keyframes Animation +*/ @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } /** +* BounceInUp Keyframes Animation +*/ @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /** +* BounceOut Keyframes Animation +*/ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } /** +* BounceOutDown Keyframes Animation +*/ @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } /** +* BounceOutLeft Keyframes Animation +*/ @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } /** +* BounceOutRight Keyframes Animation +*/ @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } /** +* BounceOutUp Keyframes Animation +*/ @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /** +* FadeIn Keyframes Animation +*/ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /** +* FadeInDown Keyframes Animation +*/ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /** +* FadeInDownBig Keyframes Animation +*/ @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } /** +* FadeInLeftSmall Keyframes Animation +*/ @-webkit-keyframes fadeInLeftSmall { 0% { opacity: 0; -webkit-transform: translate3d(-33%, 0, 0); transform: translate3d(-33%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftSmall { 0% { opacity: 0; -webkit-transform: translate3d(-33%, 0, 0); transform: translate3d(-33%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; } /** +* FadeInLeft Keyframes Animation +*/ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /** +* FadeInLeftBig Keyframes Animation +*/ @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } /** +* FadeInRight Keyframes Animation +*/ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /** +* FadeInRightSmall Keyframes Animation +*/ @-webkit-keyframes fadeInRightSmall { 0% { opacity: 0; -webkit-transform: translate3d(33%, 0, 0); transform: translate3d(33%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightSmall { 0% { opacity: 0; -webkit-transform: translate3d(33%, 0, 0); transform: translate3d(33%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; } /** +* FadeInRightMedium Keyframes Animation +*/ @-webkit-keyframes fadeInRightMedium { 0% { opacity: 0; -webkit-transform: translate3d(66%, 0, 0); transform: translate3d(66%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightMedium { 0% { opacity: 0; -webkit-transform: translate3d(66%, 0, 0); transform: translate3d(66%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightMedium { -webkit-animation-name: fadeInRightMedium; animation-name: fadeInRightMedium; } /** +* FadeInRightBig Keyframes Animation +*/ @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } /** +* FadeInUp Keyframes Animation +*/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /** +* FadeInUpBig Keyframes Animation +*/ @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } /** +* FadeOut Keyframes Animation +*/ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /** +* FadeOutDown Keyframes Animation +*/ @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /** +* FadeOutDownBig Keyframes Animation +*/ @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } /** +* FadeOutLeft Keyframes Animation +*/ @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } /** +* FadeOutLeftBig Keyframes Animation +*/ @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } /** +* FadeOutRight Keyframes Animation +*/ @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /** +* FadeOutRightBig Keyframes Animation +*/ @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } /** +* FadeOutUp Keyframes Animation +*/ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /** +* FadeOutUpBig Keyframes Animation +*/ @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } /** +* Flip Keyframes Animation +*/ @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } /** +* FlipInX Keyframes Animation +*/ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } /** +* FlipInY Keyframes Animation +*/ @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } /** +* FlipOutX Keyframes Animation +*/ @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } /** +* FlipOutY Keyframes Animation +*/ @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } /** +* LightSpeedIn Keyframes Animation +*/ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /** +* LightSpeedOut Keyframes Animation +*/ @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /** +* RotateIn Keyframes Animation +*/ @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } /** +* RotateInDownLeft Keyframes Animation +*/ @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /** +* RotateInDownRight Keyframes Animation +*/ @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /** +* RotateInUpLeft Keyframes Animation +*/ @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /** +* RotateInUpRight Keyframes Animation +*/ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /** +* RotateOut Keyframes Animation +*/ @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } /** +* RotateOutDownLeft Keyframes Animation +*/ @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } /** +* RotateOutDownRight Keyframes Animation +*/ @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } /** +* RotateOutUpLeft Keyframes Animation +*/ @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } /** +* RotateOutUpRight Keyframes Animation +*/ @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } /** +* Hinge Keyframes Animation +*/ @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /** +* RollIn Keyframes Animation +* +* @author Nick Pettit +* @link https://github.com/nickpettit/glide +*/ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /** +* RollOut Keyframes Animation +* +* @author Nick Pettit +* @link https://github.com/nickpettit/glide +*/ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /** +* ZoomIn Keyframes Animation +*/ @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } /** +* ZoomInDown Keyframes Animation +*/ @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } /** +* ZoomInLeft Keyframes Animation +*/ @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } /** +* ZoomInRight Keyframes Animation +*/ @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } /** +* ZoomInUp Keyframes Animation +*/ @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /** +* ZoomOut Keyframes Animation +*/ @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } /** +* ZoomOutDown Keyframes Animation +*/ @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } /** +* ZoomOutLeft Keyframes Animation +*/ @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } /** +* ZoomOutRight Keyframes Animation +*/ @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } /** +* ZoomOutUp Keyframes Animation +*/ @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } /** +* SlideInDown Keyframes Animation +*/ @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } /** +* SlideInLeft Keyframes Animation +*/ @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } /** +* SlideInRight Keyframes Animation +*/ @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } /** +* SlideInUp Keyframes Animation +*/ @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /** +* SlideOutDown Keyframes Animation +*/ @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } /** +* SlideOutLeft Keyframes Animation +*/ @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } /** +* SlideOutRight Keyframes Animation +*/ @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } /** +* SlideOutUp Keyframes Animation +*/ @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .counter { margin-bottom: 0; } .counter-k:after { content: 'k'; } .counter-percent:after { display: inline-block; content: '%'; font-size: .33em; vertical-align: middle; margin-top: -1.6em; margin-left: .25em; } @media (min-width: 992px) { .counter-percent:after { margin-top: -1.9em; } } /* + * Owl Carousel - Animate Plugin + */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* + * Owl Carousel - Auto Height Plugin + */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* + * Core Owl Carousel CSS File + */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* + * Owl Carousel - Lazy Load Plugin + */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } /* + * Owl Carousel - Video Plugin + */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; font: 400 40px/80px 'FontAwesome'; cursor: pointer; z-index: 1; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:before { content: '\f144'; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3); transform: scale(1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .owl-carousel .owl-stage { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .owl-carousel .owl-item { float: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .owl-carousel .item { width: 100%; } @media (min-width: 992px) { .owl-spacing-1 { padding-right: 60px; padding-left: 60px; } } @media (min-width: 1200px) { .owl-spacing-1 .owl-item { padding-right: 41px; padding-left: 41px; } .owl-spacing-1 .owl-prev { left: 0%; } .owl-spacing-1 .owl-next { right: 0%; } } @media (min-width: 1400px) { .owl-spacing-1 { padding: 0; } .owl-spacing-1 .owl-prev { left: -6%; } .owl-spacing-1 .owl-next { right: -6%; } } /* + * Owl Navigation + */ .owl-prev, .owl-next { position: absolute; top: 50%; transform: translateY(-50%); font: 400 24px 'Material Icons'; color: #2b2f40; transition: .22s; cursor: pointer; } .owl-prev:hover, .owl-next:hover { color: #cca876; } .owl-prev { left: 0; } .owl-prev:before { content: '\e5c4'; } .owl-next { right: 0; } .owl-next:before { content: '\e5c8'; } /* + * Owl Pagination + */ .owl-dots { text-align: center; } .owl-dot { display: inline-block; } /* + * Owl Pagination + */ .owl-numbering-default { padding-bottom: 15px; } .owl-numbering-default > * { display: inline-block; } .owl-numbering-default .numbering-current, .owl-numbering-default .numbering-count { font-weight: 700; } .owl-numbering-default .numbering-current { min-width: 16px; font-size: 25px; color: #000; transition: .33s all ease; } .owl-numbering-default .numbering-separator { position: relative; display: inline-block; margin: 0 10px; } .owl-numbering-default .numbering-separator:after { position: absolute; top: -23px; left: -6px; content: ''; width: 2px; height: 51px; transform-origin: 50% 75%; transform: rotate(30deg); background: rgba(0, 0, 0, 0.3); } .owl-numbering-default .numbering-count { position: relative; top: 19px; left: -2px; font-size: 18px; color: rgba(0, 0, 0, 0.3); } .owl-carousel-inverse .owl-next, .owl-carousel-inverse .owl-prev { color: #fff; } .owl-carousel-inverse .owl-next:hover, .owl-carousel-inverse .owl-prev:hover { color: #cca876; } .owl-carousel-inverse .owl-numbering-default .numbering-current { color: #fff; } .owl-carousel-inverse .owl-numbering-default .numbering-separator:after { background: rgba(255, 255, 255, 0.3); } .owl-carousel-inverse .owl-numbering-default .numbering-count { color: rgba(255, 255, 255, 0.3); } .owl-nav-position-numbering .owl-next, .owl-nav-position-numbering .owl-prev { top: auto; bottom: -53px; transform: none; } .owl-nav-position-numbering .owl-prev { left: auto; right: calc(50% + 42px); } .owl-nav-position-numbering .owl-next { right: auto; left: calc(50% + 42px); } .owl-nav-position-numbering + .owl-numbering { margin-top: 15px; } .owl-style-minimal .item { width: 100%; } .owl-style-minimal .item img { width: 100%; } .owl-style-minimal .owl-dots { margin-top: 10px; text-align: center; } .owl-style-minimal .owl-dot { width: 15px; height: 15px; border-radius: 10px; background: #dedede; transition: .33s all ease; cursor: pointer; } .owl-style-minimal .owl-dot.active, .owl-style-minimal .owl-dot:hover { background: #cca876; } .owl-style-minimal .owl-dot + .owl-dot { margin-left: 25px; } .owl-nav-classic .owl-nav { display: none; } @media (min-width: 992px) { .owl-nav-classic .owl-dots { display: none !important; } .owl-nav-classic .owl-nav { display: block; } .owl-nav-classic .owl-nav .owl-prev, .owl-nav-classic .owl-nav .owl-next { top: 45%; transform: translateY(-45%); width: 45px; height: 45px; line-height: 45px; color: #9b9b9b; background: #f2f3f8; text-align: center; font: 400 20px/45px 'fl-flat-icons-set-2'; } .owl-nav-classic .owl-nav .owl-prev:hover, .owl-nav-classic .owl-nav .owl-next:hover { color: #fff; background: #cca876; } .owl-nav-classic .owl-nav .owl-prev { padding-right: 3px; } .owl-nav-classic .owl-nav .owl-prev:before { position: relative; display: inline-block; content: '\e015'; transform: scale(-1, 1); } .owl-nav-classic .owl-nav .owl-next { padding-left: 3px; } .owl-nav-classic .owl-nav .owl-next:before { content: '\e015'; } } /* +* @subsection RD Navbar +* +* @description Describes style declarations for RD Navbar extension +* +* @author Evgeniy Gusarov +* @link https://ua.linkedin.com/pub/evgeniy-gusarov/8a/a40/54a +*/ @-webkit-keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @-webkit-keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } /* +* @subsection General Styles +*/ .rd-navbar-wrap, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-inner, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:before, .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:after, .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search, .rd-navbar-default.rd-navbar-static .rd-navbar-group, .rd-navbar-default.rd-navbar-static .rd-search { transition: 0.3s all cubic-bezier(0.785, 0.135, 0.15, 0.86); } .rd-navbar, .rd-navbar.rd-navbar--is-clone { display: none; } .rd-navbar-fixed, .rd-navbar-static, .rd-navbar-fullwidth, .rd-navbar-sidebar { display: block; } .rd-navbar--no-transition, .rd-navbar--no-transition * { transition: none !important; } .rd-navbar-wrap { position: relative; z-index: 10; } .rd-navbar-wrap, .rd-navbar, .rd-navbar-brand, .rd-navbar-slogan, .rd-navbar-dropdown, .rd-navbar-megamenu, .rd-navbar-collapse-items, .brand-name, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-search-form-input, .rd-navbar-search-form-submit, .rd-navbar-search-toggle, .rd-navbar-live-search-results, .rd-navbar-search-form { transition: .33s all ease-out; } .rd-navbar-collapse-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #00030a; display: none; } .rd-navbar-collapse-toggle span { top: 50%; margin-top: -3px; } .rd-navbar-collapse-toggle span, .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { position: absolute; width: 6px; height: 6px; line-height: 6px; text-align: center; background: #00030a; left: 50%; margin-left: -3px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-collapse-toggle span:before, .rd-navbar-collapse-toggle span:after { content: ''; } .rd-navbar-collapse-toggle span:before { bottom: 100%; margin-bottom: 3px; } .rd-navbar-collapse-toggle span:after { top: 100%; margin-top: 3px; } .rd-navbar-collapse-toggle.active span { transform: scale(0.7); } .rd-navbar-collapse-toggle.active span:before { transform: translateY(18px); } .rd-navbar-collapse-toggle.active span:after { transform: translateY(-18px); } .rd-navbar--has-sidebar body { padding-left: 270px; } .rd-navbar--is-stuck { border-bottom: 1px solid #e5e7e9; } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } /* +* Navbar components +*/ .rd-navbar { display: none; background: #fff; box-shadow: none; } .rd-navbar-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #000; background-color: transparent; border: none; display: none; } .rd-navbar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before { content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-toggle span:after { top: 8px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span { width: 24px; height: 4px; background-color: #000; backface-visibility: hidden; border-radius: 2px; } .rd-navbar-toggle span { transform: rotate(180deg); } .rd-navbar-toggle span:before, .rd-navbar-toggle span:after { transform-origin: 1.71429px center; transform-origin: 1.71429px center; } .rd-navbar-toggle.active span { transform: rotate(360deg); } .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-toggle:focus { outline: none; } .rd-navbar-brand { transition: none !important; } .rd-navbar-brand svg { fill: #000; } .rd-navbar-aside { pointer-events: none; } .rd-navbar-aside > * { pointer-events: auto; } .rd-navbar-aside-toggle { display: none; pointer-events: auto; } /* +* @subsection Hybrid Styles +*/ .rd-navbar-static .rd-navbar-search-form-input input, .rd-navbar-sidebar .rd-navbar-search-form-input input, .rd-navbar-fullwidth .rd-navbar-search-form-input input { width: 100%; padding: 0 10px; font-size: 16px; } .rd-navbar-static:after, .rd-navbar-fullwidth:after { content: ''; background: #fff; } .rd-navbar-static .rd-navbar-brand, .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-static .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-brand, .rd-navbar-fullwidth .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-search-toggle { position: relative; z-index: 2; } .rd-navbar-static .rd-navbar-inner, .rd-navbar-fullwidth .rd-navbar-inner { position: relative; max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a { position: relative; padding: 5px 0; font-size: 13px; line-height: 1.2; color: #00030a; background: transparent; } .rd-navbar-static .rd-navbar-nav > li > a.focus > a, .rd-navbar-static .rd-navbar-nav > li > a > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li > a.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a > a:hover { color: #cca876; background: transparent; } .rd-navbar-static .rd-navbar-nav > li > a.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a.active > a { color: #cca876; background: transparent; } .rd-navbar-static .rd-navbar-nav > li > a:after, .rd-navbar-fullwidth .rd-navbar-nav > li > a:after { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 2px; max-width: 100%; background: #cca876; transition: .33s all ease-out; } .rd-navbar-static .rd-navbar-nav > li > a .label, .rd-navbar-fullwidth .rd-navbar-nav > li > a .label { position: absolute; left: 0; margin: -18px 0 0 0; } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a { font-size: 14px; } } .rd-navbar-static .rd-navbar-nav > li.active > a:after, .rd-navbar-static .rd-navbar-nav > li.focus > a:after, .rd-navbar-static .rd-navbar-nav > li.opened > a:after, .rd-navbar-static .rd-navbar-nav > li > a:hover:after, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a:after, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a:after, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a:after, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover:after { opacity: 1; visibility: visible; width: 100%; } .rd-navbar-static .rd-navbar-nav .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav .rd-navbar-submenu > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav .rd-navbar-submenu > .rd-navbar-megamenu { opacity: 0; visibility: hidden; font-size: 14px; } .rd-navbar-static .rd-navbar-nav .rd-navbar-submenu.focus, .rd-navbar-fullwidth .rd-navbar-nav .rd-navbar-submenu.focus { opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > .rd-navbar-megamenu { transform: translateY(30px); } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.opened > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu { transform: translateY(0); } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu > .rd-navbar-dropdown { transform: translateX(-20px); } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown { transform: translateX(0); } .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu .rd-navbar-submenu.opened > .rd-navbar-dropdown { display: block; } .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-fullwidth .rd-navbar-nav > li { display: inline-block; } .rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar-nav li.rd-navbar--has-dropdown { position: relative; } .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav li.opened > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav li.focus > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav li.opened > .rd-navbar-megamenu { opacity: 1; visibility: visible; transform: translateY(0); } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown { position: absolute; left: 0; z-index: 5; display: block; margin-top: 27px; text-align: left; background: #fff; } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-list > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-list > li > a { position: relative; display: block; width: 100%; padding-left: 0; padding-right: 14px; font-size: 14px; line-height: 1.3; } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-dropdown > li > a:before, .rd-navbar-static .rd-navbar-list > li > a, .rd-navbar-static .rd-navbar-list > li > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:before, .rd-navbar-fullwidth .rd-navbar-list > li > a, .rd-navbar-fullwidth .rd-navbar-list > li > a:before { transition: .33s all ease; } .rd-navbar-static .rd-navbar-dropdown > li > a:before, .rd-navbar-static .rd-navbar-list > li > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:before, .rd-navbar-fullwidth .rd-navbar-list > li > a:before { position: absolute; top: -2px; left: -6px; content: '\f105'; font-family: 'FontAwesome'; font-size: 16px; line-height: inherit; color: #cca876; opacity: 0; visibility: hidden; } .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-static .rd-navbar-list > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-list > li > a:hover { padding-left: 14px; padding-right: 0; } .rd-navbar-static .rd-navbar-dropdown > li > a:hover:before, .rd-navbar-static .rd-navbar-list > li > a:hover:before, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover:before, .rd-navbar-fullwidth .rd-navbar-list > li > a:hover:before { left: 0; opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-dropdown > li > a:focus, .rd-navbar-static .rd-navbar-dropdown > li > a:active, .rd-navbar-static .rd-navbar-list > li > a, .rd-navbar-static .rd-navbar-list > li > a:focus, .rd-navbar-static .rd-navbar-list > li > a:active, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:focus, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:active, .rd-navbar-fullwidth .rd-navbar-list > li > a, .rd-navbar-fullwidth .rd-navbar-list > li > a:focus, .rd-navbar-fullwidth .rd-navbar-list > li > a:active { color: #9f9f9f; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-static .rd-navbar-list > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-list > li > a:hover { color: #cca876; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li + li, .rd-navbar-static .rd-navbar-list > li + li, .rd-navbar-fullwidth .rd-navbar-dropdown > li + li, .rd-navbar-fullwidth .rd-navbar-list > li + li { margin-top: 14px; } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-list > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-list > li > a { font-size: 16px; } .rd-navbar-static .rd-navbar-dropdown > li > a:before, .rd-navbar-static .rd-navbar-list > li > a:before, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:before, .rd-navbar-fullwidth .rd-navbar-list > li > a:before { top: 1px; } } @media (min-width: 1600px) { .rd-navbar-static .rd-navbar-dropdown > li + li, .rd-navbar-static .rd-navbar-list > li + li, .rd-navbar-fullwidth .rd-navbar-dropdown > li + li, .rd-navbar-fullwidth .rd-navbar-list > li + li { margin-top: 17px; } } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu { box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.13); border-top: 2px solid #cca876; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown { width: 188px; padding: 25px 35px 30px; margin-left: -32px; background: #fff; } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown { width: 235px; } } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown { position: absolute; left: 100%; margin-left: 91px; top: -20px; } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a { display: block; width: 100%; } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-dropdown > li > a:focus, .rd-navbar-static .rd-navbar-dropdown > li > a:active, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:focus, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:active { color: #9f9f9f; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover { color: #cca876; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a { color: #cca876; background: transparent; } .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu { position: absolute; z-index: 4; display: table; table-layout: fixed; width: calc(100% - 30px); left: 15px; max-width: 1200px; margin-top: 27px; text-align: left; background: #fff; } .rd-navbar-static .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu > li { position: relative; display: table-cell; padding: 34px 20px 30px 35px; } .rd-navbar-static .rd-navbar-megamenu > li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li + li { border-left: 1px solid #eee; } .rd-navbar-static .rd-navbar-megamenu * + .rd-megamenu-header, .rd-navbar-fullwidth .rd-navbar-megamenu * + .rd-megamenu-header { margin-top: 40px; } .rd-navbar-static .rd-navbar-megamenu * + .rd-navbar-list, .rd-navbar-fullwidth .rd-navbar-megamenu * + .rd-navbar-list { margin-top: 20px; } @media (min-width: 1200px) { .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu { width: 1140px; } .rd-navbar-static .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu > li { padding: 44px 30px 50px 50px; } } .rd-navbar-static .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-submenu-toggle { display: none; cursor: pointer; z-index: 100; } .rd-navbar-static .rd-navbar-submenu-toggle:hover, .rd-navbar-fullwidth .rd-navbar-submenu-toggle:hover { color: #cca876; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle { display: none; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; width: 24px; text-align: center; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle::after { content: '\f107'; position: relative; display: inline-block; font: 400 16px "FontAwesome"; text-align: center; transition: 0.4s all ease; z-index: 2; color: #cca876; will-change: transform; -webkit-filter: blur(0); } .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after { color: #cca876; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-submenu-toggle { display: none; vertical-align: middle; } .rd-navbar-static .rd-navbar-dropdown .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-submenu-toggle::after { top: 1px; } .rd-navbar-static .rd-navbar-dropdown > li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-dropdown > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar-static .rd-navbar-dropdown > li > a:hover + .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > .rd-navbar-submenu-toggle::after, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover + .rd-navbar-submenu-toggle::after { color: #cca876; } .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-clone { display: none; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck { display: block; } .rd-navbar-static.rd-navbar--is-stuck, .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone { position: fixed; left: 0; top: 0; right: 0; z-index: 999; background: #fff; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-megamenu, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-megamenu, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-megamenu { margin-top: 18px; } .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu { position: absolute; transform: translateY(30px); text-align: left; visibility: hidden; opacity: 0; } .rd-navbar-static .rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar--has-dropdown { position: relative; } .rd-navbar-fixed .rd-navbar-collapse-toggle, .rd-navbar-sidebar .rd-navbar-collapse-toggle { display: inline-block; z-index: 9999; } .rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-dropdown { display: block; } .rd-navbar-fixed .rd-navbar-collapse-items, .rd-navbar-sidebar .rd-navbar-collapse-items { position: absolute; width: 260px; padding: 25px 15px; box-shadow: none; color: #00030a; background: #fff; font-size: 16px; line-height: 34px; } .rd-navbar-fixed .rd-navbar-collapse-items li > *, .rd-navbar-sidebar .rd-navbar-collapse-items li > * { vertical-align: middle; } .rd-navbar-fixed .rd-navbar-collapse-items li + li, .rd-navbar-sidebar .rd-navbar-collapse-items li + li { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-collapse-items .icon, .rd-navbar-fixed .rd-navbar-collapse-items a, .rd-navbar-sidebar .rd-navbar-collapse-items .icon, .rd-navbar-sidebar .rd-navbar-collapse-items a { display: inline-block; font-size: 16px; line-height: 30px; } .rd-navbar-fixed .rd-navbar-collapse-items .icon, .rd-navbar-fixed .rd-navbar-collapse-items a[class*="fa"]:before, .rd-navbar-sidebar .rd-navbar-collapse-items .icon, .rd-navbar-sidebar .rd-navbar-collapse-items a[class*="fa"]:before { display: inline-block; width: 30px; height: 30px; padding-right: 5px; } .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar { width: 270px; left: 0; top: 0; font-size: 16px; line-height: 34px; color: #00030a; background: #fff; z-index: 998; } /* +* Static Layout +*/ .rd-navbar-static { display: block; } .rd-navbar-static .rd-navbar-nav > li { display: inline-block; } .rd-navbar-static .rd-navbar-nav > li + li { margin-left: 10px; } .rd-navbar-static.rd-navbar--is-clone { display: block; transform: translateY(-105%); transition: .33s all ease; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0); } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-inner, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner { padding: 13px 30px; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-wrap, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav-wrap { margin-top: 0; } /* +* Fixed Layout +*/ .rd-navbar-fixed { display: block; } .rd-navbar-fixed .rd-navbar-brand { position: fixed; top: 17px; left: 64px; z-index: 17; display: block; overflow: hidden; text-align: left; white-space: nowrap; text-overflow: ellipsis; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .rd-navbar-fixed .rd-navbar-brand .brand-slogan { display: none; } .rd-navbar-fixed .rd-navbar-panel { display: -ms-flexbox; display: -webkit-flex; display: flex; position: fixed; left: 0; top: 0; right: 0; padding: 4px; height: 56px; color: #9f9f9f; z-index: 999; } .rd-navbar-fixed .rd-navbar-panel:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; box-shadow: none; border-bottom: 1px solid #e5e7e9; background: #fff; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; top: -56px; left: 0; bottom: -56px; z-index: 998; width: 270px; padding: 112px 0 56px; color: #fff; background: #fff; border-right: 1px solid #e5e7e9; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; transform: translateX(-105%); } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb { background: white; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track { background: #fff; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav-inner { position: relative; z-index: 100000; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; padding: 10px 0 20px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .rd-navbar-fixed .rd-navbar-nav-inner > * { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .rd-navbar-fixed .rd-navbar-nav { display: block; font-size: 16px; line-height: 26px; text-align: left; } .rd-navbar-fixed .rd-navbar-nav li > a { display: block; font-size: 16px; padding: 14px 56px 14px 16px; color: #535457; } .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.active > a:hover, .rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a:hover { color: #fff; background: #b49465; } .rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle::after, .rd-navbar-fixed .rd-navbar-nav li.focus > .rd-navbar-submenu-toggle::after, .rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle::after, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle::after { color: #fff; } .rd-navbar-fixed .rd-navbar-nav > li + li { margin-top: 4px; } .rd-navbar-fixed .rd-navbar-nav .label-custom { position: relative; top: -1px; display: inline-block; margin: 0 0 0 8px; font-size: 60%; padding: 6.45px .5em 5px; vertical-align: middle; } .rd-navbar-fixed .rd-navbar-dropdown > li > a, .rd-navbar-fixed .rd-navbar-list > li > a { font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.2; } .rd-navbar-fixed .rd-navbar-megamenu .rd-megamenu-header { padding: 0 15px; } .rd-navbar-fixed .rd-navbar-megamenu > li { padding-top: 15px; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-megamenu-header { margin-top: 15px; } .rd-navbar-fixed .rd-navbar-megamenu * + .rd-navbar-list { margin-top: 10px; } .rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu { display: none; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu li > a { font-size: 14px; padding-left: 30px; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 48px; } .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } .rd-navbar-fixed .rd-navbar-search, .rd-navbar-fixed .rd-navbar-btn-wrap { display: block; padding: 16px 5px; } .rd-navbar-fixed .rd-navbar-btn-wrap { padding: 16px 10px; } .rd-navbar-fixed .rd-navbar-btn-wrap .button { width: 100%; } .rd-navbar-fixed .rd-navbar-nav li .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li .rd-navbar-megamenu { transition: opacity 0.3s, height 0.4s ease; opacity: 0; height: 0; overflow: hidden; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-megamenu { padding: 3px 0; opacity: 1; height: auto; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle { color: #fff; } .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle::after { transform: rotate(180deg); margin-top: -24px; } .rd-navbar-fixed .rd-navbar-submenu-toggle::after { content: '\f107'; position: absolute; top: 24px; right: 0; margin-top: -22px; width: 65px; height: 44px; font: 400 15px "FontAwesome"; line-height: 42px; text-align: center; transition: 0.4s all ease; z-index: 2; cursor: pointer; color: #000; will-change: transform; } .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-search-toggle { position: fixed; top: 4px; height: 48px; z-index: 1000; background-color: transparent; border: none; } .rd-navbar-fixed .rd-navbar-collapse:focus, .rd-navbar-fixed .rd-navbar-search-toggle:focus { outline: none; } .rd-navbar-fixed .rd-navbar-aside { top: 0; right: 0; width: 100%; } .rd-navbar-fixed .rd-navbar-aside, .rd-navbar-fixed .rd-navbar-aside .rd-navbar-aside-toggle { position: fixed; z-index: 1000; display: block; height: 48px; } .rd-navbar-fixed .rd-navbar-aside.active .rd-navbar-aside-content { visibility: visible; opacity: 1; } .rd-navbar-fixed .rd-navbar-aside-toggle { top: 4px; right: 4px; width: 48px; display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #000; } .rd-navbar-fixed .rd-navbar-aside-toggle span { top: 50%; margin-top: -3px; } .rd-navbar-fixed .rd-navbar-aside-toggle span, .rd-navbar-fixed .rd-navbar-aside-toggle span:before, .rd-navbar-fixed .rd-navbar-aside-toggle span:after { position: absolute; width: 6px; height: 6px; line-height: 6px; text-align: center; background: #000; left: 50%; margin-left: -3px; border-radius: 50%; transition: .3s all ease; } .rd-navbar-fixed .rd-navbar-aside-toggle span:before, .rd-navbar-fixed .rd-navbar-aside-toggle span:after { content: ''; } .rd-navbar-fixed .rd-navbar-aside-toggle span:before { bottom: 100%; margin-bottom: 3px; } .rd-navbar-fixed .rd-navbar-aside-toggle span:after { top: 100%; margin-top: 3px; } .rd-navbar-fixed .rd-navbar-aside-toggle.active span { transform: scale(0.7); } .rd-navbar-fixed .rd-navbar-aside-toggle.active span:before { transform: translateY(18px); } .rd-navbar-fixed .rd-navbar-aside-toggle.active span:after { transform: translateY(-18px); } .rd-navbar-fixed .rd-navbar-aside-content { position: absolute; top: calc(100% + 7px); right: 0; width: calc(100% + 2px); padding: 20px 35px; margin: 0 -1px; pointer-events: auto; opacity: 0; visibility: hidden; transition: .23s all ease-out; } @media (min-width: 768px) { .rd-navbar-fixed .rd-navbar-aside-content { width: auto; } } .rd-navbar-fixed.rd-navbar--is-clone { display: none; } .rd-navbar-fixed .rd-navbar-fixed--visible { display: block; } .rd-navbar-fixed .rd-navbar-fixed--hidden { display: none; } html.rd-navbar-fixed-linked .page { padding-top: 56px; } .rd-navbar-default .rd-navbar-nav > li > a { font: 400 16px "Lato", Helvetica, Arial, sans-serif; letter-spacing: .025em; } .rd-navbar-default .rd-navbar-search .form-control, .rd-navbar-default .rd-navbar-search .form-label { font-size: 16px; line-height: 1.3; color: #9b9b9b; } .rd-navbar-default .rd-navbar-search .form-label { top: 18px; left: 22px; } .rd-navbar-default .rd-navbar-search .form-control { padding: 7px 22px 10px; height: auto; min-height: 20px; border: 1px solid #e5e7e9; border-radius: 3px; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-default .rd-navbar-search .rd-search-submit { text-align: center; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:before, .rd-navbar-default .rd-navbar-search .rd-search-submit:before { content: "\e09c"; font-family: 'fl-bigmug-line'; position: static; display: inline-block; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:before, .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:after { font-size: 20px; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:before { font-family: 'fl-bigmug-line'; color: #000; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:after { font-family: 'Material Icons'; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:hover:before { color: #cca876; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:before, .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:after { width: 36px; height: 36px; text-align: center; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:before, .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:after { display: block; position: absolute; left: 0; top: 0; } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:before { content: ""; transform: scale(1) rotate(0deg); } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle:after { content: ""; opacity: 0; transform: scale(0) rotate(-90deg); } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle.active:before { opacity: 0; transform: scale(0) rotate(90deg); } .rd-navbar-default .rd-navbar-search .rd-navbar-search-toggle.active:after { opacity: 1; transform: scale(1) rotate(0deg); } .rd-navbar-default .rd-navbar-aside { width: 100%; font-size: 14px; line-height: 1.71429; } .rd-navbar-default .btn { font-size: 16px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search { padding: 0; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search { opacity: 0; visibility: hidden; position: fixed; width: 100%; padding: 8px 10px; transform: translateY(-80%); box-shadow: -1px 2px 5px 0px rgba(68, 73, 83, 0.12); background: #fff; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search.active .rd-search { opacity: 1; visibility: visible; transform: translateY(0); } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .form-control { padding: 7px 46px 10px 22px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search-submit { font-size: 20px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:active, .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:focus, .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search-submit, .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search-submit:active, .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search-submit:focus { color: #000; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle:hover, .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search-submit:hover { color: #cca876; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-navbar-search-toggle { position: fixed; right: 56px; top: 10px; z-index: 1000; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search-submit { right: 10px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-aside-content { border: 1px solid #e5e7e9; background: #fff; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-aside .list-units > li + li { margin-top: 10px; } .rd-navbar-default.rd-navbar-fixed .rd-navbar-aside * + .rd-navbar-aside-group { margin-top: 14px; } @media (min-width: 576px) { .rd-navbar-default.rd-navbar-fixed .rd-navbar-aside-content { width: auto; } } .rd-navbar-default.rd-navbar-fixed .rd-navbar-btn-wrap { padding: 16px 5px; } .rd-navbar-default.rd-navbar-static .rd-navbar-group { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rd-navbar-default.rd-navbar-static .rd-navbar-inner { padding: 0; font-size: 0; line-height: 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-panel { min-width: 100px; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside { position: relative; z-index: 100; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside-wrap, .rd-navbar-default.rd-navbar-static .rd-navbar-aside .rd-navbar-aside-content, .rd-navbar-default.rd-navbar-static .rd-navbar-aside .rd-navbar-aside-group { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside-wrap { position: relative; z-index: 1001; padding: 6px 20px 6px 10px; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside-wrap:after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); border-bottom: 1px solid #e5e7e9; width: 101vw; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside-wrap > * + * { margin-left: 6px; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside .rd-navbar-aside-content { margin-bottom: -5px; transform: translateY(-5px); -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside .rd-navbar-aside-group { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside .rd-navbar-aside-group:first-child { margin-top: 7px; -webkit-flex-grow: 8; -ms-flex-positive: 8; flex-grow: 8; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-right: 20px; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside .rd-navbar-aside-group:last-child { margin-top: 5px; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside .list-units li { display: inline-block; margin-top: 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-aside .list-units li:not(:last-child) { margin-right: 30px; } .rd-navbar-default.rd-navbar-static .rd-navbar-group { padding: 33px 15px; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav-inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav { margin-right: 40px; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a { font-size: 15px; padding: 7px 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.rd-navbar-submenu { margin-right: -24px; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle { position: relative; top: 2px; display: inline-block; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li + li { margin-left: 37px; } @media (min-width: 1200px) { .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a { font-size: 16px; } .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li + li { margin-left: 48px; } } .rd-navbar-default.rd-navbar-static .rd-navbar-search { position: relative; z-index: 1500; } .rd-navbar-default.rd-navbar-static .rd-navbar-search .form-group { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .rd-navbar-default.rd-navbar-static .rd-navbar-search .form-control, .rd-navbar-default.rd-navbar-static .rd-navbar-search .form-label { color: #fff; font-size: 30px; font-weight: 700; } .rd-navbar-default.rd-navbar-static .rd-navbar-search .form-label { top: 24px; left: 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-search .form-control { padding: 10px 50px 9px 0; background-color: transparent; border: 0; } .rd-navbar-default.rd-navbar-static .rd-navbar-search .btn { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } .rd-navbar-default.rd-navbar-static .rd-search { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1000; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.96); } .rd-navbar-default.rd-navbar-static .rd-search-inner { width: 540px; margin-top: 75px; margin-left: auto; margin-right: auto; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #fff; } .rd-navbar-default.rd-navbar-static .rd-search-inner .form-wrap { flex-grow: 1; } .rd-navbar-default.rd-navbar-static .rd-search-submit { position: relative; left: 0; top: 0; width: 39px; height: 39px; font-size: 25px; line-height: 39px; transform: none; } .rd-navbar-default.rd-navbar-static .rd-search-submit, .rd-navbar-default.rd-navbar-static .rd-search-submit:active, .rd-navbar-default.rd-navbar-static .rd-search-submit:focus { color: #fff; } .rd-navbar-default.rd-navbar-static .rd-search-submit:hover { color: #ababab; } .rd-navbar-default.rd-navbar-static .rd-search-results-live { position: relative; display: block; top: auto; right: auto; bottom: auto; left: auto; margin-top: 60px; margin-left: auto; margin-right: auto; width: 800px; font-size: 20px; background-color: transparent; opacity: 1; visibility: visible; } .rd-navbar-default.rd-navbar-static .rd-search-results-live > * { display: block; padding: 0; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .active .search_list li { top: 0; opacity: 1; visibility: visible; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search-quick-result { display: none; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list { margin: 0; background-color: transparent; text-align: left; vertical-align: top; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li { position: relative; top: 30px; display: inline-block; vertical-align: top; width: 48%; padding: 0 15px; text-align: left; transition: .5s all ease-in-out; opacity: 0; visibility: hidden; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list .search_all { top: 0; margin-top: 40px; display: inline-block; width: 100%; text-align: right; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(0) { transition-delay: 0s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(1) { transition-delay: 0.15s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(2) { transition-delay: 0.3s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(3) { transition-delay: 0.45s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(4) { transition-delay: 0.6s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(5) { transition-delay: 0.75s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(6) { transition-delay: 0.9s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(7) { transition-delay: 1.05s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(8) { transition-delay: 1.2s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(9) { transition-delay: 1.35s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li:nth-child(10) { transition-delay: 1.5s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(0) { transition-delay: 0s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(1) { transition-delay: 0.2s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(2) { transition-delay: 0.4s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(3) { transition-delay: 0.6s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(4) { transition-delay: 0.8s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(5) { transition-delay: 1s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(6) { transition-delay: 1.2s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(7) { transition-delay: 1.4s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(8) { transition-delay: 1.6s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(9) { transition-delay: 1.8s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_list li.search_all:nth-child(10) { transition-delay: 2s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .result-item:only-child { top: 0; width: 100%; text-align: center; transition-delay: 0s; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .result-item { margin-top: 0; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .result-item:nth-child(n + 3) { margin-top: 50px; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_title { font: 700 30px/26px "PT Serif", "Times New Roman", Times, serif; font-style: italic; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_title a, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_title a:active, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_title a:focus { color: #fff; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_title a:hover { color: #ababab; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_title + p { margin-top: 16px; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_error { line-height: 1.35; text-align: center; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit { display: inline-block; font-size: 16px; padding: 10px 35px; border: 2px solid; text-transform: none; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit:active, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit.active, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit:active:focus, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit.active:focus, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit:focus:active, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit:focus { color: #fff; background-color: transparent; border-color: #fff; } .open > .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit.dropdown-toggle, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit:hover { color: #414141; background-color: #fff; border-color: #fff; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit.disabled, .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit[disabled], fieldset[disabled] .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit { pointer-events: none; opacity: .5; } .rd-navbar-default.rd-navbar-static .rd-search-results-live .search_submit .badge { color: transparent; background-color: #fff; } @media (min-width: 1600px) and (min-height: 767px) { .rd-navbar-default.rd-navbar-static .rd-search .rd-search-inner { margin-top: 10%; } } @media (max-height: 767px) { .rd-navbar-default.rd-navbar-static .rd-search .rd-search-results-live .result-item:nth-child(5), .rd-navbar-default.rd-navbar-static .rd-search .rd-search-results-live .result-item:nth-child(6) { display: none; } .rd-navbar-default.rd-navbar-static .rd-search .rd-search-results-live .search_list > li.search_all { transition-delay: 0.8s; } } .rd-navbar-default.rd-navbar-static .rd-navbar-search.active .rd-search { display: block; z-index: 10000; margin: 0; opacity: 1; visibility: visible; } .rd-navbar-default.rd-navbar-static .rd-navbar-search.active .rd-navbar-search-toggle { z-index: 10002; } .rd-navbar-default.rd-navbar-static .rd-navbar-search.active .rd-navbar-search-toggle:after { color: #fff; } .rd-navbar-default.rd-navbar-static .rd-navbar-search.active .rd-navbar-search-toggle:hover:after { color: #ababab; } .rd-navbar-default.rd-navbar-static .rd-navbar-toggle .rd-navbar-nav > li .rd-navbar-toggle { display: none; } .rd-navbar-default.rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-wrap, .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-wrap { position: absolute; top: -60px; } .rd-navbar-default.rd-navbar-static.rd-navbar--is-clone .rd-navbar-group, .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-group { padding-top: 14px; padding-bottom: 14px; } .rd-navbar-default.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-default.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown { margin-top: 18px; } /* +* @subsection Page boxed layout style redeclaration +* +* @description Redefines navbar style inside boxed layout +* +* @see ../modules/_page-layouts.scss +*/ html.boxed.rd-navbar--has-sidebar body { padding-left: 300px; padding-right: 30px; } html.boxed .rd-navbar--is-clone { max-width: 1920px; margin-left: auto; margin-right: auto; } /* +* +* Material Parallax +*/ .parallax-container { position: relative; overflow: hidden; } .material-parallax { position: absolute; top: 0; left: -1px; right: -1px; bottom: 0; } .ipad .material-parallax, .iphone .material-parallax { background-attachment: scroll !important; } .material-parallax img { display: none; position: absolute; left: 50%; bottom: 0; min-width: 101%; min-height: 101%; transform: translate3d(-50%, 0, 0); } .parallax-content { position: relative; z-index: 1; } .google-map-markers { display: none; } .google-map-container { width: 100%; } .google-map { color: #333; height: 250px; } .google-map img { max-width: none !important; } @media (min-width: 576px) { .google-map { height: 250px; } } @media (min-width: 768px) { .google-map { height: 400px; } } @media (min-width: 1200px) { .google-map { height: 450px; } } @media (min-width: 1600px) { .google-map { height: 532px; } } /** + * @subsection Swiper 3.1.7 + * @description Most modern mobile touch slider and framework with + * hardware accelerated transitions + * @author Vladimir Kharlampidi + * @see http://www.idangero.us/swiper/ + * @licesne MIT License + */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; height: auto; min-height: 36.25vw; } .swiper-container .swiper-wrapper { height: auto; min-height: inherit; } @media (min-width: 1600px) { .swiper-container { min-height: 696px; } } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-wrapper { position: relative; width: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; min-height: inherit; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-nav { position: absolute; top: 50%; right: 0; left: 0; z-index: 10; pointer-events: none; transform: translateY(-50%); } /* Arrows */ .swiper-button-prev, .swiper-button-next { z-index: 10; width: 45px; height: 45px; line-height: 45px; font: 400 20px/45px 'fl-flat-icons-set-2'; text-align: center; cursor: pointer; pointer-events: auto; color: #fff; background: rgba(50, 57, 63, 0.45); } .swiper-button-prev:hover, .swiper-button-next:hover { color: #fff; background: rgba(50, 57, 63, 0.72); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0; cursor: auto; pointer-events: none; } .swiper-button-prev:before { content: '\e015'; } .swiper-button-next:before { content: '\e015'; } /* Pagination Styles */ .swiper-pagination-wrap { position: absolute; bottom: 20px; left: 50%; width: 100%; transform: translate3d(-50%, 0, 0); z-index: 10; } @media (min-width: 992px) { .swiper-pagination-wrap { bottom: 35px; } } @media (min-width: 1200px) { .swiper-pagination-wrap { bottom: 55px; } } .swiper-pagination { display: block; width: 100%; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } @media (min-width: 768px) { .swiper-pagination { text-align: left; } } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-bullet { display: inline-block; width: 6px; height: 6px; border-radius: 20px; background: #cdcdcd; pointer-events: none; transition: all .2s ease-out; } .swiper-pagination-bullet + * { margin-left: 10px; } @media (min-width: 768px) { .swiper-pagination-bullet { width: 12px; height: 12px; pointer-events: auto; } .swiper-pagination-bullet + * { margin-left: 20px; } } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet:hover, .swiper-pagination-bullet-active { background: #cca876; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination { bottom: 20px; left: 0; width: 100%; } .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { margin: 0 5px; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Cube */ .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; width: 100%; height: 100%; z-index: 1; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Scrollbar */ .swiper-scrollbar { position: relative; -ms-touch-action: none; } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; top: 0; left: 0; z-index: 50; height: 5px; width: 100%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #cca876; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-slide > .vide__body, .swiper-slide > .parallax_cnt { height: 100%; } .swiper-slide { position: relative; text-align: center; white-space: nowrap; background-position: center center; overflow: hidden; } .swiper-slide:not(.vide):not(.rd-parallax):before, .swiper-slide .parallax_cnt:before, .swiper-slide .vide__body:before { content: ''; display: inline-block; height: 50%; } .swiper-slide-caption { display: inline-block; width: 100%; max-height: 100%; margin-left: -.25em; vertical-align: middle; white-space: normal; z-index: 1; } .swiper-slide-caption * + .button-block { margin-top: 40px; } .swiper-variant-1 { min-height: calc(100vh - 56px); } .swiper-variant-1 .slider-header { margin-top: 20px; font-size: 26px; font-style: normal; } .swiper-variant-1 .swiper-slide { position: relative; } .swiper-variant-1 .swiper-slide:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: #000; opacity: .5; } .swiper-variant-1 .swiper-slide > * { position: relative; z-index: 10; } .swiper-variant-1 .swiper-slide-caption { padding: 40px 0 40px; } .swiper-variant-1 .swiper-button-prev, .swiper-variant-1 .swiper-button-next { display: none; } .swiper-variant-1 .slider-text { display: none; } .swiper-variant-1 .btn { padding: 9px 29px; } @media (min-width: 768px) { .swiper-variant-1, .swiper-variant-1 .swiper-wrapper { min-height: 33.90625vw; } .swiper-variant-1 .swiper-slide-caption { padding: 60px 0 115px; } .swiper-variant-1 .slider-header { margin-top: 10px; font-size: 36px; } .swiper-variant-1 .slider-text { display: block; } } @media (min-width: 992px) { .swiper-variant-1 .swiper-slide { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .swiper-variant-1 .swiper-slide:after { opacity: .2; } .swiper-variant-1 .slider-header { font-size: 42px; } .swiper-variant-1 .swiper-slide-caption { padding: 120px 0 145px; } .swiper-variant-1 .swiper-button-prev, .swiper-variant-1 .swiper-button-next { position: absolute; top: 50%; transform: translateY(-59%); z-index: 10; display: block; transition: .3s all ease; } .swiper-variant-1 .swiper-button-prev { left: 3.1%; transform: scale(-1, 1); } .swiper-variant-1 .swiper-button-next { right: 3.1%; } } @media (min-width: 1200px) { .swiper-variant-1 .slider-header { font-size: 50px; } .swiper-variant-1 .swiper-slide:after { display: none; } } @media (min-width: 1600px) { .swiper-variant-1 .swiper-button-prev { left: calc(50vw - 1170px / 2 - 290px + (1170px / 12) * 0); } .swiper-variant-1 .swiper-button-next { right: calc(50vw - 1170px / 2 - 290px + (1170px / 12) * 0); } } @media (min-width: 1600px) { .swiper-variant-1, .swiper-variant-1 .swiper-wrapper { height: auto; min-height: 651px; } } /* +* @subsection ToTop +* @license MIT license - http://opensource.org/licenses/MIT +* @version 1.0.0 +*/ .ui-to-top { width: 40px; height: 40px; font-size: 18px; line-height: 38px; border-radius: 50%; position: fixed; right: 15px; bottom: 15px; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; transition: .3s all ease; box-shadow: 0 0 1px 0px rgba(159, 159, 159, 0.3); transform: translateY(100px); } .ui-to-top, .ui-to-top:active, .ui-to-top:focus { color: #fff; background: #3d414e; } .ui-to-top:hover { color: #fff; background: #cca876; box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.4); } .ui-to-top:focus { outline: 0; } .ui-to-top.active { transform: translateY(0); } .mobile .ui-to-top, .tablet .ui-to-top { display: none !important; } @media (min-width: 576px) { .ui-to-top { right: 40px; bottom: 40px; } } /* +* @subsection Progress Bar +*/ .progress-bar-wrap { max-width: 100%; width: 210px; } @media (min-width: 576px) and (max-width: 767px) { .progress-bar-wrap { max-width: 120px; } } @media (min-width: 768px) { .progress-bar-wrap { max-width: 150px; } } .progress-bar-horizontal { position: relative; text-align: right; font-size: 14px; font-weight: 400; letter-spacing: -.025em; } .progress-bar-horizontal > svg { margin-top: 3px; border-radius: 3px; } .progress-bar-horizontal .progress-bar__body { position: absolute; top: -27px; margin-top: 0; padding-right: 0; } .progress-bar-horizontal .progress-bar__body:after { content: '%'; } .progress-bar-sisal .progress-bar__stroke { stroke: #d4cabb; } .progress-bar-sisal .progress-bar__trail { stroke: #eee; } .progress-bar-fuscous-gray .progress-bar__stroke { stroke: #4c4943; } .progress-bar-fuscous-gray .progress-bar__trail { stroke: #eee; } .progress-bar-leather .progress-bar__stroke { stroke: #997e58; } .progress-bar-leather .progress-bar__trail { stroke: #eee; } .progress-bar-laser .progress-bar__stroke { stroke: #cca876; } .progress-bar-laser .progress-bar__trail { stroke: #eee; } .select2 { width: 100% !important; } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 50px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 20px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 20px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: #fff; box-shadow: -1px 2px 5px 0px rgba(68, 73, 83, 0.12); box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 2px 10px; font-size: 14px; transition: .3s; user-select: none; -webkit-user-select: none; } .select2-results__option:first-child { display: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { width: 100%; padding: 4px; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--bootstrap { display: block; } .select2-container--bootstrap .select2-selection { background-color: #fff; border: 1px solid #fff; border-radius: 0; color: #9f9f9f; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; outline: 0; } .select2-container--bootstrap .select2-search--dropdown .select2-search__field { background-color: #fff; border: 1px solid #fff; border-radius: 0; color: #9f9f9f; font-family: "Lato", Helvetica, Arial, sans-serif; font-size: 14px; } .select2-container--bootstrap .select2-search__field { outline: 0; font-size: 14px; } .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder { color: #9f9f9f; } .select2-container--bootstrap .select2-search__field:-moz-placeholder { color: #9f9f9f; } .select2-container--bootstrap .select2-search__field::-moz-placeholder { color: #9f9f9f; opacity: 1; } .select2-container--bootstrap .select2-search__field:-ms-input-placeholder { color: #9f9f9f; } .select2-container--bootstrap .select2-results__option[role=group] { padding: 0; } .select2-container--bootstrap .select2-results__option[aria-disabled=true] { color: #868e96; cursor: not-allowed; } .select2-container--bootstrap .select2-results__option[aria-selected=true] { background-color: #f8f9fa; color: #16181b; } .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] { background-color: #cca876; color: #fff; } .select2-container--bootstrap .select2-results__option .select2-results__option { padding: 10px 20px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option { margin-left: -40px; padding-left: 80px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -80px; padding-left: 120px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -120px; padding-left: 160px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -160px; padding-left: 200px; } .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -200px; padding-left: 240px; } .select2-container--bootstrap .select2-results__group { color: #868e96; display: block; padding: 9px 40px; font-weight: 700; font-size: 16px; line-height: 1.875; white-space: nowrap; } .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection { transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b { border-color: transparent transparent #cca876 transparent; border-width: 0 5px 5px 5px; } .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--bootstrap .select2-selection__clear { color: #2a2b2b; cursor: pointer; float: right; font-weight: 400; margin-right: 10px; } .select2-container--bootstrap .select2-selection__clear:hover { color: #cca876; } .select2-container--bootstrap.select2-container--disabled .select2-selection { border-color: #d9d9d9; box-shadow: none; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-search__field { cursor: not-allowed; } .select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #f9f9f9; } .select2-container--bootstrap.select2-container--disabled .select2-selection__clear, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove { display: none; } .select2-container--bootstrap .select2-dropdown { overflow-x: hidden; } .select2-container--bootstrap .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--bootstrap .select2-selection--single { text-align: left; height: 52px; line-height: 52px; padding: 0 15px; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { position: absolute; bottom: 0; right: 25px; top: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b:before { position: absolute; top: 50%; font-weight: 400; margin-top: -10px; right: 0; height: 22px; line-height: 22px; content: '\f107'; font-family: 'FontAwesome'; font-size: 22px; color: #cca876; } .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #9f9f9f; padding: 0; } .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder { color: #9f9f9f; } .select2-container--bootstrap .select2-selection--multiple { min-height: 52px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; display: block; line-height: 24; list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder { color: #9f9f9f; float: left; margin-top: 5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { color: #9f9f9f; background: #000; border: 0; border-radius: 3px; cursor: default; float: left; margin: 0; padding: 0 9px; } .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { background: transparent; padding: 0 40px; height: 50px; line-height: 24; margin-top: 0; min-width: 5em; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove { color: #2a2b2b; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 4.5px; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover { color: #cca876; } .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 9px; } .select2-container--bootstrap.input-sm, .select2-container--bootstrap.input-lg { border-radius: 0; font-size: 12px; height: auto; line-height: 1; padding: 0; } .select2-container--bootstrap.input-sm .select2-selection--single, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single { border-radius: 3px; font-size: 12px; height: 44px; line-height: 1.5; padding: 12px 37px 12px 25px; } .select2-container--bootstrap.input-sm .select2-selection--single .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { margin-left: -12px; } .select2-container--bootstrap.input-sm .select2-selection--multiple, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple { min-height: 44px; } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 12px; line-height: 1.5; margin: 11px 0 0 12.5px; padding: 0 12px; } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 25px; font-size: 12px; height: 42px; line-height: 1.5; } .select2-container--bootstrap.input-sm .select2-selection--multiple .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 12px; } .select2-container--bootstrap.input-lg .select2-selection--single, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single { border-radius: 6px; font-size: 18px; height: 56px; line-height: 1.4444; padding: 14px 45px 14px 30px; } .select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow { width: 5px; } .select2-container--bootstrap.input-lg .select2-selection--single .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b { border-width: 5px 5px 0 5px; margin-left: -5px; margin-left: -14px; margin-top: -2.5px; } .select2-container--bootstrap.input-lg .select2-selection--multiple, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple { min-height: 56px; } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice { font-size: 18px; line-height: 1.4444; border-radius: 0; margin: 13px 0 0 15px; padding: 0 14px; } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field { padding: 0 30px; font-size: 18px; height: 54px; line-height: 1.4444; } .select2-container--bootstrap.input-lg .select2-selection--multiple .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear { margin-top: 14px; } .select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single { /** + * Make the dropdown arrow point up while the dropdown is visible. + */ } .select2-container--bootstrap.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #2a2b2b transparent; border-width: 0 5px 5px 5px; } .input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single { /** + * Make the dropdown arrow point up while the dropdown is visible. + */ } .input-group-lg .select2-container--bootstrap.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #2a2b2b transparent; border-width: 0 5px 5px 5px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single { padding-left: 52px; padding-right: 40px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 0; padding-left: 0; text-align: right; /* 1 */ } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 40px; right: auto; } .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b { margin-left: 0; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 0; margin-right: 20px; } .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .has-warning .select2-dropdown, .has-warning .select2-selection { border-color: #c49558; } .has-warning .select2-container--focus .select2-selection, .has-warning .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dfc5a3; border-color: #ac7c3d; } .has-warning.select2-drop-active { border-color: #ac7c3d; } .has-warning.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #ac7c3d; } .has-error .select2-dropdown, .has-error .select2-selection { border-color: #fe4a21; } .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fe9d87; border-color: #eb2c01; } .has-error.select2-drop-active { border-color: #eb2c01; } .has-error.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #eb2c01; } .has-success .select2-dropdown, .has-success .select2-selection { border-color: #58c476; } .has-success .select2-container--focus .select2-selection, .has-success .select2-container--open .select2-selection { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3dfb4; border-color: #3dac5c; } .has-success.select2-drop-active { border-color: #3dac5c; } .has-success.select2-drop-active.select2-drop.select2-drop-above { border-top-color: #3dac5c; } .input-group .select2-container--bootstrap { display: table; table-layout: fixed; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection { border-top-right-radius: 0; border-bottom-right-radius: 0; } .select2-bootstrap-append .select2-container--bootstrap, .select2-bootstrap-append .input-group-btn, .select2-bootstrap-append .input-group-btn .btn, .select2-bootstrap-prepend .select2-container--bootstrap, .select2-bootstrap-prepend .input-group-btn, .select2-bootstrap-prepend .input-group-btn .btn { vertical-align: top; } .form-control.select2-hidden-accessible { position: absolute !important; width: 1px !important; } .form-inline .select2-container--bootstrap { display: inline-block; } .select2-container--modern { display: inline-block; width: auto !important; font: 700 14px/24px "Lato", Helvetica, Arial, sans-serif; color: #000; } .select2-container--modern .select2-selection__arrow { position: absolute; top: 0; bottom: 0; right: 6px; } .select2-container--modern .select2-selection__arrow b { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; color: #000; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .select2-container--modern .select2-selection__arrow b:before { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; } .select2-container--modern .select2-selection { background: transparent; border: 0; border-bottom: 2px solid #000; } .select2-container--modern .select2-selection__rendered { color: #000; } .select2-container--modern .select2-selection--single { height: 34px; min-width: 41px; line-height: 34px; padding: 0 20px 0 5px; } .select2-container--modern .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; } .select2-container--modern .select2-dropdown { background-color: #fff; border: 0; border-radius: 0; box-shadow: -1px 2px 5px 0px rgba(68, 73, 83, 0.12); } .select2-container--modern .select2-results__option { font-size: 13px; } .select2-container--modern .select2-results__option.select2-results__option--highlighted, .select2-container--modern .select2-results__option:hover { background: #f2f2f2; } .select2.select2-container .form-label { display: none; } \ No newline at end of file -- cgit v1.2.3