One Hat Cyber Team
Your IP :
172.71.120.56
Server IP :
188.114.97.7
Server :
Linux advantage-project 5.14.0-503.26.1.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 19 16:28:19 UTC 2025 x86_64
Server Software :
Apache/2.4.62 (Rocky Linux) OpenSSL/3.2.2
PHP Version :
8.3.17
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
var
/
www
/
html
/
theme
/
documentation
/
css
/
View File Name :
style.css
@charset "UTF-8"; /* * * Reset Styles * -------------------------------------------------- */ a:focus, button:focus { outline: none !important; } button::-moz-focus-inner { border: 0; } *:focus { outline: none; } blockquote { padding: 0; margin: 0; } input, button, select, textarea { outline: none; } label { margin-bottom: 0; } p { margin: 0; } ul, ol { list-style: none; padding: 0; margin: 0; } ul li, ol li { display: block; } dl { margin: 0; } dt, dd { line-height: inherit; } dt { font-weight: inherit; } cite { font-style: normal; } form { margin-bottom: 0; } blockquote { padding-left: 0; border-left: 0; } address { margin-top: 0; margin-bottom: 0; } html p a:hover { text-decoration: none; } .modal { z-index: 1080; } .modal * + form { margin-top: 15px; } .modal-backdrop { z-index: 1079; } /* * * Typography * ================================================== */ body { font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.35; font-weight: 400; color: #666; background-color: #fff; -webkit-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; } @media (min-width: 1600px) { body { line-height: 1.5; } } p * { display: inline; } p a { color: #F2B449; } p [data-toggle='tooltip'] { padding-left: .25em; padding-right: .25em; color: #F2B449; } a { color: #F2B449; text-decoration: none; transition: .25s; } a:hover, a:focus { color: #df9310; text-decoration: none; outline: none; } a[href*='callto'], a[href*='mailto'] { white-space: nowrap; } .link-hover { color: #df9310; } .link-press { color: #df9310; } h1, h2, h3, h4, h5, h6, [class^='heading-'] { margin-top: 0; margin-bottom: 0; color: #1F2532; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, [class^='heading-'] a { color: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, [class^='heading-'] a:hover { color: #F2B449; } h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, [class^='heading-'] span { display: inline-block; } h1 span[data-toggle='modal'], h2 span[data-toggle='modal'], h3 span[data-toggle='modal'], h4 span[data-toggle='modal'], h5 span[data-toggle='modal'], h6 span[data-toggle='modal'], [class^='heading-'] span[data-toggle='modal'] { border-bottom: 2px dashed rgba(242, 180, 73, 0.3); cursor: pointer; } h1 > span.icon, h2 > span.icon, h3 > span.icon, h4 > span.icon, h5 > span.icon, h6 > span.icon, [class^='heading-'] > span.icon { display: inline-block; margin-right: 5px; } h1, .heading-1 { font-size: 30px; line-height: 1.15; letter-spacing: 0; } @media (min-width: 480px) { h1, .heading-1 { font-size: 32px; } } @media (min-width: 768px) { h1, .heading-1 { font-size: 46px; line-height: 1.25; } } @media (min-width: 992px) { h1, .heading-1 { font-size: 54px; } } @media (min-width: 1200px) { h1, .heading-1 { font-size: 58px; } } @media (min-width: 1600px) { h1, .heading-1 { font-size: 68px; line-height: 1.17647; } } h2, .heading-2 { font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 300; font-size: 28px; line-height: 1.4; letter-spacing: 0; } @media (min-width: 480px) { h2, .heading-2 { font-size: 30px; } } @media (min-width: 768px) { h2, .heading-2 { font-size: 44px; } } @media (min-width: 1200px) { h2, .heading-2 { font-size: 48px; line-height: 1.33333; } } h3, .heading-3 { font-size: 24px; line-height: 1.3; letter-spacing: 0; } @media (min-width: 768px) { h3, .heading-3 { font-size: 30px; line-height: 1.4; } } @media (min-width: 1200px) { h3, .heading-3 { font-size: 36px; line-height: 1.33333; } } h3 .big, .heading-3 .big { font-size: 2em; line-height: 1; } h4, .heading-4 { font-size: 18px; line-height: 1.5; letter-spacing: 0; } @media (min-width: 1200px) { h4, .heading-4 { font-size: 24px; line-height: 1.33333; } } h4.h4-smaller, .heading-4.h4-smaller { font-size: 19px; } @media (min-width: 1200px) { h4.h4-smaller, .heading-4.h4-smaller { font-size: 22px; line-height: 1.45455; } } h5, .heading-5 { font-size: 16px; line-height: 1.5; letter-spacing: .01em; } @media (min-width: 768px) { h5, .heading-5 { font-size: 20px; line-height: 1.4; } } h6, .heading-6 { font-size: 18px; line-height: 1.6; } .big { font-size: 20px; } small, .small { display: block; font-size: 14px; } mark, .mark { padding: 3px 5px; color: #fff; background: #F2B449; } xmp { margin: 0; white-space: pre-line; overflow: hidden; } code { margin: 0; overflow: hidden; display: inline-block; padding: 3px 5px; border-radius: 0; color: #333; background: #f2f3f8; } @media (max-width: 767px) { code { font-size: 12px; } } pre { tab-size: 2; } .text-block > * { margin-left: .125em; margin-right: .125em; } /* * * Page * ================================================== */ .page { position: relative; overflow: hidden; min-height: 100vh !important; } .page-header { padding: 0; margin: 0; border-bottom: none; } .page-footer { padding-top: 40px; padding-bottom: 30px; } html.boxed body { background: #f6f6f1 url(../images/bg-pattern-boxed.png) repeat fixed; } html.boxed .page { max-width: 1600px; margin-left: auto; margin-right: auto; box-shadow: 0 0 23px 0 rgba(1, 1, 1, 0.1); } html.boxed .rd-navbar-static, html.boxed .rd-navbar-fullwidth { max-width: 1600px; margin-left: auto; margin-right: auto; } html.boxed .rd-navbar-static.rd-navbar--is-stuck, html.boxed .rd-navbar-fullwidth.rd-navbar--is-stuck { max-width: 1600px; width: 100%; left: calc(50% - 1600px); right: calc(50% - 1600px); } /* * * Main layout * ================================================== */ .main-section { position: relative; min-height: calc(100vh - 80px); } .main-section-inner { border: 1px solid #f2f3f8; box-shadow: 0 0 25px rgba(51, 51, 51, 0.05); padding: 30px 15px; } @media (min-width: 768px) { .main-section-inner { padding: 45px 40px; } } .main-section-item:not(:last-child) { padding-bottom: 40px; border-bottom: 1px solid #f2f3f8; } * + .main-section-item { padding-top: 40px; } /* * * Block Custom * -------------------------------------------------- */ .block-sm, .block-lg { margin-left: auto; margin-right: auto; } .block-lg { max-width: 768px; } /* * * Boxes * -------------------------------------------------- */ * + .box { margin-top: 45px; } * + .box-title { margin-top: 15px; } * + .box-content { margin-top: 15px; } /** * Box minimal */ .box-description { padding: 20px; background: #fff; border: 1px solid #ccc; border-radius: 10px; position: relative; } .box-description-label { position: absolute; right: 10px; top: 5px; background: #000; color: #fff; padding: 3px 5px; font-size: 13px; line-height: 16px; } * + .box-description { margin-top: 20px; } @media (max-width: 1039px) { .box-description { padding: 10px; } .box-description pre { font-size: 14px; } } @media (max-width: 767px) { .box-description { padding: 5px; } .box-description-label { display: none; } .box-description pre { white-space: pre-line; } } /** * Box Counter */ .box-counter { position: relative; text-align: center; color: #333; } .box-counter-title { display: inline-block; font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 16px; line-height: 1.3; letter-spacing: -.025em; } .box-counter-main { font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 45px; font-weight: 400; line-height: 1.2; } .box-counter-main > * { display: inline; font: inherit; } .box-counter-main .small { font-size: 28px; } .box-counter-main .small_top { position: relative; top: .2em; vertical-align: top; } .box-counter-divider { font-size: 0; line-height: 0; } .box-counter-divider::after { content: ''; display: inline-block; width: 80px; height: 2px; background: #F2B449; } * + .box-counter-title { margin-top: 10px; } * + .box-counter-main { margin-top: 20px; } * + .box-counter-divider { margin-top: 10px; } @media (min-width: 768px) { .box-counter-title { font-size: 18px; } } @media (min-width: 1200px) { .box-counter-main { font-size: 60px; } .box-counter-main .small { font-size: 36px; } * + .box-counter-main { margin-top: 30px; } * + .box-counter-divider { margin-top: 15px; } * + .box-counter-title { margin-top: 18px; } } .bg-primary .box-counter { color: #fff; } .bg-primary .box-counter-divider::after { background: #fff; } /* * * Buttons * -------------------------------------------------- */ .button { position: relative; overflow: hidden; display: inline-block; padding: 11px 37px; font-size: 12px; line-height: 24px; border: 2px solid; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 700; letter-spacing: .1em; white-space: nowrap; text-overflow: ellipsis; text-align: center; cursor: pointer; vertical-align: middle; user-select: none; transition: 250ms all ease-in-out; text-transform: uppercase; } .button-block { display: block; width: 100%; } html .button-default, html .button-default:focus { color: #1F2532; background-color: #f2f3f8; border-color: #f2f3f8; } html .button-default:hover, html .button-default:active { color: #fff; background-color: #F2B449; border-color: #F2B449; } html .button-default.button-ujarak::before { background: #F2B449; } html .button-primary, html .button-primary:focus { color: #fff; background-color: #F2B449; border-color: #F2B449; } html .button-primary:hover, html .button-primary:active { color: #fff; background-color: #1F2532; border-color: #1F2532; } html .button-primary.button-ujarak::before { background: #1F2532; } html .button-default-outline, html .button-default-outline:focus { color: #1F2532; background-color: transparent; border-color: #f2f3f8; } html .button-default-outline:hover, html .button-default-outline:active { color: #fff; background-color: #F2B449; border-color: #F2B449; } html .button-default-outline.button-ujarak::before { background: #F2B449; } html .button-ghost { border: 0; background-color: transparent; } html .button-ghost:hover { color: #fff; background: #F2B449; } .button-shadow { box-shadow: 0 9px 21px 0 rgba(31, 37, 50, 0.15); } .button-shadow:hover { box-shadow: 0 9px 10px 0 rgba(31, 37, 50, 0.15); } .button-shadow:focus, .button-shadow:active { box-shadow: none; } .button-xs { padding: 8px 17px; } .button-sm { padding: 5px 25px; font-size: 12px; line-height: 26px; } .button-lg { padding: 12px 50px; font-size: 14px; line-height: 28px; } @media (min-width: 992px) { .button-lg { padding-left: 56px; padding-right: 56px; } } .button-xl { padding: 16px 50px; font-size: 16px; line-height: 28px; } @media (min-width: 992px) { .button-xl { padding: 20px 80px; } } .button-circle { border-radius: 30px; } .button-round-1 { border-radius: 5px; } .button-round-2 { border-radius: 10px; } /* * * Dividers * -------------------------------------------------- */ hr { margin-top: 0; margin-bottom: 0; border-top: 1px solid #f2f3f8; } .divider { font-size: 0; line-height: 0; } .divider::after { content: ''; display: inline-block; width: 60px; height: 2px; background-color: #F2B449; } /* * * Gallery * -------------------------------------------------- */ .gallery-item { position: relative; display: inline-block; width: auto; box-shadow: 0 2px 10px 0 rgba(68, 73, 83, 0.12); } .gallery-item img { width: 100%; } .gallery-item:before { content: '\f002'; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: 1; font: 400 20px/1 'FontAwesome'; opacity: 0; color: #fff; transition: 350ms ease-in-out; } .gallery-item:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; opacity: 0; background: rgba(31, 37, 50, 0.3); transition: 350ms ease-in-out; } .gallery-item:hover:before, .gallery-item:hover:after { opacity: 1; } /* * * Brand * -------------------------------------------------- */ .brand { display: inline-block; } .brand .brand-logo-light { display: none; } .brand .brand-logo-dark { display: block; } .brand-logo { display: flex; align-items: center; font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; letter-spacing: .04em; } .brand-logo > * + * { margin-left: 5px; } .context-dark .brand .brand-logo-dark { display: none; } .context-dark .brand .brand-logo-light { display: block; } /* * * Icons * -------------------------------------------------- */ .icon { display: inline-block; font-size: 16px; line-height: 1; } .icon::before { position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none; text-transform: none; } .icon-circle { border-radius: 50%; } /* * * Images * -------------------------------------------------- */ img { display: inline-block; max-width: 100%; height: auto; } figure.img-polaroid { text-align: center; display: block; margin-left: auto; margin-right: auto; } a, a:focus, a:active, a:hover { text-decoration: none; } a, a:focus, a:active { color: #F2B449; } a:hover { color: #df9310; } a[href*='callto'], a[href*='mailto'] { white-space: nowrap; } .link-hover { color: #df9310; } .link-press { color: #df9310; } /* * * Lists * -------------------------------------------------- */ .list > li + li { margin-top: 10px; } .list-sm > li + li { margin-top: 10px; } .list-md > li + li { margin-top: 18px; } .list-lg > li + li { margin-top: 25px; } .list-md * + ul { margin-top: 0; } @media (min-width: 768px) { .list-xl > li + li { margin-top: 60px; } } .list-inline > li { display: inline-block; } html .list-inline-md { transform: translate3d(0, -8px, 0); margin-bottom: -8px; margin-left: -10px; margin-right: -10px; } html .list-inline-md > * { margin-top: 8px; padding-left: 10px; padding-right: 10px; } @media (min-width: 992px) { html .list-inline-md { margin-left: -15px; margin-right: -15px; } html .list-inline-md > * { padding-left: 15px; padding-right: 15px; } } .list-terms dt + dd { margin-top: 5px; } .list-terms dd + dt { margin-top: 25px; } * + .list-terms { margin-top: 25px; } .index-list { counter-reset: li; } .index-list > li .list-index-counter:before { content: counter(li, decimal-leading-zero); counter-increment: li; } /** * Marked list */ .list-marked { padding-left: 0; text-align: left; } @media (min-width: 992px) { .list-marked { padding-left: 25px; } } .list-marked > li { padding-left: 25px; text-indent: -25px; } .list-marked > li pre { text-indent: 0; } .list-marked > li::before { position: relative; display: inline-block; top: -2px; margin-right: 18px; content: ''; width: 5px; height: 5px; border-radius: 100%; background-color: #1F2532; } .list-marked > li > .list-marked { padding-left: 15px; } .list-marked > li > .list-marked > li::before { background-color: transparent; border: 1px solid #1F2532; } .list-marked > li > .list-marked > li .list-marked { padding-left: 15px; } .list-marked > li > .list-marked > li .list-marked > li::before { background-color: #1F2532; border-radius: 0; border: 0; } .list-marked > li + li { margin-top: 4px; } * + .list-marked { margin-top: 15px; } p + .list-marked { margin-top: 10px; } /** * Ordered List */ .list-ordered { counter-reset: li; padding-left: 0; text-align: left; } @media (min-width: 992px) { .list-ordered { padding-left: 25px; } } .list-ordered > li { position: relative; padding-left: 25px; } .list-ordered > li:before { content: counter(li, decimal) "."; counter-increment: li; position: absolute; top: 0; left: 0; display: inline-block; width: 15px; color: #b7b7b7; } .list-ordered > li > .list-marked { padding-left: 10px; } .list-ordered > li > .list-marked > li::before { background-color: transparent; border: 1px solid #1F2532; } .list-ordered > li > .list-marked > li .list-marked { padding-left: 10px; } .list-ordered > li > .list-marked > li .list-marked > li::before { background-color: #1F2532; border-radius: 0; border: 0; } .list-ordered > li + li { margin-top: 10px; } * + .list-ordered { margin-top: 15px; } ul ul { padding-left: 30px; } .inline-term:before, .inline-term:after { display: table; content: ""; line-height: 0; } .inline-term:after { clear: both; } .inline-term dt { font-weight: 700; } .inline-term dt, .inline-term dd { display: inline; } .inline-term dt + dd { position: relative; padding-left: 20px; } .inline-term dt + dd:before { content: '–'; position: absolute; left: 5px; } .marked-list > li { position: relative; padding-left: 20px; } .marked-list > li:before { content: ''; position: absolute; top: 10px; left: 2px; width: 4px; height: 4px; border: 1px solid #000; border-radius: 50%; } .marked-list + li { margin-top: 10px; } .list_mark li { margin-top: 10px; } /* * * Thumbnails * -------------------------------------------------- */ .img-centered { display: block; margin-left: auto; margin-right: auto; } .figure-light figcaption { padding-top: 10px; color: #b7b7b7; } /* * * Color scheme * -------------------------------------------------- */ .colorScheme h4 { margin-bottom: 15px; } .colorScheme ul { display: flex; justify-content: space-between; } .colorScheme ul .color { display: inline-block; padding: 10px 6px; font-size: 14px; text-align: center; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } .colorScheme ul .bg_1 { background: #ffffff; color: #000; } .colorScheme ul .bg_2 { background: #000; color: #fff; } .colorScheme ul .bg_3 { background: #d7d7d7; color: #000; } .colorScheme ul .bg_4 { background: #3cc3c1; color: #fff; } .colorScheme ul .bg_5 { background: #f9e95e; color: #fff; } .colorScheme ul .bg_6 { background: #c4a273; color: #000; } .colorScheme ul .bg_7 { background: #151515; color: #fff; } .colorScheme ul .bg_8 { background: #777777; color: #000; } * + .colorScheme { margin-top: 40px; } @media (max-width: 991px) { .colorScheme ul { display: block; padding: 0; } .colorScheme ul .color { display: block; } .colorScheme ul .color:not(:first-child) { margin-bottom: 10px; } } /* * * Footers * -------------------------------------------------- */ /** * Footer Classic */ .footer-classic { padding: 30px 0; background: #1F2532; } /* * * Text Alignment * -------------------------------------------------- */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } @media (min-width: 480px) { .text-xs-left { text-align: left; } .text-xs-center { text-align: center; } .text-xs-right { text-align: right; } } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-center { text-align: center; } .text-sm-right { text-align: right; } } @media (min-width: 992px) { .text-md-left { text-align: left; } .text-md-center { text-align: center; } .text-md-right { text-align: right; } } @media (min-width: 1200px) { .text-lg-left { text-align: left; } .text-lg-center { text-align: center; } .text-lg-right { text-align: right; } } /* * * Text styling * -------------------------------------------------- */ .text-italic { font-style: italic; } .text-normal { font-style: normal; } .text-underline { text-decoration: underline; } .text-strike { text-decoration: line-through; } .text-thin { font-weight: 100; } .text-light { font-weight: 300; } .text-regular { font-weight: 400; } .text-medium { font-weight: 500; } .text-sbold { font-weight: 600; } .text-bold, strong { font-weight: 700; } .text-ubold { font-weight: 900; } .text-spacing-0 { letter-spacing: 0; } .text-orange { color: #ef5829; } .text-green { color: #7fb945; } .text-violet { color: #b07da6; } .text-brown { color: #ff9021; } /* * * Element groups * -------------------------------------------------- */ html .group { margin-bottom: -20px; margin-left: -15px; } html .group:empty { margin-bottom: 0; margin-left: 0; } html .group > * { display: inline-block; margin-top: 0; margin-bottom: 20px; margin-left: 15px; } 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-xl { margin-bottom: -20px; margin-left: -30px; } html .group-xl:empty { margin-bottom: 0; margin-left: 0; } html .group-xl > * { display: inline-block; margin-top: 0; margin-bottom: 20px; margin-left: 30px; } @media (min-width: 992px) { html .group-xl { margin-bottom: -20px; margin-left: -45px; } html .group-xl > * { margin-bottom: 20px; margin-left: 45px; } } html .group-sm-justify .button { padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { html .group-sm-justify { 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; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } html .group-sm-justify > * { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } html .group-sm-justify .buttons { min-width: 130px; padding-left: 20px; padding-right: 20px; } } html .group-middle { display: inline-table; vertical-align: middle; } html .group-middle > * { vertical-align: middle; } * + .group-sm { margin-top: 30px; } * + .group-xl { margin-top: 20px; } /* * * Offsets * -------------------------------------------------- */ * + p { margin-top: 15px; } * + form { margin-top: 20px; } * + hr { margin-top: 20px; } * + img { margin-top: 20px; } * + pre { margin-top: 20px; } * + video { margin-top: 20px; } h2 + p, .heading-2 + p { margin-top: 12px; } p + h2, p + .heading-2 { margin-top: 15px; } * + h4 { margin-top: 25px; } * + code, * + ul { margin-top: 15px; } p + p { margin-top: 12px; } img + p { margin-top: 15px; } h3 + img { margin-top: 42px; } * + .big { margin-top: 20px; } * + .text-block { margin-top: 30px; } * + .button { margin-top: 30px; } * + .gallery-item { margin-top: 20px; } .gallery-item + * { margin-top: 20px; } .range + h3, .range + .heading-3 { margin-top: 80px; } .shell + .shell { margin-top: 35px; } .range + .range { margin-top: 35px; } @media (min-width: 1200px) { * + form { margin-top: 30px; } .shell + .shell { margin-top: 60px; } .range + .range { margin-top: 60px; } } html .range-0 { transform: translate3d(0, 0px, 0); margin-bottom: 0px; pointer-events: none; } html .range-0 > *::before { content: ''; display: table; width: 0; } html .range-0 > * { margin-top: 0px; pointer-events: auto; } html .range-15 { transform: translate3d(0, -15px, 0); margin-bottom: -15px; pointer-events: none; } html .range-15 > *::before { content: ''; display: table; width: 0; } html .range-15 > * { margin-top: 15px; pointer-events: auto; } html .range-20 { transform: translate3d(0, -20px, 0); margin-bottom: -20px; pointer-events: none; } html .range-20 > *::before { content: ''; display: table; width: 0; } html .range-20 > * { margin-top: 20px; pointer-events: auto; } html .range-30 { transform: translate3d(0, -30px, 0); margin-bottom: -30px; pointer-events: none; } html .range-30 > *::before { content: ''; display: table; width: 0; } html .range-30 > * { margin-top: 30px; pointer-events: auto; } html .range-50 { transform: translate3d(0, -50px, 0); margin-bottom: -50px; pointer-events: none; } html .range-50 > *::before { content: ''; display: table; width: 0; } html .range-50 > * { margin-top: 50px; pointer-events: auto; } @media (min-width: 992px) { html .range-md-30 { transform: translate3d(0, -30px, 0); margin-bottom: -30px; } html .range-md-30 > * { margin-top: 30px; } } /* * * Sections * -------------------------------------------------- */ .section-xs { padding: 25px 0; } .section-sm, .section-md, .section-lg, .section-xl { padding: 50px 0; } .section-collapse + .section-collapse { padding-top: 0; } .section-collapse:last-child { padding-bottom: 0; } html [class*='section-'].section-bottom-0 { padding-bottom: 0; } @media (max-width: 767px) { section.section-sm:first-of-type, section.section-md:first-of-type, section.section-lg:first-of-type, section.section-xl:first-of-type, section.section-xxl:first-of-type { padding-top: 40px; } } @media (min-width: 768px) { .section-sm { padding: 60px 0; } .section-md { padding: 70px 0; } .section-lg { padding: 85px 0; } } @media (min-width: 992px) { .section-md { padding: 80px 0 90px; } .section-lg { padding: 100px 0; } } @media (min-width: 1200px) { .section-lg { padding: 115px 0; } } .section-single { display: -ms-flexbox; display: -webkit-flex; display: flex; text-align: center; } .section-single p { margin-left: auto; margin-right: auto; } .section-single * + .rights { margin-top: 35px; } .section-single * + .countdown-wrap { margin-top: 35px; } .section-single .countdown-wrap + * { margin-top: 35px; } @media (min-width: 992px) { .section-single * + .rights { margin-top: 60px; } .section-single .countdown-wrap + * { margin-top: 35px; } } .section-single .rd-mailform-wrap { max-width: 670px; margin-left: auto; margin-right: auto; text-align: center; } .section-single * + .rd-mailform-wrap { margin-top: 20px; } .section-single-header { padding: calc(1em + 3vh) 0 calc(1em + 2vh); } .section-single-main { padding: calc(1em + 4vh) 0; } .section-single-footer { padding: calc(1em + 2vh) 0 calc(1em + 3vh); } .section-single-inner { 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: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; min-height: 100vh; } .section-single-inner > * { width: 100%; } @supports (display: grid) { .section-single-inner { display: grid; justify-items: center; align-content: space-between; grid-template-columns: 1fr; } } /* * * Grid modules * -------------------------------------------------- */ .row-condensed { margin-left: 0; margin-right: 0; } .row-condensed > [class*='col'] { padding-left: 0; padding-right: 0; } .grid-demonstration { padding: 12px 8px; letter-spacing: 0; text-align: left; } .grid-demonstration h5, .grid-demonstration .heading-5 { font-weight: 700; } @media (max-width: 991px) { .grid-demonstration h5, .grid-demonstration .heading-5 { font-size: 14px; } } @media (max-width: 1199px) { .grid-demonstration p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 767px) { .container-fullwidth.grid-demonstration .row { margin-left: 0; margin-right: 0; } } .container-fullwidth.grid-demonstration [class^='col'] { padding: 5px; } @media (max-width: 767px) { .container-fullwidth.grid-demonstration [class^='col'] p { font-size: 14px; } .container-fullwidth.grid-demonstration [class^='col'] * + p { margin-top: 10px; } } @media (min-width: 768px) { .container-fullwidth.grid-demonstration [class^='col'] { padding: 15px 10px; } } @media (min-width: 992px) { .container-fullwidth.grid-demonstration [class^='col'] { padding: 25px 15px; } } @media (min-width: 1200px) { .container-fullwidth.grid-demonstration [class^='col'] { padding: 30px 15px 30px 30px; } } @media (min-width: 1600px) { .container-fullwidth.grid-demonstration [class^='col'] { padding: 50px 100px; } .container-fullwidth.grid-demonstration [class^='col'] * + p { margin-top: 24px; } } @media (min-width: 1600px) { .container-fullwidth.grid-demonstration .row { margin-left: -70px; margin-right: -70px; } } .grid-system-bordered [class*='col'] { padding-top: 15px; padding-bottom: 15px; } .grid-system-bordered .row { border-bottom: 1px solid #f2f3f8; } @media (min-width: 768px) { .grid-system-bordered [class*='col'] { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 1200px) { .grid-system-bordered [class*='col'] { padding-top: 45px; padding-bottom: 45px; } } .grid-system-outline .row { border: 1px solid #f2f3f8; } .grid-system-outline .row:not(:last-child) { border-bottom-width: 0; } .grid-system-outline [class*='col']:not(:last-child) { border-right: 1px solid #f2f3f8; margin-right: -1px; } .grid-system-outline * + .row { margin-top: 45px; } .grid-system-outline .row + .row { margin-top: 0; } /* * * Contexts * -------------------------------------------------- */ .bg-gray-dark, .bg-gray-darker, .bg-primary, .bg-gray-dark h1, .bg-gray-darker h1, .bg-primary h1, .bg-gray-dark h2, .bg-gray-darker h2, .bg-primary h2, .bg-gray-dark h3, .bg-gray-darker h3, .bg-primary h3, .bg-gray-dark h4, .bg-gray-darker h4, .bg-primary h4, .bg-gray-dark h5, .bg-gray-darker h5, .bg-primary h5, .bg-gray-dark h6, .bg-gray-darker h6, .bg-primary h6, .bg-gray-dark [class^='heading-'], .bg-gray-darker [class^='heading-'], .bg-primary [class^='heading-'] { color: #fff; } .context-image-dark, .context-image-dark h1, .context-image-dark h2, .context-image-dark h3, .context-image-dark h4, .context-image-dark h5, .context-image-dark h6, .context-image-dark [class^='heading-'] { color: #fff; } /* * * Backgrounds * -------------------------------------------------- */ /** * Light Backgrounds */ .bg-white { background-color: #fff; } .bg-white + .bg-white { padding-top: 0; } .bg-gray-lighter { background-color: #f2f3f8; } .bg-gray-lighter + .bg-gray-lighter { padding-top: 0; } /** * Dark Backgrounds */ .bg-gray-dark { background-color: #333; } .bg-gray-dark + .bg-gray-dark { padding-top: 0; } .bg-gray-dark .button-primary:hover { background: #f2f3f8; } .bg-gray-darker { background-color: #1F2532; } .bg-gray-darker + .bg-gray-darker { padding-top: 0; } .bg-gray-darker .button-primary:hover { background: #f2f3f8; } /** * Accent Backgrounds */ .bg-primary { background-color: #F2B449; } .bg-primary + .bg-primary { padding-top: 0; } /** * Background Image */ [class^='bg-'] { background-size: cover; background-position: center center; } @media (min-width: 992px) { html:not(.tablet):not(.mobile) .bg-fixed { background-attachment: fixed; } } /* * * Utilities custom * -------------------------------------------------- */ .height-fill { position: relative; 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; -ms-flex-negative: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .object-inline { white-space: nowrap; } .object-inline > * { display: inline-block; min-width: 20px; vertical-align: top; white-space: normal; } .object-inline > * + * { margin-left: 5px; } .oh { position: relative; overflow: hidden; } .text-decoration-lines { position: relative; overflow: hidden; width: 100%; } .text-decoration-lines-content { position: relative; display: inline-block; min-width: 170px; font-size: 13px; text-transform: uppercase; } .text-decoration-lines-content::before, .text-decoration-lines-content::after { content: ''; position: absolute; height: 1px; background: #f2f3f8; top: 50%; width: 100vw; } .text-decoration-lines-content::before { left: 0; transform: translate3d(-100%, 0, 0); } .text-decoration-lines-content::after { right: 0; transform: translate3d(100%, 0, 0); } * + .text-decoration-lines { margin-top: 30px; } p.rights { font-size: 14px; color: #666; } p.rights a { color: inherit; } p.rights a:hover { color: #F2B449; } @media print { @page { margin: .5in; } .shell { width: 100% !important; max-width: 100% !important; padding: 0 !important; } header, footer { padding-left: 15px !important; padding-right: 15px !important; } header h6, footer h6 { text-align: right !important; } } /* * * Flex Grid system * -------------------------------------------------- */ .shell, .shell-wide, .shell-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .shell, .shell-wide { min-width: 300px; max-width: 480px; } @media (min-width: 768px) { .shell, .shell-wide { max-width: 750px; } } @media (min-width: 992px) { .shell, .shell-wide { max-width: 970px; } } @media (min-width: 1200px) { .shell, .shell-wide { max-width: 1200px; } } @media (min-width: 1200px) { .shell-wide { max-width: 1600px; } } .range { margin-left: -15px; margin-right: -15px; } .range > .range { margin-left: 0; margin-right: 0; } .range-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .range-spacer { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } [class*="cell-"] { padding-left: 15px; padding-right: 15px; } html.lt-ie-10 * + .range, * + .range { margin-top: 50px; } html.lt-ie-10 * + .range-sm, * + .range-sm { margin-top: 40px; } html.lt-ie-10 * + .range-lg, * + .range-lg { margin-top: 60px; } html.lt-ie-10 .range-condensed, .range-condensed { margin-left: 0; margin-right: 0; margin-bottom: 0; } html.lt-ie-10 .range-condensed > [class*='cell'], .range-condensed > [class*='cell'] { padding-left: 0; padding-right: 0; } html.lt-ie-10 .range-condensed > * + [class*='cell'], .range-condensed > * + [class*='cell'] { margin-top: 0; margin-bottom: 0; } html.lt-ie-10 .range-narrow, .range-narrow { margin-left: -5px; margin-right: -5px; } html.lt-ie-10 .range-narrow > [class*='cell'], .range-narrow > [class*='cell'] { padding-left: 5px; padding-right: 5px; } html.lt-ie-10 .range-narrow > * + [class*='cell'], .range-narrow > * + [class*='cell'] { padding-left: 5px; padding-right: 5px; } .range { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .range > .range { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .range-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .range > [class*='cell'] { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } @media (min-width: 480px) { .range-xs-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xs-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xs-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xs-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xs-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xs-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xs { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xs-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xs-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-xs-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xs-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xs-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xs-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xs-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xs-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xs-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xs-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xs-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xs-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xs-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xs-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xs-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xs-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xs-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 768px) { .range-sm-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-sm-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-sm-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-sm-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-sm-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-sm-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-sm { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-sm-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-sm-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-sm-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-sm-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-sm-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-sm-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-sm-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-sm-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-sm-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-sm-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-sm-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-sm-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-sm-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-sm-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-sm-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-sm-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-sm-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-sm-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 992px) { .range-md-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-md-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-md-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-md-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-md-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-md-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-md { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-md-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-md-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-md-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-md-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-md-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-md-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-md-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-md-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-md-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-md-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-md-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-md-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-md-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-md-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-md-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-md-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-md-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-md-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 1200px) { .range-lg-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-lg-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-lg-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-lg-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-lg-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-lg-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-lg { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-lg-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-lg-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-lg-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-lg-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-lg-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-lg-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-lg-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-lg-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-lg-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-lg-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-lg-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-lg-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-lg-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-lg-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-lg-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-lg-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-lg-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-lg-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 1600px) { .range-xl-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xl-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xl-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xl-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xl-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xl { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xl-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xl-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-xl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xl-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xl-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xl-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xl-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xl-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xl-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xl-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xl-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xl-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } @media (min-width: 1800px) { .range-xxl-center { -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .range-xxl-left { -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .range-xxl-right { -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .range-xxl-justify { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .range-xxl-around { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; } .range-xxl-top { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .range-xxl { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .range-xxl-reverse { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .range-xxl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .range-xxl-bottom { -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .cell-xxl-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .cell-xxl-middle { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .cell-xxl-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; } .range > .cell-xxl-1 { -webkit-flex-basis: 8.33333%; -ms-flex-preferred-size: 8.33333%; flex-basis: 8.33333%; max-width: 8.33333%; } .range > .cell-xxl-2 { -webkit-flex-basis: 16.66667%; -ms-flex-preferred-size: 16.66667%; flex-basis: 16.66667%; max-width: 16.66667%; } .range > .cell-xxl-3 { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .range > .cell-xxl-4 { -webkit-flex-basis: 33.33333%; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; max-width: 33.33333%; } .range > .cell-xxl-5 { -webkit-flex-basis: 41.66667%; -ms-flex-preferred-size: 41.66667%; flex-basis: 41.66667%; max-width: 41.66667%; } .range > .cell-xxl-6 { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .range > .cell-xxl-7 { -webkit-flex-basis: 58.33333%; -ms-flex-preferred-size: 58.33333%; flex-basis: 58.33333%; max-width: 58.33333%; } .range > .cell-xxl-8 { -webkit-flex-basis: 66.66667%; -ms-flex-preferred-size: 66.66667%; flex-basis: 66.66667%; max-width: 66.66667%; } .range > .cell-xxl-9 { -webkit-flex-basis: 75%; -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .range > .cell-xxl-10 { -webkit-flex-basis: 83.33333%; -ms-flex-preferred-size: 83.33333%; flex-basis: 83.33333%; max-width: 83.33333%; } .range > .cell-xxl-11 { -webkit-flex-basis: 91.66667%; -ms-flex-preferred-size: 91.66667%; flex-basis: 91.66667%; max-width: 91.66667%; } .range > .cell-xxl-12 { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } } html.lt-ie-10 .range > [class^='cell'] { margin-left: auto; margin-right: auto; } html.lt-ie-10 .range > .cell-xs-1 { max-width: 8.33333%; } html.lt-ie-10 .range > .cell-xs-2 { max-width: 16.66667%; } html.lt-ie-10 .range > .cell-xs-3 { max-width: 25%; } html.lt-ie-10 .range > .cell-xs-4 { max-width: 33.33333%; } html.lt-ie-10 .range > .cell-xs-5 { max-width: 41.66667%; } html.lt-ie-10 .range > .cell-xs-6 { max-width: 50%; } html.lt-ie-10 .range > .cell-xs-7 { max-width: 58.33333%; } html.lt-ie-10 .range > .cell-xs-8 { max-width: 66.66667%; } html.lt-ie-10 .range > .cell-xs-9 { max-width: 75%; } html.lt-ie-10 .range > .cell-xs-10 { max-width: 83.33333%; } html.lt-ie-10 .range > .cell-xs-11 { max-width: 91.66667%; } html.lt-ie-10 .range > .cell-xs-12 { max-width: 100%; } html.lt-ie-10 .range > .cell-sm-1 { max-width: 8.33333%; } html.lt-ie-10 .range > .cell-sm-2 { max-width: 16.66667%; } html.lt-ie-10 .range > .cell-sm-3 { max-width: 25%; } html.lt-ie-10 .range > .cell-sm-4 { max-width: 33.33333%; } html.lt-ie-10 .range > .cell-sm-5 { max-width: 41.66667%; } html.lt-ie-10 .range > .cell-sm-6 { max-width: 50%; } html.lt-ie-10 .range > .cell-sm-7 { max-width: 58.33333%; } html.lt-ie-10 .range > .cell-sm-8 { max-width: 66.66667%; } html.lt-ie-10 .range > .cell-sm-9 { max-width: 75%; } html.lt-ie-10 .range > .cell-sm-10 { max-width: 83.33333%; } html.lt-ie-10 .range > .cell-sm-11 { max-width: 91.66667%; } html.lt-ie-10 .range > .cell-sm-12 { max-width: 100%; } html.lt-ie-10 .range > .cell-md-1 { max-width: 8.33333%; } html.lt-ie-10 .range > .cell-md-2 { max-width: 16.66667%; } html.lt-ie-10 .range > .cell-md-3 { max-width: 25%; } html.lt-ie-10 .range > .cell-md-4 { max-width: 33.33333%; } html.lt-ie-10 .range > .cell-md-5 { max-width: 41.66667%; } html.lt-ie-10 .range > .cell-md-6 { max-width: 50%; } html.lt-ie-10 .range > .cell-md-7 { max-width: 58.33333%; } html.lt-ie-10 .range > .cell-md-8 { max-width: 66.66667%; } html.lt-ie-10 .range > .cell-md-9 { max-width: 75%; } html.lt-ie-10 .range > .cell-md-10 { max-width: 83.33333%; } html.lt-ie-10 .range > .cell-md-11 { max-width: 91.66667%; } html.lt-ie-10 .range > .cell-md-12 { max-width: 100%; } html.lt-ie-10 .range > .cell-lg-1 { max-width: 8.33333%; } html.lt-ie-10 .range > .cell-lg-2 { max-width: 16.66667%; } html.lt-ie-10 .range > .cell-lg-3 { max-width: 25%; } html.lt-ie-10 .range > .cell-lg-4 { max-width: 33.33333%; } html.lt-ie-10 .range > .cell-lg-5 { max-width: 41.66667%; } html.lt-ie-10 .range > .cell-lg-6 { max-width: 50%; } html.lt-ie-10 .range > .cell-lg-7 { max-width: 58.33333%; } html.lt-ie-10 .range > .cell-lg-8 { max-width: 66.66667%; } html.lt-ie-10 .range > .cell-lg-9 { max-width: 75%; } html.lt-ie-10 .range > .cell-lg-10 { max-width: 83.33333%; } html.lt-ie-10 .range > .cell-lg-11 { max-width: 91.66667%; } html.lt-ie-10 .range > .cell-lg-12 { max-width: 100%; } html.lt-ie-10 .range > .cell-xl-1 { max-width: 8.33333%; } html.lt-ie-10 .range > .cell-xl-2 { max-width: 16.66667%; } html.lt-ie-10 .range > .cell-xl-3 { max-width: 25%; } html.lt-ie-10 .range > .cell-xl-4 { max-width: 33.33333%; } html.lt-ie-10 .range > .cell-xl-5 { max-width: 41.66667%; } html.lt-ie-10 .range > .cell-xl-6 { max-width: 50%; } html.lt-ie-10 .range > .cell-xl-7 { max-width: 58.33333%; } html.lt-ie-10 .range > .cell-xl-8 { max-width: 66.66667%; } html.lt-ie-10 .range > .cell-xl-9 { max-width: 75%; } html.lt-ie-10 .range > .cell-xl-10 { max-width: 83.33333%; } html.lt-ie-10 .range > .cell-xl-11 { max-width: 91.66667%; } html.lt-ie-10 .range > .cell-xl-12 { max-width: 100%; } /* * * Responsive unit * -------------------------------------------------- */ .unit { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex: 0 1 100%; -webkit-flex: 0 1 100%; flex: 0 1 100%; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .unit-body { -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; flex: 0 1 auto; } .unit-left, .unit-right { -ms-flex: 0 0 auto; -webkit-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .unit-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit, .unit-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: -30px; margin-left: -20px; } .unit:empty, .unit-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit > *, .unit-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 20px; } .unit > [class*='unit-']:first-child, .unit-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-inverse, .unit-inverse.unit-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-inverse.unit-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media (min-width: 480px) { .unit-xs-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-xs, .unit-xs-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: -30px; margin-left: -20px; } .unit-xs:empty, .unit-xs-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-xs > *, .unit-xs-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 20px; } .unit-xs > [class*='unit-']:first-child, .unit-xs-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-xs-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-xs-inverse, .unit-xs-inverse.unit-xs-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xs-inverse.unit-xs-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 768px) { .unit-sm-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-sm, .unit-sm-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: -30px; margin-left: -20px; } .unit-sm:empty, .unit-sm-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-sm > *, .unit-sm-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 20px; } .unit-sm > [class*='unit-']:first-child, .unit-sm-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-sm-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-sm-inverse, .unit-sm-inverse.unit-sm-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-sm-inverse.unit-sm-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 992px) { .unit-md-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-md, .unit-md-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: -30px; margin-left: -20px; } .unit-md:empty, .unit-md-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-md > *, .unit-md-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 20px; } .unit-md > [class*='unit-']:first-child, .unit-md-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-md-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-md-inverse, .unit-md-inverse.unit-md-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-md-inverse.unit-md-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 1200px) { .unit-lg-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-lg, .unit-lg-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: -30px; margin-left: -20px; } .unit-lg:empty, .unit-lg-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-lg > *, .unit-lg-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 20px; } .unit-lg > [class*='unit-']:first-child, .unit-lg-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-lg-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-lg-inverse, .unit-lg-inverse.unit-lg-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-lg-inverse.unit-lg-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 1600px) { .unit-xl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-xl, .unit-xl-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: -30px; margin-left: -20px; } .unit-xl:empty, .unit-xl-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-xl > *, .unit-xl-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 20px; } .unit-xl > [class*='unit-']:first-child, .unit-xl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-xl-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-xl-inverse, .unit-xl-inverse.unit-xl-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xl-inverse.unit-xl-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 1800px) { .unit-xxl-middle { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .unit-xxl, .unit-xxl-vertical { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: -30px; margin-left: -20px; } .unit-xxl:empty, .unit-xxl-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-xxl > *, .unit-xxl-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 30px; margin-left: 20px; } .unit-xxl > [class*='unit-']:first-child, .unit-xxl-vertical > [class*='unit-']:first-child { padding-top: 0; } .unit-xxl-horizontal { -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .unit-xxl-inverse, .unit-xxl-inverse.unit-xxl-vertical { -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .unit-xxl-inverse.unit-xxl-horizontal { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .unit-spacing-xs.unit, .unit-spacing-xs.unit-vertical { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs.unit:empty, .unit-spacing-xs.unit-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-spacing-xs.unit > *, .unit-spacing-xs.unit-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 7px; } @media (min-width: 480px) { .unit-spacing-xs.unit-xs, .unit-spacing-xs.unit-xs-vertical { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs.unit-xs:empty, .unit-spacing-xs.unit-xs-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-spacing-xs.unit-xs > *, .unit-spacing-xs.unit-xs-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 7px; } } @media (min-width: 768px) { .unit-spacing-xs.unit-sm, .unit-spacing-xs.unit-sm-vertical { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs.unit-sm:empty, .unit-spacing-xs.unit-sm-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-spacing-xs.unit-sm > *, .unit-spacing-xs.unit-sm-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 7px; } } @media (min-width: 992px) { .unit-spacing-xs.unit-md, .unit-spacing-xs.unit-md-vertical { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs.unit-md:empty, .unit-spacing-xs.unit-md-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-spacing-xs.unit-md > *, .unit-spacing-xs.unit-md-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 7px; } } @media (min-width: 1200px) { .unit-spacing-xs.unit-lg, .unit-spacing-xs.unit-lg-vertical { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs.unit-lg:empty, .unit-spacing-xs.unit-lg-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-spacing-xs.unit-lg > *, .unit-spacing-xs.unit-lg-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 7px; } } @media (min-width: 1600px) { .unit-spacing-xs.unit-xl, .unit-spacing-xs.unit-xl-vertical { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs.unit-xl:empty, .unit-spacing-xs.unit-xl-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-spacing-xs.unit-xl > *, .unit-spacing-xs.unit-xl-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 7px; } } @media (min-width: 1800px) { .unit-spacing-xs.unit-xxl, .unit-spacing-xs.unit-xxl-vertical { margin-bottom: -15px; margin-left: -7px; } .unit-spacing-xs.unit-xxl:empty, .unit-spacing-xs.unit-xxl-vertical:empty { margin-bottom: 0; margin-left: 0; } .unit-spacing-xs.unit-xxl > *, .unit-spacing-xs.unit-xxl-vertical > * { display: inline-block; margin-top: 0; margin-bottom: 15px; margin-left: 7px; } } /* * * Preloader */ .preloader { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; transition: .3s all ease; pointer-events: none; backface-visibility: hidden; } .preloader::before, .preloader::after { content: ''; position: absolute; left: 0; right: 0; transition: .2s linear; transform: translateY(0); pointer-events: none; } .preloader::before { top: 0; bottom: 50%; background: #fff; } .preloader::after { top: 50%; bottom: 0; background: #f5f6fa; } .preloader.loaded::before, .preloader.loaded::after { transition: .4s linear; } .preloader.loaded::before { transform: translateY(-100%); } .preloader.loaded::after { transform: translateY(100%); } .preloader.loaded .preloader-logo, .preloader.loaded .preloader-body { opacity: 0; visibility: hidden; transition: 0s; } .preloader-logo, .preloader-body { transition: 0s .2s; } .preloader-logo { position: relative; z-index: 10; transform: translate3d(0, -50%, 0); padding: 40px; } .preloader-body { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); left: 0; right: 0; z-index: 10; text-align: center; } #loadingProgressG { width: 100vw; height: 5px; overflow: hidden; background: #e8e9ee; border-radius: 6px; margin: auto; } .loadingProgressG { background: #F2B449; margin-top: 0; margin-left: -100vw; animation-name: bounce_loadingProgressG; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: linear; width: 100vw; height: 5px; transition: .5s; } @keyframes bounce_loadingProgressG { 0% { margin-left: -100vw; } 100% { margin-left: 100vw; } } /* * * ToTop * -------------------------------------------------- */ .ui-to-top { width: 50px; height: 50px; font-size: 20px; line-height: 46px; color: #fff; background: #F2B449; position: fixed; right: 15px; bottom: 15px; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; transition: .45s all ease-in-out; transform: translateY(100px); display: none; } @media (min-width: 1200px) { .ui-to-top { display: block; } } .ui-to-top:hover { color: #fff; background: #efa019; text-decoration: none; } .ui-to-top:focus { color: #fff; } .ui-to-top.active { transform: translateY(0); } html.mobile .ui-to-top, html.tablet .ui-to-top { display: none !important; } @media (min-width: 480px) { .ui-to-top { right: 40px; bottom: 40px; } } /* * * RD Navbar * -------------------------------------------------- */ @keyframes rd-navbar-slide-down { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } @keyframes rd-navbar-slide-up { 0% { transform: translateY(0); } 100% { transform: translateY(-100%); } } .rd-navbar-wrap, .rd-navbar, .rd-navbar-dropdown, .rd-navbar-megamenu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-fixed .rd-navbar-submenu, .rd-navbar-sidebar .rd-navbar-sidebar-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu { transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1); } .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-collapse-toggle { display: inline-block; position: relative; width: 48px; height: 48px; line-height: 48px; cursor: pointer; color: #333; 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: #333; 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--is-stuck { box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); } .rd-navbar.rd-navbar-fixed + .rd-navbar.rd-navbar--is-clone, .rd-navbar.rd-navbar-sidebar + .rd-navbar.rd-navbar--is-clone { display: none; } /* * * RD Navbar components * -------------------------------------------------- */ .rd-navbar { display: none; background: #fff; } .rd-navbar .affix { z-index: 10; } .rd-navbar-toggle, .rd-navbar-sidebar-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, .rd-navbar-sidebar-toggle span { position: relative; display: block; margin: auto; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-sidebar-toggle span:after, .rd-navbar-sidebar-toggle span:before { content: ""; position: absolute; left: 0; top: -8px; transition: .3s all ease; } .rd-navbar-toggle span:after, .rd-navbar-sidebar-toggle span:after { top: 8px; } .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span, .rd-navbar-sidebar-toggle span:after, .rd-navbar-sidebar-toggle span:before, .rd-navbar-sidebar-toggle span { width: 24px; height: 4px; background-color: #000; backface-visibility: hidden; border-radius: 2px; } .rd-navbar-toggle span, .rd-navbar-sidebar-toggle span { transform: rotate(180deg); } .rd-navbar-toggle span:before, .rd-navbar-toggle span:after, .rd-navbar-sidebar-toggle span:before, .rd-navbar-sidebar-toggle span:after { transform-origin: 1.71429px center; } .rd-navbar-toggle.active span, .rd-navbar-sidebar-toggle.active span { transform: rotate(360deg); } .rd-navbar-toggle.active span:before, .rd-navbar-toggle.active span:after, .rd-navbar-sidebar-toggle.active span:before, .rd-navbar-sidebar-toggle.active span:after { top: 0; width: 15px; } .rd-navbar-toggle.active span:before, .rd-navbar-sidebar-toggle.active span:before { -webkit-transform: rotate3d(0, 0, 1, -40deg); transform: rotate3d(0, 0, 1, -40deg); } .rd-navbar-toggle.active span:after, .rd-navbar-sidebar-toggle.active span:after { -webkit-transform: rotate3d(0, 0, 1, 40deg); transform: rotate3d(0, 0, 1, 40deg); } .rd-navbar-toggle:focus, .rd-navbar-sidebar-toggle:focus { outline: none; } .rd-navbar-brand a { display: block; } .rd-navbar-search-toggle { background: none; border: none; display: inline-block; padding: 0; outline: none; outline-offset: 0; cursor: pointer; -webkit-appearance: none; } .rd-navbar-search-toggle::-moz-focus-inner { border: none; padding: 0; } .rd-navbar-dropdown { display: none; } /* * @subsection Hybrid Styles */ .rd-navbar-static .rd-navbar-nav > li, .rd-navbar-fullwidth .rd-navbar-nav > li { display: inline-block; transition: .25s; } .rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-fullwidth .rd-navbar-nav > li > a { position: relative; display: inline-block; color: #333; line-height: 1.2; font-size: 16px; transition: .25s; } .rd-navbar-static .rd-navbar-nav > li > a:hover, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover { color: #F2B449; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle { margin-left: 4px; font-family: "Material Design Icons"; font-size: 16px; cursor: pointer; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle::before, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle::before { position: relative; display: inline-block; transition: .22s; content: '\f236'; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-submenu-toggle:hover { color: #F2B449; } .rd-navbar-static .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > a { color: #F2B449; background: transparent; } .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle { color: #F2B449; } .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-fullwidth .rd-navbar-nav > li.active > a { color: #F2B449; background: transparent; } .rd-navbar-static .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle, .rd-navbar-fullwidth .rd-navbar-nav > li.active > .rd-navbar-submenu-toggle { color: #F2B449; } .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::before, .rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::before, .rd-navbar-fullwidth .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::before, .rd-navbar-fullwidth .rd-navbar-nav > li.opened > .rd-navbar-submenu-toggle::before, .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::before { transform: rotate(180deg); } .rd-navbar-static .rd-navbar-search, .rd-navbar-fullwidth .rd-navbar-search { position: relative; display: inline-flex; margin-left: 30px; } .rd-navbar-static .rd-navbar-search.active .rd-search, .rd-navbar-fullwidth .rd-navbar-search.active .rd-search { visibility: visible; opacity: 1; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; color: #333; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle:hover, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle:hover { color: #F2B449; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 32px; height: 32px; font-size: 26px; line-height: 32px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after { transition: .3s all ease-in-out; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle span:after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:before, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-static .rd-navbar-search .rd-navbar-search-toggle.active span:after, .rd-navbar-fullwidth .rd-navbar-search .rd-navbar-search-toggle.active span:after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-static .rd-navbar-search .form-wrap, .rd-navbar-fullwidth .rd-navbar-search .form-wrap { margin-bottom: 0; } .rd-navbar-static .rd-navbar-search .form-input, .rd-navbar-fullwidth .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-static .rd-navbar-search * + button, .rd-navbar-fullwidth .rd-navbar-search * + button { margin-top: 0; } .rd-navbar-static .rd-navbar-search .rd-search, .rd-navbar-fullwidth .rd-navbar-search .rd-search { position: absolute; top: 100%; right: 0; width: 270px; opacity: 0; visibility: hidden; transition: .3s; z-index: 2; } .rd-navbar-static .rd-navbar-search .rd-search-form-submit, .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; border: none; background-color: transparent; color: #000; } .rd-navbar-static .rd-navbar-search .rd-search-form-submit:hover, .rd-navbar-fullwidth .rd-navbar-search .rd-search-form-submit:hover { color: #F2B449; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown { position: absolute; left: 0; width: 270px; background: #fff; z-index: 5; } .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-static .rd-navbar-nav > li > .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-megamenu { z-index: 15; } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown .rd-navbar-dropdown { left: 100%; top: 0; margin-top: -8px; margin-left: 8px; z-index: 2; transform: translate(30px, 0); } .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.focus > .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown > li.opened > .rd-navbar-dropdown { opacity: 1; visibility: visible; transform: translate(0, 0); } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu { position: absolute; display: block; padding: 8px 0; margin-top: 22px; visibility: hidden; opacity: 0; text-align: left; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); transform: translate3d(0, 30px, 0); } .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-megamenu-list li > a, .rd-navbar-fullwidth .rd-navbar-dropdown li > a, .rd-navbar-fullwidth .rd-megamenu-list li > a { display: -ms-flexbox; display: -webkit-flex; display: flex; transition: .15s ease-in-out; text-align: left; } .rd-navbar-static .rd-navbar-dropdown li > a::before, .rd-navbar-static .rd-megamenu-list li > a::before, .rd-navbar-fullwidth .rd-navbar-dropdown li > a::before, .rd-navbar-fullwidth .rd-megamenu-list li > a::before { position: relative; margin-left: -10px; content: '\f238'; font-family: "Material Design Icons"; transition: opacity .15s ease-in-out, .15s margin ease-in-out; opacity: 0; } .rd-navbar-static .rd-navbar-dropdown li.focus > a::before, .rd-navbar-static .rd-navbar-dropdown li.opened > a::before, .rd-navbar-static .rd-navbar-dropdown li > a:hover::before, .rd-navbar-static .rd-megamenu-list li.focus > a::before, .rd-navbar-static .rd-megamenu-list li.opened > a::before, .rd-navbar-static .rd-megamenu-list li > a:hover::before, .rd-navbar-fullwidth .rd-navbar-dropdown li.focus > a::before, .rd-navbar-fullwidth .rd-navbar-dropdown li.opened > a::before, .rd-navbar-fullwidth .rd-navbar-dropdown li > a:hover::before, .rd-navbar-fullwidth .rd-megamenu-list li.focus > a::before, .rd-navbar-fullwidth .rd-megamenu-list li.opened > a::before, .rd-navbar-fullwidth .rd-megamenu-list li > a:hover::before { margin-left: 0; opacity: 1; } [dir='rtl'] .rd-navbar-static .rd-navbar-dropdown li > a::before, [dir='rtl'] .rd-navbar-static .rd-megamenu-list li > a::before, [dir='rtl'] .rd-navbar-fullwidth .rd-navbar-dropdown li > a::before, [dir='rtl'] .rd-navbar-fullwidth .rd-megamenu-list li > a::before { content: '\f237'; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-dropdown { width: 270px; background: #fff; } .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a { padding: 8px 20px; color: #000; background: transparent; } .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover { color: #fff; background: #F2B449; } .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: #fff; background: #F2B449; } .rd-navbar-static .rd-navbar-megamenu, .rd-navbar-fullwidth .rd-navbar-megamenu { display: -ms-flexbox; display: -webkit-flex; display: flex; left: 10px; width: 98%; max-width: 1200px; padding: 30px 40px; background: #fff; } .rd-navbar-static .rd-navbar-megamenu > li, .rd-navbar-fullwidth .rd-navbar-megamenu > li { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .rd-navbar-static .rd-navbar-megamenu > li > ul li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul li + li { margin-top: 5px; } .rd-navbar-static .rd-navbar-megamenu > li > ul a, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a { color: #000; background: transparent; } .rd-navbar-static .rd-navbar-megamenu > li > ul a:hover, .rd-navbar-fullwidth .rd-navbar-megamenu > li > ul a:hover { color: #F2B449; background: transparent; } .rd-navbar-static .rd-navbar-megamenu > li + li, .rd-navbar-fullwidth .rd-navbar-megamenu > li + li { padding-left: 20px; } .rd-navbar-static .rd-megamenu-title, .rd-navbar-fullwidth .rd-megamenu-title { padding-bottom: 10px; border-bottom: 1px solid #f2f3f8; } .rd-navbar-static * + .rd-megamenu-list, .rd-navbar-fullwidth * + .rd-megamenu-list { margin-top: 10px; } .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-fullwidth.rd-navbar--is-clone { display: block; transform: translateY(-100%); } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck, .rd-navbar-fullwidth.rd-navbar--is-clone.rd-navbar--is-stuck { transform: translateY(0%); } .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: 900; background: #fff; } .rd-navbar-static .rd-navbar--has-dropdown, .rd-navbar-fullwidth .rd-navbar--has-dropdown { position: relative; } .rd-navbar-fixed .rd-navbar-nav-wrap, .rd-navbar-sidebar .rd-navbar-sidebar-inner { width: 270px; height: 100%; left: 0; top: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; font-size: 14px; line-height: 34px; color: #333; background: #fff; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25); z-index: 998; } .rd-navbar-fixed .rd-navbar-nav-wrap:before, .rd-navbar-fixed .rd-navbar-nav-wrap:after, .rd-navbar-sidebar .rd-navbar-sidebar-inner:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner:after { content: ''; display: block; height: 56px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar { width: 4px; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-thumb { background: #f9dba8; border: none; border-radius: 0; opacity: .2; } .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track, .rd-navbar-sidebar .rd-navbar-sidebar-inner::-webkit-scrollbar-track { background: #F2B449; border: none; border-radius: 0; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a { padding-left: 20px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown ul > li > a, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown ul > li > a { padding-left: 25px; } /* * Static Layout */ .rd-navbar-static { display: block; } .rd-navbar-static .rd-navbar-aside, .rd-navbar-static .rd-navbar-main { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .rd-navbar-static .rd-navbar-aside { padding-top: 10px; padding-bottom: 10px; } .rd-navbar-static .rd-navbar-main { position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; padding-bottom: 20px; } .rd-navbar-static .rd-navbar-brand img { width: auto; height: auto; max-width: 200px; } .rd-navbar-static .rd-navbar-main-element { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .rd-navbar-static .rd-navbar-nav > li + li { margin-left: 38px; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-aside-outer, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-aside-outer { display: none; } .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-main { padding-top: 14px; padding-bottom: 14px; } /* * Fullwidth Layout */ .rd-navbar-fullwidth { display: block; } .rd-navbar-fullwidth .rd-navbar-inner { padding-top: 20px; padding-bottom: 20px; } .rd-navbar-fullwidth .rd-navbar-aside-right { display: flex; align-items: center; justify-content: center; margin-top: 10px; } .rd-navbar-fullwidth .rd-navbar-nav > li + li { margin-left: 20px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-inner, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-inner { padding-top: 10px; padding-bottom: 10px; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-aside-right, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-aside-right { margin-top: 0; } .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-panel, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-panel { display: none; } /* * Fixed Layout */ .rd-navbar-fixed { display: block; } .rd-navbar-fixed .rd-navbar-toggle { display: inline-block; } .rd-navbar-fixed .rd-navbar-brand { position: relative; margin-left: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font-size: 22px; line-height: 46px; } .rd-navbar-fixed .rd-navbar-brand img { max-width: 140px; height: auto; } .rd-navbar-fixed .rd-navbar-panel { display: flex; align-items: center; position: fixed; left: 0; top: 0; right: 0; padding: 4px; height: 56px; color: #000; z-index: 999; } .rd-navbar-fixed .rd-navbar-panel:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.25); background: #fff; } .rd-navbar-fixed .rd-navbar-panel > * { z-index: 1; } .rd-navbar-fixed .rd-navbar-search { position: fixed; right: 46px; top: 4px; display: inline-flex; z-index: 1000; } .rd-navbar-fixed .rd-navbar-search .rd-search { position: absolute; right: 4px; top: calc(100% + 12px); width: 240px; opacity: 0; visibility: hidden; transition: .3s; transform: translateX(-10px); } .rd-navbar-fixed .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-fixed .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; border: none; background-color: transparent; color: #000; } .rd-navbar-fixed .rd-navbar-search .rd-search-form-submit:hover { color: #F2B449; } .rd-navbar-fixed .rd-navbar-search.active .rd-search { opacity: 1; visibility: visible; transform: none; } .rd-navbar-fixed .rd-navbar-search-toggle { display: inline-flex; color: #333; } .rd-navbar-fixed .rd-navbar-search-toggle:hover { color: #F2B449; } .rd-navbar-fixed .rd-navbar-search-toggle span { display: inline-block; position: relative; width: 48px; height: 48px; font-size: 26px; line-height: 48px; text-align: center; cursor: pointer; background: none; border: none; outline: none; padding: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span, .rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after { transition: .3s all ease-in-out; } .rd-navbar-fixed .rd-navbar-search-toggle span:before, .rd-navbar-fixed .rd-navbar-search-toggle span:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .rd-navbar-fixed .rd-navbar-search-toggle span:before { content: ""; transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle span:after { content: ""; transform: rotate(-90deg) scale(0.4); opacity: 0; visibility: hidden; font-family: "Material Design Icons"; } .rd-navbar-fixed .rd-navbar-search-toggle.active span:before { opacity: 0; visibility: hidden; transform: rotate(90deg) scale(0.4); } .rd-navbar-fixed .rd-navbar-search-toggle.active span:after { transform: rotate(0deg) scale(1); opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-nav-wrap { position: fixed; left: 0; bottom: 0; top: 0; color: #333; background: #fff; transform: translateX(-120%); } .rd-navbar-fixed .rd-navbar-nav-wrap.active { transform: translateX(0); } .rd-navbar-fixed .rd-navbar-nav { display: block; font-size: 16px; line-height: 26px; text-align: left; } .rd-navbar-fixed .rd-navbar-nav:before, .rd-navbar-fixed .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .rd-navbar-fixed .rd-navbar-nav li > a { display: block; padding: 11px 56px 11px 16px; color: #333; } .rd-navbar-fixed .rd-navbar-nav li > a:first-letter { text-transform: uppercase; } .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li.active > a, .rd-navbar-fixed .rd-navbar-nav li.opened > a { background: #F2B449; color: #fff; } .rd-navbar-fixed .rd-navbar-nav li:hover > .rd-navbar-submenu-toggle, .rd-navbar-fixed .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .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); } .rd-navbar-fixed .rd-navbar-nav li + li { margin-top: 4px; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle { cursor: pointer; color: #333; } .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after { content: '\f236'; position: absolute; top: 22px; right: 0; margin-top: -22px; width: 65px; height: 48px; font: 400 28px "Material Design Icons"; line-height: 48px; text-align: center; transition: 0.3s transform ease; z-index: 2; } .rd-navbar-fixed .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-megamenu { display: none; margin-top: 4px; } .rd-navbar-fixed .rd-navbar-submenu { position: relative; } .rd-navbar-fixed .rd-navbar-submenu .rd-navbar-dropdown > li > a { 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-collapse { position: fixed; right: 4px; top: 64px; transform: translateX(-10px); padding: 10px; width: 280px; border-radius: 0; background-color: #fff; box-shadow: 0 0 22px -4px rgba(0, 0, 0, 0.17); text-align: left; font-size: 14px; opacity: 0; visibility: hidden; z-index: 999; transition: .3s; } .rd-navbar-fixed .rd-navbar-collapse.active { transform: none; opacity: 1; visibility: visible; } .rd-navbar-fixed .rd-navbar-collapse-toggle { position: fixed; right: 4px; top: 4px; display: inline-block; z-index: 1000; } .rd-navbar-fixed .rd-navbar-collapse, .rd-navbar-fixed .rd-navbar-collapse a { color: #000; } .rd-navbar-fixed .rd-navbar-collapse a:hover { text-decoration: underline; } .rd-navbar-fixed .rd-navbar-collapse .list-inline > li { display: block; } .rd-navbar-fixed .rd-navbar-collapse .list-inline > li + li { margin-top: 10px; } .rd-navbar-fixed.active .rd-navbar-nav { transform: translateX(0); } .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: 55px; } /* * Sidebar Layout */ .rd-navbar-sidebar { display: block; } .rd-navbar-sidebar .rd-navbar-sidebar-toggle { position: fixed; top: 8px; left: 8px; display: none; z-index: 999; } .rd-navbar-sidebar .rd-navbar-sidebar-inner { position: absolute; display: flex; flex-direction: column; width: 100%; left: auto; max-width: 230px; height: calc(100vh - 215px); box-shadow: none; } @media (min-width: 1200px) { .rd-navbar-sidebar .rd-navbar-sidebar-inner { max-width: 300px; } } .rd-navbar-sidebar .rd-navbar-sidebar-inner:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner:after { content: ''; display: block; height: 0; } .rd-navbar-sidebar .rd-navbar-sidebar-inner.affix { position: fixed; margin-top: 5px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-top-panel { order: 1; padding: 0 20px; text-align: left; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-brand { margin-bottom: 30px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search { display: inline-flex; width: 100%; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search { position: relative; margin-top: 0; width: 100%; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .form-input { padding-right: 50px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .form-wrap + * { margin-top: 0; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-form-submit { position: absolute; top: 0; bottom: 0; right: 0; width: 50px; padding: 0; border: none; background-color: transparent; color: #000; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-form-submit:hover { color: #F2B449; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-search .rd-search-results-live { display: none; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav { display: block; font-size: 16px; line-height: 26px; text-align: left; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav:before, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav:after { content: ''; display: block; height: 8px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a { display: inline-block; padding: 11px 16px 11px 16px; color: #333; font-weight: 400; transition: .3s; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li > a:hover { color: #F2B449; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.active > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > a { color: #F2B449; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.active > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle { color: #F2B449; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav li.opened > .rd-navbar-submenu-toggle:after { transform: rotate(180deg); } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav > li.opened + li { margin-top: 10px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-nav .rd-navbar-submenu-toggle { display: none; } .rd-navbar-sidebar .rd-navbar-sidebar-inner * + .rd-navbar-nav-wrap { margin-top: 15px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-megamenu { display: none; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu { position: relative; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-dropdown > li > a { padding-top: 7px; padding-bottom: 7px; font-size: 15px; font-weight: 400; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-dropdown li li > a, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu .rd-navbar-megamenu ul li li > a { padding-left: 48px; } .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-sidebar .rd-navbar-sidebar-inner .rd-navbar-submenu.opened > .rd-navbar-megamenu { display: block; } /** * @license * Copyright (C) 2015 Google Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /* Pretty printing styles. Used with prettify.js. */ /* SPAN elements with the classes below are added by prettyprint. */ .pln { color: #000; } /* plain text */ @media screen { .str { color: #080; } /* string content */ .kwd { color: #008; } /* a keyword */ .com { color: #800; } /* a comment */ .typ { color: #606; } /* a type name */ .lit { color: #066; } /* a literal value */ /* punctuation, lisp open bracket, lisp close bracket */ .pun, .opn, .clo { color: #660; } .tag { color: #008; } /* a markup tag name */ .atn { color: #606; } /* a markup attribute name */ .atv { color: #080; } /* a markup attribute value */ .dec, .var { color: #606; } /* a declaration; a variable name */ .fun { color: red; } /* a function name */ } /* Use higher contrast and text-weight for printable form. */ @media print, projection { .str { color: #060; } .kwd { color: #006; font-weight: bold; } .com { color: #600; font-style: italic; } .typ { color: #404; font-weight: bold; } .lit { color: #044; } .pun, .opn, .clo { color: #440; } .tag { color: #006; font-weight: bold; } .atn { color: #404; } .atv { color: #060; } } /* Put a border around prettyprinted code snippets. */ pre.prettyprint { padding: 5px; border: 1px solid #ccc; border-radius: 2px; } /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin-top: 0; margin-bottom: 0; } /* IE indents via margin-left */ li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: none; } /* Alternate shading for lines */ li.L1, li.L3, li.L5, li.L7, li.L9 { background: #eee; } /*rtl:begin:ignore*/ @font-face { font-family: 'lg'; src: url("../fonts/lg.eot?n1z373"); src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg"); font-weight: normal; font-style: normal; } .lg-icon { font-family: 'lg'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #cacaca; cursor: pointer; display: block; font-size: 22px; margin-top: -10px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1180; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 20px; } .lg-actions .lg-next:before { content: "\e095"; } .lg-actions .lg-prev { left: 20px; } .lg-actions .lg-prev:after { content: "\e094"; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { display: flex; flex-direction: row-reverse; z-index: 1182; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #cacaca; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { content: "\e070"; } .lg-toolbar .lg-download:after { content: "\e0f2"; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #EEE; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1180; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #cacaca; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; margin-right: auto; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } .lg-hide-items .lg-prev { opacity: 0; transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { transform: scale3d(0.5, 0.5, 0.5); opacity: 0; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0D0A0A; bottom: 0; position: absolute; width: 100%; z-index: 1180; max-height: 350px; transform: translate3d(0, 100%, 0); transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; margin-left: auto; margin-right: auto; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 0px solid #FFF; margin-bottom: 5px; transform: scale(0.9); border-radius: 2px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { transition: 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { transform: scale(1); } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toogle-thumb { background-color: #0D0A0A; border-radius: 2px 2px 0 0; color: #cacaca; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toogle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toogle-thumb:hover { color: #FFF; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1180; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("../images/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("../images/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("../images/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1183; opacity: 0; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #F2B449; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { transform: scale3d(1, 1, 1); transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 479px) { #lg-zoom-in { display: none; } } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } @media (max-width: 479px) { #lg-zoom-out { display: none; } } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1180; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1181; opacity: 0; visibility: hidden; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { transition-delay: 0s; transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #FFF; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; transform: translate3d(0, 5px, 0); transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #FFF; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { will-change: transform, opacity; } .lg-css3.lg-use-left .lg-item { will-change: left, opacity; } .lg-css3.lg-zoom-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide { transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in .lg-item.lg-next-slide { transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in .lg-item.lg-current { transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-in .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide { transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out .lg-item.lg-next-slide { transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out .lg-item.lg-current { transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-out .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-out-in .lg-item { opacity: 0; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide { transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide { transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-out-in .lg-item.lg-current { transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-next-slide, .lg-css3.lg-zoom-out-in .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-zoom-in-out .lg-item { opacity: 0; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide { transform: scale3d(2, 2, 2); } .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide { transform: scale3d(0, 0, 0); } .lg-css3.lg-zoom-in-out .lg-item.lg-current { transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-next-slide, .lg-css3.lg-zoom-in-out .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-soft-zoom .lg-item { opacity: 0; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide { transform: scale3d(1.2, 1.2, 1.2); } .lg-css3.lg-soft-zoom .lg-item.lg-next-slide { transform: scale3d(0.8, 0.8, 0.8); } .lg-css3.lg-soft-zoom .lg-item.lg-current { transform: scale3d(1, 1, 1); opacity: 1; } .lg-css3.lg-soft-zoom .lg-item.lg-prev-slide, .lg-css3.lg-soft-zoom .lg-item.lg-next-slide, .lg-css3.lg-soft-zoom .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular .lg-item { opacity: 0; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide { transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-next-slide { transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .lg-css3.lg-slide-circular .lg-item.lg-current { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular .lg-item.lg-next-slide, .lg-css3.lg-slide-circular .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-up .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide { transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide { transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-up .lg-item.lg-current { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-up .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide { transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide { transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-down .lg-item.lg-current { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-down .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide { transform: scale3d(0, 0, 0) translate3d(0, -100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide { transform: scale3d(0, 0, 0) translate3d(0, 100%, 0); } .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-left .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide { transform: scale3d(0, 0, 0) translate3d(-100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide { transform: scale3d(0, 0, 0) translate3d(-100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-circular-vertical-down .lg-item { opacity: 0; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide { transform: scale3d(0, 0, 0) translate3d(100%, -100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide { transform: scale3d(0, 0, 0) translate3d(100%, 100%, 0); } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide, .lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s; } .lg-css3.lg-slide-vertical .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide { transform: translate3d(0, -100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-next-slide { transform: translate3d(0, 100%, 0); } .lg-css3.lg-slide-vertical .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-vertical-growth .lg-item { opacity: 0; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide { transform: scale3d(0.5, 0.5, 0.5) translate3d(0, -150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide { transform: scale3d(0.5, 0.5, 0.5) translate3d(0, 150%, 0); } .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide, .lg-css3.lg-slide-vertical-growth .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide { transform: skew(60deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide { transform: skew(60deg, 0deg); } .lg-css3.lg-slide-skew-only .lg-item.lg-current { transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide { transform: skew(-60deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide { transform: skew(-60deg, 0deg); } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-rev .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide { transform: skew(0deg, 60deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide { transform: skew(0deg, 60deg); } .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-only-y-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide { transform: skew(0deg, -60deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide { transform: skew(0deg, -60deg); } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { transform: skew(0deg, 0deg); opacity: 1; } .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew .lg-item { opacity: 0; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide { transform: skew(60deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-next-slide { transform: skew(60deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew .lg-item.lg-current { transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew .lg-item.lg-next-slide, .lg-css3.lg-slide-skew .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide { transform: skew(-60deg, 0deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide { transform: skew(-60deg, 0deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-rev .lg-item.lg-current { transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-rev .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide { transform: skew(0deg, 60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide { transform: skew(0deg, 60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross .lg-item.lg-current { transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide { transform: skew(0deg, -60deg) translate3d(-100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide { transform: skew(0deg, -60deg) translate3d(100%, 0%, 0px); } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide { transform: skew(60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide { transform: skew(60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver .lg-item.lg-current { transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide { transform: skew(-60deg, 0deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide { transform: skew(-60deg, 0deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide { transform: skew(0deg, 60deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide { transform: skew(0deg, 60deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item { opacity: 0; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide { transform: skew(0deg, -60deg) translate3d(0, -100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide { transform: skew(0deg, -60deg) translate3d(0, 100%, 0px); } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { transform: skew(0deg, 0deg) translate3d(0%, 0%, 0px); opacity: 1; } .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide, .lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop .lg-item { opacity: 0; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide { transform: translate3d(-100%, 0, 0); } .lg-css3.lg-lollipop .lg-item.lg-next-slide { transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop .lg-item.lg-prev-slide, .lg-css3.lg-lollipop .lg-item.lg-next-slide, .lg-css3.lg-lollipop .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-lollipop-rev .lg-item { opacity: 0; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide { transform: translate3d(0, 0, 0) scale(0.5); } .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide { transform: translate3d(100%, 0, 0); } .lg-css3.lg-lollipop-rev .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-next-slide, .lg-css3.lg-lollipop-rev .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate .lg-item { opacity: 0; } .lg-css3.lg-rotate .lg-item.lg-prev-slide { transform: rotate(-360deg); } .lg-css3.lg-rotate .lg-item.lg-next-slide { transform: rotate(360deg); } .lg-css3.lg-rotate .lg-item.lg-current { transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate .lg-item.lg-prev-slide, .lg-css3.lg-rotate .lg-item.lg-next-slide, .lg-css3.lg-rotate .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-rotate-rev .lg-item { opacity: 0; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide { transform: rotate(360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-next-slide { transform: rotate(-360deg); } .lg-css3.lg-rotate-rev .lg-item.lg-current { transform: rotate(0deg); opacity: 1; } .lg-css3.lg-rotate-rev .lg-item.lg-prev-slide, .lg-css3.lg-rotate-rev .lg-item.lg-next-slide, .lg-css3.lg-rotate-rev .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-tube .lg-item { opacity: 0; } .lg-css3.lg-tube .lg-item.lg-prev-slide { transform: scale3d(1, 0, 1) translate3d(-100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-next-slide { transform: scale3d(1, 0, 1) translate3d(100%, 0, 0); } .lg-css3.lg-tube .lg-item.lg-current { transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-tube .lg-item.lg-prev-slide, .lg-css3.lg-tube .lg-item.lg-next-slide, .lg-css3.lg-tube .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-group:after { content: ""; display: table; clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1150; opacity: 0; transition: opacity 0.15s ease 0s; direction: ltr; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { transition-duration: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("../images/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1160; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1140; background-color: rgba(0, 0, 0, 0.8); opacity: 0; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-item iframe { background-color: #fff; } .lightgallery-album li:not(:first-child) { display: none; } [data-lightgallery='item'] { cursor: pointer; } .lg-skin-light.lg-backdrop { background-color: #f1f1f1; } .lg-skin-light.lg-outer .lg-sub-html { background-color: rgba(224, 223, 223, 0.95); color: #2b2b2b; } .lg-skin-light.lg-outer .lg-progress-bar .lg-progress { background-color: #fff; } .lg-skin-light.lg-outer .lg-img-wrap { padding-bottom: 110px; padding-top: 58px; } .lg-skin-light.lg-outer .lg-actions .lg-next, .lg-skin-light.lg-outer .lg-actions .lg-prev { background-color: rgba(43, 43, 43, 0.55); border-radius: 2px; color: #e0e0e0; } .lg-skin-light.lg-outer .lg-actions .lg-next:hover, .lg-skin-light.lg-outer .lg-actions .lg-prev:hover { background-color: rgba(43, 43, 43, 0.75); } .lg-skin-light.lg-outer #lg-counter, .lg-skin-light.lg-outer .lg-toolbar .lg-icon, .lg-skin-light.lg-outer.lg-dropdown-active #lg-share { color: #353535; } .lg-skin-light.lg-outer .lg-outer .lg-thumb-outer { background-color: rgba(247, 247, 247, 0.9); } .lg-skin-light.lg-outer .lg-toolbar .lg-icon:hover, .lg-skin-light.lg-outer .lg-toogle-thumb:hover { color: #555; } .lg-skin-light.lg-outer .lg-toogle-thumb { color: #353535; } .lg-skin-light.lg-outer .lg-thumb-outer, .lg-skin-light.lg-outer .lg-toogle-thumb { background-color: rgba(224, 223, 223, 0.95); } .lg-skin-light.lg-outer .lg-toolbar { background-color: rgba(224, 223, 223, 0.95); } .lg-skin-1.lg-outer .lg-toogle-thumb, .lg-skin-1.lg-outer #lg-actual-size, .lg-skin-1.lg-outer #lg-download, .lg-skin-1.lg-outer #lg-counter, .lg-skin-1.lg-outer .lg-autoplay-button { display: none; } .lg-skin-1.lg-outer .lg-thumb-outer { transform: translate3d(0, 75%, 0); transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-skin-1.lg-outer .lg-thumb-outer:hover { transform: translate3d(0, 0, 0); } .lg-skin-1.lg-outer .lg-thumb-item { border-radius: 0; opacity: .5; transform: none; } .lg-skin-1.lg-outer .lg-thumb-item.active, .lg-skin-1.lg-outer .lg-thumb-item:hover { transform: none; opacity: .9; } .lg-skin-1.lg-outer .lg-thumb-outer { background-color: transparent; } .lg-skin-1.lg-outer .lg-object.lg-image { position: absolute; left: 0; top: 0; width: 100vw !important; height: 100vh !important; object-fit: cover; } .lightGallery-in-carousel .lg-thumb-outer, .lightGallery-in-carousel #lg-counter { display: none; } /*rtl:end:ignore*/ /*# sourceMappingURL=style.css.map */