<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Global CSS definitions here */ /* Global (upper) CSS */ /* @font-face */ /* Webfont: CompassSerif-Regular */@font-face { font-family: 'CompassSans'; src: url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.svg#CompassSans-Regular) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: CompassSerif-Regular */@font-face { font-family: 'CompassSerif'; src: url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.svg#CompassSerif-Regular) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: CompassNo-Serif-Regular */@font-face { font-family: 'CompassNo'; src: url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.svg#CompassSerif-Regular) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: CompassNo-Serif-Italic */@font-face { font-family: 'CompassNoItalic'; src: url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.svg#CompassSerif-Regular) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Custom Webfont Classes - TEMP */ .font-1 { font-family: 'Roboto', sans-serif; font-style: normal; font-weight: normal; } .font-2 { font-family: 'Merriweather', serif; font-style: normal; font-weight: normal; } .font-3 { font-family: 'Open Sans Condensed:', sans-serif; font-style: normal; font-weight: normal; } .font-4 { font-family: 'Allura', serif; font-style: normal; font-weight: normal; } /* System Webfont Classes */ .sans-serif { font-family: sans-serif; } .serif { font-family: serif; } /* Font Variants */ .thin { font-weight: 100; } .normal { font-weight: 400; } .bold { font-weight: bold; } .italic { font-style: italic; } .underline { text-decoration: underline; } .caps { text-transform: uppercase; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } /* ! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ div { position:relative; } /* * * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /* * * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* * * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* * * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /* * * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* * * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /* * * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: none; } /* * * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /* * * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /* * * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /* * * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /* * * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /* * * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /* * * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* * * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /* * * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* * * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /* * * Remove border when inside `a` element in IE 8/9. */ img { border: 0; display: block; } /* * * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /* * * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /* * * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /* * * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /* * * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /* * * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /* * * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* * * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /* * * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /* * * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /* * * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* other resets */ p,div,h1,h2,h3,h4,h5,input,span,table,tr,td,th,thead,tbody,fieldset,form,ul,ol,li,strong,b,i,em,a,img,textarea,button,select,legend { margin: 0; padding: 0; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } a { text-decoration: none; } /* a, .trans { transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } */ /* ! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; /* --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace */ } *, ::after, ::before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { /* margin: 0; */ /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */ /* font-size: 1rem; */ /* font-weight: 400; */ line-height: 1.5; /* color: #212529; */ /* text-align: left; */ /* background-color: #fff */ } [tabindex="-1"]:focus { outline: 0 !important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } dl, ol, ul { margin-top: 0; margin-bottom: 1rem } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #007bff; text-decoration: none; background-color: transparent } a:hover { color: #0056b3; text-decoration: underline } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } select { word-wrap: normal } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: .5rem; font-weight: 500; line-height: 1.2 } .h1, h1 { font-size: 2.5rem } .h2, h2 { font-size: 2rem } .h3, h3 { font-size: 1.75rem } .h4, h4 { font-size: 1.5rem } .h5, h5 { font-size: 1.25rem } .h6, h6 { font-size: 1rem } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2 } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2 } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2 } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2 } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1) } .small, small { font-size: 80%; font-weight: 400 } .mark, mark { padding: .2em; background-color: #fcf8e3 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote-footer { display: block; font-size: 80%; color: #6c757d } .blockquote-footer::before { content: "\2014\00A0" } .img-fluid { max-width: 100%; height: auto } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto } .figure { display: inline-block } .figure-img { margin-bottom: .5rem; line-height: 1 } .figure-caption { font-size: 90%; color: #6c757d } code { font-size: 87.5%; color: #e83e8c; word-break: break-word } a&gt;code { color: inherit } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem } kbd kbd { padding: 0; font-size: 100%; font-weight: 700 } pre { display: block; font-size: 87.5%; color: #212529 } pre code { font-size: inherit; color: inherit; word-break: normal } .pre-scrollable { max-height: 340px; overflow-y: scroll } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width:576px) { .container { max-width: 540px } } @media (min-width:768px) { .container { max-width: 720px } } @media (min-width:992px) { .container { max-width: 960px } } @media (min-width:1200px) { .container { max-width: 1140px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters&gt;.col, .no-gutters&gt;[class*=col-] { padding-right: 0; padding-left: 0 } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -ms-flex-order: -1; order: -1 } .order-last { -ms-flex-order: 13; order: 13 } .order-0 { -ms-flex-order: 0; order: 0 } .order-1 { -ms-flex-order: 1; order: 1 } .order-2 { -ms-flex-order: 2; order: 2 } .order-3 { -ms-flex-order: 3; order: 3 } .order-4 { -ms-flex-order: 4; order: 4 } .order-5 { -ms-flex-order: 5; order: 5 } .order-6 { -ms-flex-order: 6; order: 6 } .order-7 { -ms-flex-order: 7; order: 7 } .order-8 { -ms-flex-order: 8; order: 8 } .order-9 { -ms-flex-order: 9; order: 9 } .order-10 { -ms-flex-order: 10; order: 10 } .order-11 { -ms-flex-order: 11; order: 11 } .order-12 { -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.333333% } .offset-2 { margin-left: 16.666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.333333% } .offset-5 { margin-left: 41.666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.333333% } .offset-8 { margin-left: 66.666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.333333% } .offset-11 { margin-left: 91.666667% } @media (min-width:576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -ms-flex-order: -1; order: -1 } .order-sm-last { -ms-flex-order: 13; order: 13 } .order-sm-0 { -ms-flex-order: 0; order: 0 } .order-sm-1 { -ms-flex-order: 1; order: 1 } .order-sm-2 { -ms-flex-order: 2; order: 2 } .order-sm-3 { -ms-flex-order: 3; order: 3 } .order-sm-4 { -ms-flex-order: 4; order: 4 } .order-sm-5 { -ms-flex-order: 5; order: 5 } .order-sm-6 { -ms-flex-order: 6; order: 6 } .order-sm-7 { -ms-flex-order: 7; order: 7 } .order-sm-8 { -ms-flex-order: 8; order: 8 } .order-sm-9 { -ms-flex-order: 9; order: 9 } .order-sm-10 { -ms-flex-order: 10; order: 10 } .order-sm-11 { -ms-flex-order: 11; order: 11 } .order-sm-12 { -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.333333% } .offset-sm-2 { margin-left: 16.666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.333333% } .offset-sm-5 { margin-left: 41.666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.333333% } .offset-sm-8 { margin-left: 66.666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.333333% } .offset-sm-11 { margin-left: 91.666667% } } @media (min-width:768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -ms-flex-order: -1; order: -1 } .order-md-last { -ms-flex-order: 13; order: 13 } .order-md-0 { -ms-flex-order: 0; order: 0 } .order-md-1 { -ms-flex-order: 1; order: 1 } .order-md-2 { -ms-flex-order: 2; order: 2 } .order-md-3 { -ms-flex-order: 3; order: 3 } .order-md-4 { -ms-flex-order: 4; order: 4 } .order-md-5 { -ms-flex-order: 5; order: 5 } .order-md-6 { -ms-flex-order: 6; order: 6 } .order-md-7 { -ms-flex-order: 7; order: 7 } .order-md-8 { -ms-flex-order: 8; order: 8 } .order-md-9 { -ms-flex-order: 9; order: 9 } .order-md-10 { -ms-flex-order: 10; order: 10 } .order-md-11 { -ms-flex-order: 11; order: 11 } .order-md-12 { -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.333333% } .offset-md-2 { margin-left: 16.666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.333333% } .offset-md-5 { margin-left: 41.666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.333333% } .offset-md-8 { margin-left: 66.666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.333333% } .offset-md-11 { margin-left: 91.666667% } } @media (min-width:992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -ms-flex-order: -1; order: -1 } .order-lg-last { -ms-flex-order: 13; order: 13 } .order-lg-0 { -ms-flex-order: 0; order: 0 } .order-lg-1 { -ms-flex-order: 1; order: 1 } .order-lg-2 { -ms-flex-order: 2; order: 2 } .order-lg-3 { -ms-flex-order: 3; order: 3 } .order-lg-4 { -ms-flex-order: 4; order: 4 } .order-lg-5 { -ms-flex-order: 5; order: 5 } .order-lg-6 { -ms-flex-order: 6; order: 6 } .order-lg-7 { -ms-flex-order: 7; order: 7 } .order-lg-8 { -ms-flex-order: 8; order: 8 } .order-lg-9 { -ms-flex-order: 9; order: 9 } .order-lg-10 { -ms-flex-order: 10; order: 10 } .order-lg-11 { -ms-flex-order: 11; order: 11 } .order-lg-12 { -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.333333% } .offset-lg-2 { margin-left: 16.666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.333333% } .offset-lg-5 { margin-left: 41.666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.333333% } .offset-lg-8 { margin-left: 66.666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.333333% } .offset-lg-11 { margin-left: 91.666667% } } @media (min-width:1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333% } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667% } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333% } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667% } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333% } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667% } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333% } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667% } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -ms-flex-order: -1; order: -1 } .order-xl-last { -ms-flex-order: 13; order: 13 } .order-xl-0 { -ms-flex-order: 0; order: 0 } .order-xl-1 { -ms-flex-order: 1; order: 1 } .order-xl-2 { -ms-flex-order: 2; order: 2 } .order-xl-3 { -ms-flex-order: 3; order: 3 } .order-xl-4 { -ms-flex-order: 4; order: 4 } .order-xl-5 { -ms-flex-order: 5; order: 5 } .order-xl-6 { -ms-flex-order: 6; order: 6 } .order-xl-7 { -ms-flex-order: 7; order: 7 } .order-xl-8 { -ms-flex-order: 8; order: 8 } .order-xl-9 { -ms-flex-order: 9; order: 9 } .order-xl-10 { -ms-flex-order: 10; order: 10 } .order-xl-11 { -ms-flex-order: 11; order: 11 } .order-xl-12 { -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.333333% } .offset-xl-2 { margin-left: 16.666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.333333% } .offset-xl-5 { margin-left: 41.666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.333333% } .offset-xl-8 { margin-left: 66.666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.333333% } .offset-xl-11 { margin-left: 91.666667% } } .table { width: 100%; margin-bottom: 1rem; color: #212529 } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 } .table tbody+tbody { border-top: 2px solid #dee2e6 } .table-sm td, .table-sm th { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 } .table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px } .table-borderless tbody+tbody, .table-borderless td, .table-borderless th, .table-borderless thead th { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, .05) } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, .075) } .table-primary, .table-primary&gt;td, .table-primary&gt;th { background-color: #b8daff } .table-primary tbody+tbody, .table-primary td, .table-primary th, .table-primary thead th { border-color: #7abaff } .table-hover .table-primary:hover { background-color: #9fcdff } .table-hover .table-primary:hover&gt;td, .table-hover .table-primary:hover&gt;th { background-color: #9fcdff } .table-secondary, .table-secondary&gt;td, .table-secondary&gt;th { background-color: #d6d8db } .table-secondary tbody+tbody, .table-secondary td, .table-secondary th, .table-secondary thead th { border-color: #b3b7bb } .table-hover .table-secondary:hover { background-color: #c8cbcf } .table-hover .table-secondary:hover&gt;td, .table-hover .table-secondary:hover&gt;th { background-color: #c8cbcf } .table-success, .table-success&gt;td, .table-success&gt;th { background-color: #c3e6cb } .table-success tbody+tbody, .table-success td, .table-success th, .table-success thead th { border-color: #8fd19e } .table-hover .table-success:hover { background-color: #b1dfbb } .table-hover .table-success:hover&gt;td, .table-hover .table-success:hover&gt;th { background-color: #b1dfbb } .table-info, .table-info&gt;td, .table-info&gt;th { background-color: #bee5eb } .table-info tbody+tbody, .table-info td, .table-info th, .table-info thead th { border-color: #86cfda } .table-hover .table-info:hover { background-color: #abdde5 } .table-hover .table-info:hover&gt;td, .table-hover .table-info:hover&gt;th { background-color: #abdde5 } .table-warning, .table-warning&gt;td, .table-warning&gt;th { background-color: #ffeeba } .table-warning tbody+tbody, .table-warning td, .table-warning th, .table-warning thead th { border-color: #ffdf7e } .table-hover .table-warning:hover { background-color: #ffe8a1 } .table-hover .table-warning:hover&gt;td, .table-hover .table-warning:hover&gt;th { background-color: #ffe8a1 } .table-danger, .table-danger&gt;td, .table-danger&gt;th { background-color: #f5c6cb } .table-danger tbody+tbody, .table-danger td, .table-danger th, .table-danger thead th { border-color: #ed969e } .table-hover .table-danger:hover { background-color: #f1b0b7 } .table-hover .table-danger:hover&gt;td, .table-hover .table-danger:hover&gt;th { background-color: #f1b0b7 } .table-light, .table-light&gt;td, .table-light&gt;th { background-color: #fdfdfe } .table-light tbody+tbody, .table-light td, .table-light th, .table-light thead th { border-color: #fbfcfc } .table-hover .table-light:hover { background-color: #ececf6 } .table-hover .table-light:hover&gt;td, .table-hover .table-light:hover&gt;th { background-color: #ececf6 } .table-dark, .table-dark&gt;td, .table-dark&gt;th { background-color: #c6c8ca } .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #95999c } .table-hover .table-dark:hover { background-color: #b9bbbe } .table-hover .table-dark:hover&gt;td, .table-hover .table-dark:hover&gt;th { background-color: #b9bbbe } .table-active, .table-active&gt;td, .table-active&gt;th { background-color: rgba(0, 0, 0, .075) } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, .075) } .table-hover .table-active:hover&gt;td, .table-hover .table-active:hover&gt;th { background-color: rgba(0, 0, 0, .075) } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55 } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 } .table-dark { color: #fff; background-color: #343a40 } .table-dark td, .table-dark th, .table-dark thead th { border-color: #454d55 } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, .075) } @media (max-width:575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-sm&gt;.table-bordered { border: 0 } } @media (max-width:767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-md&gt;.table-bordered { border: 0 } } @media (max-width:991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-lg&gt;.table-bordered { border: 0 } } @media (max-width:1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xl&gt;.table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive&gt;.table-bordered { border: 0 } .form-control { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .form-control { transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-moz-placeholder { color: #6c757d; opacity: 1 } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1 } .form-control::placeholder { color: #6c757d; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1 } select.form-control:focus::-ms-value { color: #495057; background-color: #fff } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .375rem; padding-bottom: .375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } select.form-control[multiple], select.form-control[size] { height: auto } textarea.form-control { height: auto } .form-group { margin-bottom: 1rem } .form-text { display: block; margin-top: .25rem } .form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row&gt;.col, .form-row&gt;[class*=col-] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem } .form-check-input:disabled~.form-check-label { color: #6c757d } .form-check-label { margin-bottom: 0 } .form-check-inline { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #28a745 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, .9); border-radius: .25rem } .form-control.is-valid, .was-validated .form-control:valid { border-color: #28a745; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) } .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip, .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip { display: block } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-valid, .was-validated .custom-select:valid { border-color: #28a745; padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-valid:focus, .was-validated .custom-select:valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) } .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip, .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip { display: block } .form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip, .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip { display: block } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #28a745 } .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip, .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label { color: #28a745 } .custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before { border-color: #28a745 } .custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip, .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip { display: block } .custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before { border-color: #34ce57; background-color: #34ce57 } .custom-control-input.is-valid:focus~.custom-control-label::before, .was-validated .custom-control-input:valid:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) } .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before { border-color: #28a745 } .custom-file-input.is-valid~.custom-file-label, .was-validated .custom-file-input:valid~.custom-file-label { border-color: #28a745 } .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip, .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip { display: block } .custom-file-input.is-valid:focus~.custom-file-label, .was-validated .custom-file-input:valid:focus~.custom-file-label { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #dc3545 } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, .9); border-radius: .25rem } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(.375em + .1875rem); background-size: calc(.75em + .375rem) calc(.75em + .375rem) } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip, .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip { display: block } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem) } .custom-select.is-invalid, .was-validated .custom-select:invalid { border-color: #dc3545; padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) } .custom-select.is-invalid:focus, .was-validated .custom-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip, .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip { display: block } .form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip, .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip { display: block } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #dc3545 } .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip, .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label { color: #dc3545 } .custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before { border-color: #dc3545 } .custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip, .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip { display: block } .custom-control-input.is-invalid:checked~.custom-control-label::before, .was-validated .custom-control-input:invalid:checked~.custom-control-label::before { border-color: #e4606d; background-color: #e4606d } .custom-control-input.is-invalid:focus~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before, .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before { border-color: #dc3545 } .custom-file-input.is-invalid~.custom-file-label, .was-validated .custom-file-input:invalid~.custom-file-label { border-color: #dc3545 } .custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip, .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip { display: block } .custom-file-input.is-invalid:focus~.custom-file-label, .was-validated .custom-file-input:invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) } .form-inline { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center } .form-inline .form-check { width: 100% } @media (min-width:576px) { .form-inline label { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: -ms-flexbox; display: flex; -ms-flex: 0 0 auto; flex: 0 0 auto; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .custom-select, .form-inline .input-group { width: auto } .form-inline .form-check { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .btn { transition: none } } .btn:hover { color: #212529; text-decoration: none } .btn.focus, .btn:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .btn.disabled, .btn:disabled { opacity: .65 } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc } .btn-primary.focus, .btn-primary:focus { box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff } .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show&gt;.btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5) } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62 } .btn-secondary.focus, .btn-secondary:focus { box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show&gt;.btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b } .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5) } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34 } .btn-success.focus, .btn-success:focus { box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show&gt;.btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430 } .btn-success:not(:disabled):not(.disabled).active:focus, .btn-success:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5) } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b } .btn-info.focus, .btn-info:focus { box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show&gt;.btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f } .btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5) } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00 } .btn-warning.focus, .btn-warning:focus { box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5) } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show&gt;.btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500 } .btn-warning:not(:disabled):not(.disabled).active:focus, .btn-warning:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5) } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130 } .btn-danger.focus, .btn-danger:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show&gt;.btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d } .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5) } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 } .btn-light.focus, .btn-light:focus { box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5) } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show&gt;.btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df } .btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5) } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 } .btn-dark.focus, .btn-dark:focus { box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show&gt;.btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d } .btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5) } .btn-outline-primary { color: #007bff; border-color: #007bff } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary.focus, .btn-outline-primary:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #007bff; border-color: #007bff } .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) } .btn-outline-secondary { color: #6c757d; border-color: #6c757d } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary.focus, .btn-outline-secondary:focus { box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d } .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) } .btn-outline-success { color: #28a745; border-color: #28a745 } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success.focus, .btn-outline-success:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745 } .btn-outline-success:not(:disabled):not(.disabled).active:focus, .btn-outline-success:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) } .btn-outline-info { color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info.focus, .btn-outline-info:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled).active, .btn-outline-info:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8 } .btn-outline-info:not(:disabled):not(.disabled).active:focus, .btn-outline-info:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .btn-outline-warning { color: #ffc107; border-color: #ffc107 } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning.focus, .btn-outline-warning:focus { box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled).active, .btn-outline-warning:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107 } .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) } .btn-outline-danger { color: #dc3545; border-color: #dc3545 } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger.focus, .btn-outline-danger:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled).active, .btn-outline-danger:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545 } .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light.focus, .btn-outline-light:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:not(:disabled):not(.disabled).active:focus, .btn-outline-light:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) } .btn-outline-dark { color: #343a40; border-color: #343a40 } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark.focus, .btn-outline-dark:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show&gt;.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .show&gt;.btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) } .btn-link { font-weight: 400; color: #007bff; text-decoration: none } .btn-link:hover { color: #0056b3; text-decoration: underline } .btn-link.focus, .btn-link:focus { text-decoration: underline; box-shadow: none } .btn-link.disabled, .btn-link:disabled { color: #6c757d; pointer-events: none } .btn-group-lg&gt;.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .btn-group-sm&gt;.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: .5rem } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { transition: opacity .15s linear } @media (prefers-reduced-motion:reduce) { .fade { transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { position: relative; height: 0; overflow: hidden; transition: height .35s ease } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none } } .dropdown, .dropleft, .dropright, .dropup { position: relative } .dropdown-toggle { white-space: nowrap } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent } .dropdown-toggle:empty::after { margin-left: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem } .dropdown-menu-left { right: auto; left: 0 } .dropdown-menu-right { right: 0; left: auto } @media (min-width:576px) { .dropdown-menu-sm-left { right: auto; left: 0 } .dropdown-menu-sm-right { right: 0; left: auto } } @media (min-width:768px) { .dropdown-menu-md-left { right: auto; left: 0 } .dropdown-menu-md-right { right: 0; left: auto } } @media (min-width:992px) { .dropdown-menu-lg-left { right: auto; left: 0 } .dropdown-menu-lg-right { right: 0; left: auto } } @media (min-width:1200px) { .dropdown-menu-xl-left { right: auto; left: 0 } .dropdown-menu-xl-right { right: 0; left: auto } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent } .dropup .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid } .dropright .dropdown-toggle:empty::after { margin-left: 0 } .dropright .dropdown-toggle::after { vertical-align: 0 } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: "" } .dropleft .dropdown-toggle::after { display: none } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent } .dropleft .dropdown-toggle:empty::after { margin-left: 0 } .dropleft .dropdown-toggle::before { vertical-align: 0 } .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=top] { right: auto; bottom: auto } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0 } .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: #f8f9fa } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent } .dropdown-menu.show { display: block } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap } .dropdown-item-text { display: block; padding: .25rem 1.5rem; color: #212529 } .btn-group, .btn-group-vertical { position: relative; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle } .btn-group-vertical&gt;.btn, .btn-group&gt;.btn { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto } .btn-group-vertical&gt;.btn:hover, .btn-group&gt;.btn:hover { z-index: 1 } .btn-group-vertical&gt;.btn.active, .btn-group-vertical&gt;.btn:active, .btn-group-vertical&gt;.btn:focus, .btn-group&gt;.btn.active, .btn-group&gt;.btn:active, .btn-group&gt;.btn:focus { z-index: 1 } .btn-toolbar { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start } .btn-toolbar .input-group { width: auto } .btn-group&gt;.btn-group:not(:first-child), .btn-group&gt;.btn:not(:first-child) { margin-left: -1px } .btn-group&gt;.btn-group:not(:last-child)&gt;.btn, .btn-group&gt;.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .btn-group&gt;.btn-group:not(:first-child)&gt;.btn, .btn-group&gt;.btn:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem } .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0 } .dropleft .dropdown-toggle-split::before { margin-right: 0 } .btn-group-sm&gt;.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem } .btn-group-lg&gt;.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem } .btn-group-vertical { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: center; justify-content: center } .btn-group-vertical&gt;.btn, .btn-group-vertical&gt;.btn-group { width: 100% } .btn-group-vertical&gt;.btn-group:not(:first-child), .btn-group-vertical&gt;.btn:not(:first-child) { margin-top: -1px } .btn-group-vertical&gt;.btn-group:not(:last-child)&gt;.btn, .btn-group-vertical&gt;.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .btn-group-vertical&gt;.btn-group:not(:first-child)&gt;.btn, .btn-group-vertical&gt;.btn:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0 } .btn-group-toggle&gt;.btn, .btn-group-toggle&gt;.btn-group&gt;.btn { margin-bottom: 0 } .btn-group-toggle&gt;.btn input[type=checkbox], .btn-group-toggle&gt;.btn input[type=radio], .btn-group-toggle&gt;.btn-group&gt;.btn input[type=checkbox], .btn-group-toggle&gt;.btn-group&gt;.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group&gt;.custom-file, .input-group&gt;.custom-select, .input-group&gt;.form-control, .input-group&gt;.form-control-plaintext { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .input-group&gt;.custom-file+.custom-file, .input-group&gt;.custom-file+.custom-select, .input-group&gt;.custom-file+.form-control, .input-group&gt;.custom-select+.custom-file, .input-group&gt;.custom-select+.custom-select, .input-group&gt;.custom-select+.form-control, .input-group&gt;.form-control+.custom-file, .input-group&gt;.form-control+.custom-select, .input-group&gt;.form-control+.form-control, .input-group&gt;.form-control-plaintext+.custom-file, .input-group&gt;.form-control-plaintext+.custom-select, .input-group&gt;.form-control-plaintext+.form-control { margin-left: -1px } .input-group&gt;.custom-file .custom-file-input:focus~.custom-file-label, .input-group&gt;.custom-select:focus, .input-group&gt;.form-control:focus { z-index: 3 } .input-group&gt;.custom-file .custom-file-input:focus { z-index: 4 } .input-group&gt;.custom-select:not(:last-child), .input-group&gt;.form-control:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group&gt;.custom-select:not(:first-child), .input-group&gt;.form-control:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group&gt;.custom-file { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } .input-group&gt;.custom-file:not(:last-child) .custom-file-label, .input-group&gt;.custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group&gt;.custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-append, .input-group-prepend { display: -ms-flexbox; display: flex } .input-group-append .btn, .input-group-prepend .btn { position: relative; z-index: 2 } .input-group-append .btn:focus, .input-group-prepend .btn:focus { z-index: 3 } .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.btn, .input-group-append .input-group-text+.input-group-text, .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-prepend .input-group-text+.input-group-text { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem } .input-group-text input[type=checkbox], .input-group-text input[type=radio] { margin-top: 0 } .input-group-lg&gt;.custom-select, .input-group-lg&gt;.form-control:not(textarea) { height: calc(1.5em + 1rem + 2px) } .input-group-lg&gt;.custom-select, .input-group-lg&gt;.form-control, .input-group-lg&gt;.input-group-append&gt;.btn, .input-group-lg&gt;.input-group-append&gt;.input-group-text, .input-group-lg&gt;.input-group-prepend&gt;.btn, .input-group-lg&gt;.input-group-prepend&gt;.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem } .input-group-sm&gt;.custom-select, .input-group-sm&gt;.form-control:not(textarea) { height: calc(1.5em + .5rem + 2px) } .input-group-sm&gt;.custom-select, .input-group-sm&gt;.form-control, .input-group-sm&gt;.input-group-append&gt;.btn, .input-group-sm&gt;.input-group-append&gt;.input-group-text, .input-group-sm&gt;.input-group-prepend&gt;.btn, .input-group-sm&gt;.input-group-prepend&gt;.input-group-text { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem } .input-group-lg&gt;.custom-select, .input-group-sm&gt;.custom-select { padding-right: 1.75rem } .input-group&gt;.input-group-append:last-child&gt;.btn:not(:last-child):not(.dropdown-toggle), .input-group&gt;.input-group-append:last-child&gt;.input-group-text:not(:last-child), .input-group&gt;.input-group-append:not(:last-child)&gt;.btn, .input-group&gt;.input-group-append:not(:last-child)&gt;.input-group-text, .input-group&gt;.input-group-prepend&gt;.btn, .input-group&gt;.input-group-prepend&gt;.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group&gt;.input-group-append&gt;.btn, .input-group&gt;.input-group-append&gt;.input-group-text, .input-group&gt;.input-group-prepend:first-child&gt;.btn:not(:first-child), .input-group&gt;.input-group-prepend:first-child&gt;.input-group-text:not(:first-child), .input-group&gt;.input-group-prepend:not(:first-child)&gt;.btn, .input-group&gt;.input-group-prepend:not(:first-child)&gt;.input-group-text { border-top-left-radius: 0; border-bottom-left-radius: 0 } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem } .custom-control-inline { display: -ms-inline-flexbox; display: inline-flex; margin-right: 1rem } .custom-control-input { position: absolute; z-index: -1; opacity: 0 } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: #80bdff } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff } .custom-control-input:disabled~.custom-control-label { color: #6c757d } .custom-control-input:disabled~.custom-control-label::before { background-color: #e9ecef } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top } .custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px } .custom-control-label::after { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50% } .custom-checkbox .custom-control-label::before { border-radius: .25rem } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #007bff; background-color: #007bff } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e") } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0, 123, 255, .5) } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(0, 123, 255, .5) } .custom-radio .custom-control-label::before { border-radius: 50% } .custom-radio .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") } .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0, 123, 255, .5) } .custom-switch { padding-left: 2.25rem } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem } .custom-switch .custom-control-label::after { top: calc(.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-switch .custom-control-label::after { transition: none } } .custom-switch .custom-control-input:checked~.custom-control-label::after { background-color: #fff; -webkit-transform: translateX(.75rem); transform: translateX(.75rem) } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0, 123, 255, .5) } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .custom-select:focus::-ms-value { color: #495057; background-color: #fff } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none } .custom-select:disabled { color: #6c757d; background-color: #e9ecef } .custom-select::-ms-expand { display: none } .custom-select-sm { height: calc(1.5em + .5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + .75rem + 2px); margin-bottom: 0 } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + .75rem + 2px); margin: 0; opacity: 0 } .custom-file-input:focus~.custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .custom-file-input:disabled~.custom-file-label { background-color: #e9ecef } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse" } .custom-file-input~.custom-file-label[data-browse]::after { content: attr(data-browse) } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + .75rem); padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0 } .custom-range { width: 100%; height: calc(1rem + .4rem); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none } .custom-range:focus { outline: 0 } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25) } .custom-range::-moz-focus-outer { border: 0 } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-webkit-slider-thumb { transition: none } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-moz-range-thumb { transition: none } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff } .custom-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; appearance: none } @media (prefers-reduced-motion:reduce) { .custom-range::-ms-thumb { transition: none } } .custom-range::-ms-thumb:active { background-color: #b3d7ff } .custom-range::-ms-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: .5rem } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd } .custom-range:disabled::-moz-range-track { cursor: default } .custom-range:disabled::-ms-thumb { background-color: #adb5bd } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none } } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none } .nav-link { display: block; padding: .5rem 1rem } .nav-link:focus, .nav-link:hover { text-decoration: none } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default } .nav-tabs { border-bottom: 1px solid #dee2e6 } .nav-tabs .nav-item { margin-bottom: -1px } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6 } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .nav-pills .nav-link { border-radius: .25rem } .nav-pills .nav-link.active, .nav-pills .show&gt;.nav-link { color: #fff; background-color: #007bff } .nav-fill .nav-item { -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; text-align: center } .tab-content&gt;.tab-pane { display: none } .tab-content&gt;.active { display: block } .navbar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: .5rem 1rem } .navbar&gt;.container, .navbar&gt;.container-fluid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between } .navbar-brand { display: inline-block; padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none } .navbar-nav .nav-link { padding-right: 0; padding-left: 0 } .navbar-nav .dropdown-menu { position: static; float: none } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem } .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem } .navbar-toggler:focus, .navbar-toggler:hover { text-decoration: none } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100% } @media (max-width:575.98px) { .navbar-expand-sm&gt;.container, .navbar-expand-sm&gt;.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:576px) { .navbar-expand-sm { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-sm .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-sm&gt;.container, .navbar-expand-sm&gt;.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-sm .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-sm .navbar-toggler { display: none } } @media (max-width:767.98px) { .navbar-expand-md&gt;.container, .navbar-expand-md&gt;.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:768px) { .navbar-expand-md { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-md .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-md&gt;.container, .navbar-expand-md&gt;.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-md .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-md .navbar-toggler { display: none } } @media (max-width:991.98px) { .navbar-expand-lg&gt;.container, .navbar-expand-lg&gt;.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:992px) { .navbar-expand-lg { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-lg .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-lg&gt;.container, .navbar-expand-lg&gt;.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-lg .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-lg .navbar-toggler { display: none } } @media (max-width:1199.98px) { .navbar-expand-xl&gt;.container, .navbar-expand-xl&gt;.container-fluid { padding-right: 0; padding-left: 0 } } @media (min-width:1200px) { .navbar-expand-xl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand-xl .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand-xl&gt;.container, .navbar-expand-xl&gt;.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand-xl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand-xl .navbar-toggler { display: none } } .navbar-expand { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start } .navbar-expand&gt;.container, .navbar-expand&gt;.container-fluid { padding-right: 0; padding-left: 0 } .navbar-expand .navbar-nav { -ms-flex-direction: row; flex-direction: row } .navbar-expand .navbar-nav .dropdown-menu { position: absolute } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem } .navbar-expand&gt;.container, .navbar-expand&gt;.container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap } .navbar-expand .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto } .navbar-expand .navbar-toggler { display: none } .navbar-light .navbar-brand { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .7) } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, .3) } .navbar-light .navbar-nav .active&gt;.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show&gt;.nav-link { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, .5); border-color: rgba(0, 0, 0, .1) } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-light .navbar-text { color: rgba(0, 0, 0, .5) } .navbar-light .navbar-text a { color: rgba(0, 0, 0, .9) } .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9) } .navbar-dark .navbar-brand { color: #fff } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, .5) } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, .75) } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, .25) } .navbar-dark .navbar-nav .active&gt;.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show&gt;.nav-link { color: #fff } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, .5); border-color: rgba(255, 255, 255, .1) } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") } .navbar-dark .navbar-text { color: rgba(255, 255, 255, .5) } .navbar-dark .navbar-text a { color: #fff } .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem } .card&gt;hr { margin-right: 0; margin-left: 0 } .card&gt;.list-group:first-child .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .card&gt;.list-group:last-child .list-group-item:last-child { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem } .card-title { margin-bottom: .75rem } .card-subtitle { margin-top: -.375rem; margin-bottom: 0 } .card-text:last-child { margin-bottom: 0 } .card-link:hover { text-decoration: none } .card-link+.card-link { margin-left: 1.25rem } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125) } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0 } .card-header+.list-group .list-group-item:first-child { border-top: 0 } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125) } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px) } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0 } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem } .card-img { width: 100%; border-radius: calc(.25rem - 1px) } .card-img-top { width: 100%; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px) } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px) } .card-deck { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-deck .card { margin-bottom: 15px } @media (min-width:576px) { .card-deck { -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px } .card-deck .card { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px } } .card-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column } .card-group&gt;.card { margin-bottom: 15px } @media (min-width:576px) { .card-group { -ms-flex-flow: row wrap; flex-flow: row wrap } .card-group&gt;.card { -ms-flex: 1 0 0%; flex: 1 0 0%; margin-bottom: 0 } .card-group&gt;.card+.card { margin-left: 0; border-left: 0 } .card-group&gt;.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .card-group&gt;.card:not(:last-child) .card-header, .card-group&gt;.card:not(:last-child) .card-img-top { border-top-right-radius: 0 } .card-group&gt;.card:not(:last-child) .card-footer, .card-group&gt;.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0 } .card-group&gt;.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .card-group&gt;.card:not(:first-child) .card-header, .card-group&gt;.card:not(:first-child) .card-img-top { border-top-left-radius: 0 } .card-group&gt;.card:not(:first-child) .card-footer, .card-group&gt;.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0 } } .card-columns .card { margin-bottom: .75rem } @media (min-width:576px) { .card-columns { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1 } .card-columns .card { display: inline-block; width: 100% } } .accordion&gt;.card { overflow: hidden } .accordion&gt;.card:not(:first-of-type) .card-header:first-child { border-radius: 0 } .accordion&gt;.card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0 } .accordion&gt;.card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .accordion&gt;.card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0 } .accordion&gt;.card .card-header { margin-bottom: -1px } .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem } .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #6c757d; content: "/" } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: underline } .breadcrumb-item+.breadcrumb-item:hover::before { text-decoration: none } .breadcrumb-item.active { color: #6c757d } .pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6 } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6 } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25) } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #007bff; border-color: #007bff } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6 } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5 } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5 } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out } @media (prefers-reduced-motion:reduce) { .badge { transition: none } } a.badge:focus, a.badge:hover { text-decoration: none } .badge:empty { display: none } .btn .badge { position: relative; top: -1px } .badge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem } .badge-primary { color: #fff; background-color: #007bff } a.badge-primary:focus, a.badge-primary:hover { color: #fff; background-color: #0062cc } a.badge-primary.focus, a.badge-primary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5) } .badge-secondary { color: #fff; background-color: #6c757d } a.badge-secondary:focus, a.badge-secondary:hover { color: #fff; background-color: #545b62 } a.badge-secondary.focus, a.badge-secondary:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5) } .badge-success { color: #fff; background-color: #28a745 } a.badge-success:focus, a.badge-success:hover { color: #fff; background-color: #1e7e34 } a.badge-success.focus, a.badge-success:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5) } .badge-info { color: #fff; background-color: #17a2b8 } a.badge-info:focus, a.badge-info:hover { color: #fff; background-color: #117a8b } a.badge-info.focus, a.badge-info:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5) } .badge-warning { color: #212529; background-color: #ffc107 } a.badge-warning:focus, a.badge-warning:hover { color: #212529; background-color: #d39e00 } a.badge-warning.focus, a.badge-warning:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5) } .badge-danger { color: #fff; background-color: #dc3545 } a.badge-danger:focus, a.badge-danger:hover { color: #fff; background-color: #bd2130 } a.badge-danger.focus, a.badge-danger:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5) } .badge-light { color: #212529; background-color: #f8f9fa } a.badge-light:focus, a.badge-light:hover { color: #212529; background-color: #dae0e5 } a.badge-light.focus, a.badge-light:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5) } .badge-dark { color: #fff; background-color: #343a40 } a.badge-dark:focus, a.badge-dark:hover { color: #fff; background-color: #1d2124 } a.badge-dark.focus, a.badge-dark:focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5) } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem } @media (min-width:576px) { .jumbotron { padding: 4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 4rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .75rem 1.25rem; color: inherit } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff } .alert-primary hr { border-top-color: #9fcdff } .alert-primary .alert-link { color: #002752 } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db } .alert-secondary hr { border-top-color: #c8cbcf } .alert-secondary .alert-link { color: #202326 } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb } .alert-success hr { border-top-color: #b1dfbb } .alert-success .alert-link { color: #0b2e13 } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb } .alert-info hr { border-top-color: #abdde5 } .alert-info .alert-link { color: #062c33 } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba } .alert-warning hr { border-top-color: #ffe8a1 } .alert-warning .alert-link { color: #533f03 } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb } .alert-danger hr { border-top-color: #f1b0b7 } .alert-danger .alert-link { color: #491217 } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe } .alert-light hr { border-top-color: #ececf6 } .alert-light .alert-link { color: #686868 } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca } .alert-dark hr { border-top-color: #b9bbbe } .alert-dark .alert-link { color: #040505 } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } @keyframes progress-bar-stripes { from { background-position: 1rem 0 } to { background-position: 0 0 } } .progress { display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem } .progress-bar { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none } } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start } .media-body { -ms-flex: 1; flex: 1 } .list-group { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .list-group-item-action { width: 100%; color: #495057; text-align: inherit } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa } .list-group-item-action:active { color: #212529; background-color: #e9ecef } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125) } .list-group-item:first-child { border-top-left-radius: .25rem; border-top-right-radius: .25rem } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff } .list-group-horizontal { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } @media (min-width:576px) { .list-group-horizontal-sm { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:768px) { .list-group-horizontal-md { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:992px) { .list-group-horizontal-lg { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } @media (min-width:1200px) { .list-group-horizontal-xl { -ms-flex-direction: row; flex-direction: row } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0 } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; border-top-right-radius: 0 } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; border-bottom-left-radius: 0 } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0 } .list-group-flush .list-group-item:last-child { margin-bottom: -1px } .list-group-flush:first-child .list-group-item:first-child { border-top: 0 } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0 } .list-group-item-primary { color: #004085; background-color: #b8daff } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #004085; background-color: #9fcdff } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085 } .list-group-item-secondary { color: #383d41; background-color: #d6d8db } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #383d41; background-color: #c8cbcf } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41 } .list-group-item-success { color: #155724; background-color: #c3e6cb } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #155724; background-color: #b1dfbb } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724 } .list-group-item-info { color: #0c5460; background-color: #bee5eb } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #0c5460; background-color: #abdde5 } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460 } .list-group-item-warning { color: #856404; background-color: #ffeeba } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #856404; background-color: #ffe8a1 } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404 } .list-group-item-danger { color: #721c24; background-color: #f5c6cb } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #721c24; background-color: #f1b0b7 } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24 } .list-group-item-light { color: #818182; background-color: #fdfdfe } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #818182; background-color: #ececf6 } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182 } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #1b1e21; background-color: #b9bbbe } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21 } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } a.close.disabled { pointer-events: none } .toast { max-width: 350px; overflow: hidden; font-size: .875rem; background-color: rgba(255, 255, 255, .85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: .25rem } .toast:not(:last-child) { margin-bottom: .75rem } .toast.showing { opacity: 1 } .toast.show { display: block; opacity: 1 } .toast.hide { display: none } .toast-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: .25rem .75rem; color: #6c757d; background-color: rgba(255, 255, 255, .85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, .05) } .toast-body { padding: .75rem } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px) } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none } } .modal.show .modal-dialog { -webkit-transform: none; transform: none } .modal-dialog-scrollable { display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-footer, .modal-dialog-scrollable .modal-header { -ms-flex-negative: 0; flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: "" } .modal-dialog-centered.modal-dialog-scrollable { -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; height: 100% } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable::before { content: none } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: .3rem; border-top-right-radius: .3rem } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 1.5 } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem } .modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: .3rem; border-bottom-left-radius: .3rem } .modal-footer&gt;:not(:first-child) { margin-left: .25rem } .modal-footer&gt;:not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered::before { height: calc(100vh - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width:1200px) { .modal-xl { max-width: 1140px } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0 } .tooltip.show { opacity: .9 } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid } .bs-tooltip-auto[x-placement^=top], .bs-tooltip-top { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow { bottom: 0 } .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { top: 0; border-width: .4rem .4rem 0; border-top-color: #000 } .bs-tooltip-auto[x-placement^=right], .bs-tooltip-right { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-right .arrow { left: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-right .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000 } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0 } .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 } .bs-tooltip-auto[x-placement^=left], .bs-tooltip-left { padding: 0 .4rem } .bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-left .arrow { right: 0; width: .4rem; height: .8rem } .bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-left .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000 } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem } .popover .arrow::after, .popover .arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid } .bs-popover-auto[x-placement^=top], .bs-popover-top { margin-bottom: .5rem } .bs-popover-auto[x-placement^=top]&gt;.arrow, .bs-popover-top&gt;.arrow { bottom: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=top]&gt;.arrow::before, .bs-popover-top&gt;.arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=top]&gt;.arrow::after, .bs-popover-top&gt;.arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff } .bs-popover-auto[x-placement^=right], .bs-popover-right { margin-left: .5rem } .bs-popover-auto[x-placement^=right]&gt;.arrow, .bs-popover-right&gt;.arrow { left: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=right]&gt;.arrow::before, .bs-popover-right&gt;.arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=right]&gt;.arrow::after, .bs-popover-right&gt;.arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff } .bs-popover-auto[x-placement^=bottom], .bs-popover-bottom { margin-top: .5rem } .bs-popover-auto[x-placement^=bottom]&gt;.arrow, .bs-popover-bottom&gt;.arrow { top: calc((.5rem + 1px) * -1) } .bs-popover-auto[x-placement^=bottom]&gt;.arrow::before, .bs-popover-bottom&gt;.arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=bottom]&gt;.arrow::after, .bs-popover-bottom&gt;.arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff } .bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f7f7f7 } .bs-popover-auto[x-placement^=left], .bs-popover-left { margin-right: .5rem } .bs-popover-auto[x-placement^=left]&gt;.arrow, .bs-popover-left&gt;.arrow { right: calc((.5rem + 1px) * -1); width: .5rem; height: 1rem; margin: .3rem 0 } .bs-popover-auto[x-placement^=left]&gt;.arrow::before, .bs-popover-left&gt;.arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0, 0, 0, .25) } .bs-popover-auto[x-placement^=left]&gt;.arrow::after, .bs-popover-left&gt;.arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px) } .popover-header:empty { display: none } .popover-body { padding: .5rem .75rem; color: #212529 } .carousel { position: relative } .carousel.pointer-event { -ms-touch-action: pan-y; touch-action: pan-y } .carousel-inner { position: relative; width: 100%; overflow: hidden } .carousel-inner::after { display: block; clear: both; content: "" } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block } .active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) { -webkit-transform: translateX(100%); transform: translateX(100%) } .active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; -webkit-transform: none; transform: none } .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1 } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s .6s opacity } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: .5; transition: opacity .15s ease } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9 } .carousel-control-prev { left: 0 } .carousel-control-next { right: 0 } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100% } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e") } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none } .carousel-indicators li { box-sizing: content-box; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease } @media (prefers-reduced-motion:reduce) { .carousel-indicators li { transition: none } } .carousel-indicators .active { opacity: 1 } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1 } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0) } 50% { opacity: 1 } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow .75s linear infinite; animation: spinner-grow .75s linear infinite } .spinner-grow-sm { width: 1rem; height: 1rem } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .bg-primary { background-color: #007bff !important } a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover { background-color: #0062cc !important } .bg-secondary { background-color: #6c757d !important } a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover { background-color: #545b62 !important } .bg-success { background-color: #28a745 !important } a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover { background-color: #1e7e34 !important } .bg-info { background-color: #17a2b8 !important } a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover { background-color: #117a8b !important } .bg-warning { background-color: #ffc107 !important } a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover { background-color: #d39e00 !important } .bg-danger { background-color: #dc3545 !important } a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover { background-color: #bd2130 !important } .bg-light { background-color: #f8f9fa !important } a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover { background-color: #dae0e5 !important } .bg-dark { background-color: #343a40 !important } a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover { background-color: #1d2124 !important } .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .border { border: 1px solid #dee2e6 !important } .border-top { border-top: 1px solid #dee2e6 !important } .border-right { border-right: 1px solid #dee2e6 !important } .border-bottom { border-bottom: 1px solid #dee2e6 !important } .border-left { border-left: 1px solid #dee2e6 !important } .border-0 { border: 0 !important } .border-top-0 { border-top: 0 !important } .border-right-0 { border-right: 0 !important } .border-bottom-0 { border-bottom: 0 !important } .border-left-0 { border-left: 0 !important } .border-primary { border-color: #007bff !important } .border-secondary { border-color: #6c757d !important } .border-success { border-color: #28a745 !important } .border-info { border-color: #17a2b8 !important } .border-warning { border-color: #ffc107 !important } .border-danger { border-color: #dc3545 !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #343a40 !important } .border-white { border-color: #fff !important } .rounded-sm { border-radius: .2rem !important } .rounded { border-radius: .25rem !important } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important } .rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important } .rounded-lg { border-radius: .3rem !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-0 { border-radius: 0 !important } .clearfix::after { display: block; clear: both; content: "" } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } @media (min-width:576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width:1200px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive::before { display: block; content: "" } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9::before { padding-top: 42.857143% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } @media (min-width:576px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:768px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:992px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width:1200px) { .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important } } .float-left { float: left !important } .float-right { float: right !important } .float-none { float: none !important } @media (min-width:576px) { .float-sm-left { float: left !important } .float-sm-right { float: right !important } .float-sm-none { float: none !important } } @media (min-width:768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .float-md-none { float: none !important } } @media (min-width:992px) { .float-lg-left { float: left !important } .float-lg-right { float: right !important } .float-lg-none { float: none !important } } @media (min-width:1200px) { .float-xl-left { float: left !important } .float-xl-right { float: right !important } .float-xl-none { float: none !important } } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports ((position:-webkit-sticky) or (position:sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important } .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important } .shadow-none { box-shadow: none !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0) } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .m-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.5rem !important } .m-n3 { margin: -1rem !important } .mt-n3, .my-n3 { margin-top: -1rem !important } .mr-n3, .mx-n3 { margin-right: -1rem !important } .mb-n3, .my-n3 { margin-bottom: -1rem !important } .ml-n3, .mx-n3 { margin-left: -1rem !important } .m-n4 { margin: -1.5rem !important } .mt-n4, .my-n4 { margin-top: -1.5rem !important } .mr-n4, .mx-n4 { margin-right: -1.5rem !important } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important } .ml-n4, .mx-n4 { margin-left: -1.5rem !important } .m-n5 { margin: -3rem !important } .mt-n5, .my-n5 { margin-top: -3rem !important } .mr-n5, .mx-n5 { margin-right: -3rem !important } .mb-n5, .my-n5 { margin-bottom: -3rem !important } .ml-n5, .mx-n5 { margin-left: -3rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width:576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important } .m-sm-n3 { margin: -1rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important } .m-sm-n4 { margin: -1.5rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important } .m-sm-n5 { margin: -3rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width:768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important } .m-md-n3 { margin: -1rem !important } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important } .m-md-n4 { margin: -1.5rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important } .m-md-n5 { margin: -3rem !important } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width:992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important } .m-lg-n3 { margin: -1rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important } .m-lg-n4 { margin: -1.5rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important } .m-lg-n5 { margin: -3rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width:1200px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important } .m-xl-n3 { margin: -1rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important } .m-xl-n4 { margin: -1.5rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important } .m-xl-n5 { margin: -3rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important } .text-justify { text-align: justify !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width:576px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width:768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width:992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width:1200px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .font-weight-light { font-weight: 300 !important } .font-weight-lighter { font-weight: lighter !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-bolder { font-weight: bolder !important } .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: #007bff !important } a.text-primary:focus, a.text-primary:hover { color: #0056b3 !important } .text-secondary { color: #6c757d !important } a.text-secondary:focus, a.text-secondary:hover { color: #494f54 !important } .text-success { color: #28a745 !important } a.text-success:focus, a.text-success:hover { color: #19692c !important } .text-info { color: #17a2b8 !important } a.text-info:focus, a.text-info:hover { color: #0f6674 !important } .text-warning { color: #ffc107 !important } a.text-warning:focus, a.text-warning:hover { color: #ba8b00 !important } .text-danger { color: #dc3545 !important } a.text-danger:focus, a.text-danger:hover { color: #a71d2a !important } .text-light { color: #f8f9fa !important } a.text-light:focus, a.text-light:hover { color: #cbd3da !important } .text-dark { color: #343a40 !important } a.text-dark:focus, a.text-dark:hover { color: #121416 !important } .text-body { color: #212529 !important } .text-muted { color: #6c757d !important } .text-black-50 { color: rgba(0, 0, 0, .5) !important } .text-white-50 { color: rgba(255, 255, 255, .5) !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none !important } .text-break { word-break: break-word !important; overflow-wrap: break-word !important } .text-reset { color: inherit !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } @media print { *, ::after, ::before { text-shadow: none !important; box-shadow: none !important } a:not(.btn) { text-decoration: underline } abbr[title]::after { content: " (" attr(title) ")" } pre { white-space: pre-wrap !important } blockquote, pre { border: 1px solid #adb5bd; page-break-inside: avoid } thead { display: table-header-group } img, tr { page-break-inside: avoid } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } @page { size: a3 } body { min-width: 992px !important } .container { min-width: 992px !important } .navbar { display: none } .badge { border: 1px solid #000 } .table { border-collapse: collapse !important } .table td, .table th { background-color: #fff !important } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6 !important } .table-dark { color: inherit } .table-dark tbody+tbody, .table-dark td, .table-dark th, .table-dark thead th { border-color: #dee2e6 } .table .thead-dark th { color: inherit; border-color: #dee2e6 } } /* ! jQuery UI - v1.13.2 - 2022-07-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&amp;fsDefault=1em&amp;fwDefault=normal&amp;cornerRadius=3px&amp;bgColorHeader=e9e9e9&amp;bgTextureHeader=flat&amp;borderColorHeader=dddddd&amp;fcHeader=333333&amp;iconColorHeader=444444&amp;bgColorContent=ffffff&amp;bgTextureContent=flat&amp;borderColorContent=dddddd&amp;fcContent=333333&amp;iconColorContent=444444&amp;bgColorDefault=f6f6f6&amp;bgTextureDefault=flat&amp;borderColorDefault=c5c5c5&amp;fcDefault=454545&amp;iconColorDefault=777777&amp;bgColorHover=ededed&amp;bgTextureHover=flat&amp;borderColorHover=cccccc&amp;fcHover=2b2b2b&amp;iconColorHover=555555&amp;bgColorActive=007fff&amp;bgTextureActive=flat&amp;borderColorActive=003eff&amp;fcActive=ffffff&amp;iconColorActive=ffffff&amp;bgColorHighlight=fffa90&amp;bgTextureHighlight=flat&amp;borderColorHighlight=dad55e&amp;fcHighlight=777620&amp;iconColorHighlight=777620&amp;bgColorError=fddfdf&amp;bgTextureError=flat&amp;borderColorError=f1a899&amp;fcError=5f3f3f&amp;iconColorError=cc0000&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=flat&amp;bgImgOpacityOverlay=0&amp;opacityOverlay=30&amp;bgColorShadow=666666&amp;bgTextureShadow=flat&amp;bgImgOpacityShadow=0&amp;opacityShadow=30&amp;thicknessShadow=5px&amp;offsetTopShadow=0px&amp;offsetLeftShadow=0px&amp;cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ---------------------------------- */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; -ms-filter: "alpha(opacity=0)"; /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ---------------------------------- */ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ---------------------------------- */ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ---------------------------------- */ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE &lt;= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup &gt; .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup &gt; .ui-controlgroup-item:focus, .ui-controlgroup &gt; .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical &gt; .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android &lt; 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; -ms-filter: "alpha(opacity=25)"; /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ---------------------------------- */ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ---------------------------------- */ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ---------------------------------- */ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; -ms-filter: "alpha(opacity=70)"; /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; -ms-filter: "alpha(opacity=35)"; /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */ } /* Icons ---------------------------------- */ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } /* positioning */ /* Three classes needed to override `.ui-button:hover .ui-icon` */ .ui-icon-blank.ui-icon-blank.ui-icon-blank { background-image: none; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ---------------------------------- */ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } @charset "UTF-8"; /* ! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* ! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.3.1 * Github: https://github.com/IanLunn/Hover */ /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; /* -webkit-animation-fill-mode: forwards; */ animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; /* -webkit-animation-fill-mode: forwards; */ animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Forward */ .hvr-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { -webkit-transform: translateX(8px); transform: translateX(8px); } /* Backward */ .hvr-backward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active { -webkit-transform: translateX(-8px); transform: translateX(-8px); } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: var(--first-color); color: white; } /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: var(--first-color); } } @keyframes hvr-back-pulse { 50% { background-color: var(--first-color); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: var(--first-color); color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--first-color); -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--first-color); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--first-color); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background-color: var(--first-color); -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: var(--first-color); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background-color: var(--first-color); height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background-color: var(--first-color); height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background-color: var(--first-color); height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background-color: var(--first-color); height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; top: 0; background-color: var(--first-color); height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background-color: var(--first-color); height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098D1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background-color: var(--first-color); height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background-color: var(--first-color); height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } /* Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* ICONS */ /* Icon Back */ .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-back .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon { -webkit-transform: translateX(-4px); transform: translateX(-4px); } /* Icon Forward */ .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-forward .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon { -webkit-transform: translateX(4px); transform: translateX(4px); } /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-down .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-up .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Spin */ .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-spin .hvr-icon { -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-drop .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; /* -webkit-animation-fill-mode: forwards; */ animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Icon Fade */ .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-fade .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon { color: #0F9E5E; } /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-float-away .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; /* -webkit-animation-fill-mode: forwards; */ animation-fill-mode: forwards; } .hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-sink-away .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; /* -webkit-animation-fill-mode: forwards; */ animation-fill-mode: forwards; } .hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Grow */ .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } /* Icon Shrink */ .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-shrink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon { -webkit-transform: scale(0.8); transform: scale(0.8); } /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-pulse .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-pulse-grow .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } .hvr-icon-pulse-shrink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-push .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-pop .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Bounce */ .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bounce .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Icon Rotate */ .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-rotate .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon { -webkit-transform: rotate(20deg); transform: rotate(20deg); } /* Icon Grow Rotate */ .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } /* Icon Float */ .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-float .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* Icon Sink */ .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-sink .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon { -webkit-transform: translateY(4px); transform: translateY(4px); } /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bob .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; /* -webkit-animation-fill-mode: forwards; */ animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-hang .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; /* -webkit-animation-fill-mode: forwards; */ animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz-out .hvr-icon { -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* CURLS */ /* Curl Top Left */ .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); /* For IE7-8-9 */ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; } /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; } /* *********************** + Ninja Facebook Chat *********************** */ /* *********************** Ninja Facebook Chat *********************** */ img.facebook-messenger-avatar { width: 60% !important; margin-top: 19% !important; margin-left: 17% !important; } .es_calc_container { color: var(--sixth-color); font: var(--font-2); font-size: 14px; } .layout_horizontal .es_calc_form { padding: 15px; } .es_calc_form { text-align: left; } .layout_horizontal .es_calc_input, .layout_horizontal #es_calc_purchase_price { width: auto; max-width: 65%; } .es_calc_form input { color: var(--second-color); font-weight: bold; border-radius: 0; } .es_calc_form input.es_calc_submit, .layout_horizontal { border: 1px solid #ccc; } .es_calc_form input.es_calc_submit, .layout_horizontal .btn { color: #fff; font-size: 14px; font-weight: 600; background: var(--first-color); border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .es_calc_form input.es_calc_submit:hover { background: var(--second-color); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .layout_horizontal .es_calc_option_title { float: none; width: 90%; } .layout_horizontal .es_calc_option { text-align: left; } .layout_horizontal .es_calc_option_info_icon { position: absolute; right: 7px; top: 25px; } .es_calc_option_info_icon { background: url('../../images/plugins/estatik/info.png') no-repeat; } .es_calc_option_info_icon:hover { background: url('../../images/plugins/estatik/info.png') no-repeat; } .es_calc_option_info { font-size: 12px; line-height: 1.2; -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2); box-shadow: 2px 2px 5px rgba(0,0,0,0.2); } .es_calc_container .irs-line { background: #ccc; } .irs.js-irs-0 .irs-line { top: 25px; } .es_calc_option .irs-slider { border-bottom-color: var(--second-color); } .es_calc_form input.es_calc_submit:hover, .es_calc_option .irs-bar, .es_calc_option .irs-bar-edge, .es_calc_title { background-color: var(--second-color); } .ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut, .ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut { stroke: var(--second-color); } .es_calc_popup_graph .es_calc_result_container#es_calc_interest_container { border-left-color: var(--second-color); } .es_calc_popup_graph .es_calc_result_container#es_calc_property_tax_container { border-left-color: var(--third-color); } .ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut { stroke: var(--third-color); } .ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut{ stroke: var(--first-color); } .es_calc_popup_graph .es_calc_result_container#es_calc_home_insurance_container { border-left-color: var(--first-color); } .es_calc_popup h1 { color: var(--second-color); font-size: 25px; } .es_calc_form input.es_calc_submit.active, .es_calc_form input.es_calc_submit.active:hover { background-color: var(--second-color); border-color: var(--second-color); color:#fff; } @media (max-width: 768px) { .es_calc_form input.es_calc_submit { margin: 50px 0 15px; } .es_calc_rangeslider_container { width: 100%; } .irs-line { top: 24px; } .es_calc_container .irs-line-right { background: #ccc; } .es_calc_option { padding-top: 30px; } } .table-card-deck .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: 0.25rem; text-align: left; line-height: 3rem; } .table-card-deck span{ line-height: 2rem; } .table-card-deck span:last-of-type b{ display: none; } .table-card-deck .agenta-button { background-color: transparent!important; color: var(--first-color)!important; border: none; padding: 1rem 0 0; margin: 0; line-height: 2rem; } .table td, .table th { padding: 1rem; vertical-align: middle; border-top: 1px solid #e9ecef; } .buyer-needs-block .agenta-button{ margin-bottom: 0; } #jquery-script-menu{position:fixed;height:90px;width:100%;top:0;left:0;border-top:5px solid #316594;background:#fff;-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.16);box-shadow:0 2px 3px 0 rgba(0,0,0,.16);z-index:999999;padding:10px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.jquery-script-center{width:960px;margin:0 auto}.jquery-script-center ul{width:212px;float:left;line-height:45px;margin:0;padding:0;list-style:none}.jquery-script-center a{text-decoration:none}.jquery-script-ads{width:728px;height:90px;float:right}.jquery-script-clear{clear:both;height:0}#carbonads{display:block;overflow:hidden;max-width:728px;position:relative;font-size:22px;box-sizing:content-box}#carbonads&gt;span{display:block}#carbonads a{color:#4078c0;text-decoration:none}#carbonads a:hover{color:#3664A3}.carbon-wrap{display:flex;align-items:center}.carbon-img{display:block;margin:0;line-height:1}.carbon-img img{display:block;height:90px;width:auto}.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:left}.carbon-poweredby{display:block;position:absolute;bottom:0;right:0;padding:6px 10px;text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:8px;border-top-left-radius:4px;line-height:1;color:#aaa!important}@media only screen and (min-width:320px) and (max-width:759px){.carbon-text{font-size:14px}} .full-width-copy-block{ padding: 120px; } .box-header{ padding: 120px 0 0; } .full-width-copy-block .copy-box{ text-align: center; } .full-width-copy-block .copy-box a { margin: 2em auto 0; } .split-screen-left-copy-block .copy-box{ text-align: left; padding: 100px; } .split-screen-left-copy-block, .split-screen-right-copy-block { min-height: 26rem; } .split-screen-left-copy-block .copy-box a:first-child { margin: 0 0 0 0; } .split-screen-right-copy-block .copy-box{ text-align: left; padding: 100px; } .primary .area-intro .copy-box,.secondary .area-intro .copy-box { text-align: left; } .area-intro .copy-box { height: 100%; padding: 80px; } .bio-intro{ height: auto; } .bio-intro .copy-box { height: 100%; padding: 80px; } .primary .bio-intro .copy-box,.secondary .bio-intro .copy-box { text-align: left; } .split-screen-left-copy-block .image-box, .split-screen-right-copy-block .image-box { display: block; position: relative; overflow: hidden; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; } .split-screen-left-copy-block .background-container { right: 0; } .split-screen-left-copy-block .background-container .lazy, .split-screen-right-copy-block .background-container .lazy { background-attachment: inherit; } .parallax-image-background-alt .background-container .lazy { /* background-attachment: scroll; */ } #home-bio-box .contact-info { margin: 2rem auto 0; display: inline-block; height: auto; } #home-bio-box .contact-info a { margin: 0 0 1rem 0; display: inline; color: #fff; } #home-bio-box .contact-info a:first-of-type { margin-right: 1rem; } @media (max-width: 1024px) { #home-bio-box .contact-info a { width: 100%; text-align: center; } } @media (max-width: 1024px){ .split-screen-right-copy-block .copy-box,.split-screen-left-copy-block .copy-box,.process-step.split-screen-right-copy-block .copy-box,.process-step.split-screen-left-copy-block .copy-box { padding: 4rem; } .parallax-image-background-alt .background-container .lazy, .split-screen-left-copy-block .background-container .lazy, .split-screen-right-copy-block .background-container .lazy, #home-bio-box.parallax-image-background-alt .background-container .lazy { background-attachment: inherit!important; } } @media (max-width: 1023px){ #home-bio-box.split-screen-right-copy-block &gt; div:first-child, .area-intro.split-screen-right-copy-block &gt; div:first-child, .bio-intro.split-screen-right-copy-block &gt; div:first-child { display: table-header-group; } #home-bio-box { padding:0!important; background-color: #fff!important; } .area-intro .copy-box , .bio-intro .copy-box { background-color: #fff!important; padding: 2rem!important; } .split-screen-right-copy-block .copy-box,.split-screen-left-copy-block .copy-box,.process-step.split-screen-right-copy-block .copy-box,.process-step.split-screen-left-copy-block .copy-box { padding: 4rem; } #home-bio-box .copy-box h1, #home-bio-box .copy-box h2, #home-bio-box .copy-box h3, #home-bio-box .copy-box h4, #home-bio-box .copy-box h5, #home-bio-box .copy-box h6, .area-intro .copy-box h1, .area-intro .copy-box h2, .area-intro .copy-box h3, .area-intro .copy-box h4, .area-intro .copy-box h5, .area-intro .copy-box h6, .bio-intro .copy-box h1, .bio-intro .copy-box h2, .bio-intro .copy-box h3, .bio-intro .copy-box h4, .bio-intro .copy-box h5, .bio-intro .copy-box h6 { color: inherit; } } @media (max-width: 767px){ #home-bio-box.split-screen-right-copy-block &gt; div:first-child, .area-intro.split-screen-right-copy-block &gt; div:first-child, .bio-intro.split-screen-right-copy-block &gt; div:first-child { display: table-header-group; } #home-bio-box { padding:0!important; background-color: #fff!important; } #home-bio-box .contact-info a{ width: 100%; text-align: center; } .area-intro .copy-box , .bio-intro .copy-box { background-color: #fff!important; padding: 2rem!important; } #home-bio-box.split-screen-right-copy-block .background-container .lazy { opacity: 1; background-position: 10% -40px; background-size: 240%; } .parallax-image-background-alt .background-container .lazy { background-attachment: inherit!important; } .split-screen-left-copy-block, .split-screen-right-copy-block { min-height: auto; } .split-screen-left-copy-block .contact-info a:not(.copy-button){ margin: 1rem 0!important; } .split-screen-left-copy-block .image-box,.split-screen-right-copy-block .image-box{ height: 50vh; } .split-screen-right-copy-block,.split-screen-left-copy-block { display: flex; flex-flow: column; } .split-screen-right-copy-block .background-container .lazy, .split-screen-left-copy-block .background-container .lazy{ height: 40vh; } .split-screen-right-copy-block, .split-screen-left-copy-block{ display: table; } .split-screen-left-copy-block .background-container,.split-screen-right-copy-block .background-container { display: table-footer-group; position: relative; } .split-screen-right-copy-block &gt; div:first-child, .split-screen-left-copy-block &gt; div:first-child { display: table-header-group; height: 50vh; overflow: visible; } } @media (max-device-width : 1366px) and (orientation : landscape) { .parallax-image-background-alt .background-container .lazy, .split-screen-left-copy-block .background-container .lazy, .split-screen-right-copy-block .background-container .lazy, #home-bio-box.parallax-image-background-alt .background-container .lazy { background-attachment: inherit!important; } #featured-properties .featured-box { padding: 4rem 0rem; } } /* *********************** Copy Box *********************** */ .copy-box{ text-align: center; position: relative; z-index: 1; } .copy-box .copy-header { position: relative; display: block; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .copy-box h1 { margin-bottom: 2.5rem; } .copy-box h2 { margin-bottom: 2.5rem; } .copy-box h3 { margin-bottom: 1.5rem; } .copy-box h4 { margin-bottom: 1.5rem; } .copy-box h5 { margin-bottom: 1.2rem; } .copy-box h6 { margin-bottom: 1rem; } .copy-box a, .copy-box .no-link-button{ position: relative; width: max-content; color: #fff; padding: 10px 20px; cursor: pointer; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .copy-box .no-link-button { background: var(--first-color); margin: 2em 0 0; } .copy-box .no-link-button svg { position: relative; top: 2px; } .copy-box a.outline { color: var(--fifth-color)!important; background-color: transparent; border: 1px solid var(--fifth-color)!important; margin: 0 0 0 20px; position: relative; float: left; } .contact-info{ display: inline-flex; position: relative; height: 50px; margin: 2rem auto; } .contact-info a.outline { font-family: inherit; } .short-code-box{ width: 80%; margin: auto; height: auto; display: block; position: relative; z-index: 1; } .short-code-box-dark{ background-color: #eee; width: 80%; margin: auto; height: 80%; display: block; position: relative; top: 10%; transform: translate(0,-50%); z-index: 1; } .dark .copy-box h1, .dark .copy-box h2, .dark .copy-box h3,.dark .copy-box h4,.dark .copy-box h5,.dark .copy-box h6,.dark .copy-box p,.dark .copy-box div { color: #fff; } .dark .copy-box a.outline { color: #fff!important; background-color: transparent; border: 1px solid #fff!important; margin: 0 20px 0 0; position: relative; float: left; } .contact-info a.outline { font-size: 1rem; line-height: normal; } @media (max-device-width : 1536px) and (orientation : portrait) { .dark .copy-box h1, .dark .copy-box h2, .dark .copy-box h3,.dark .copy-box h4,.dark .copy-box h5,.dark .copy-box h6,.dark .copy-box p,.dark .copy-box div { color: #fff!important; } } @media (max-width: 1023px){ .dark .copy-box h1, .dark .copy-box h2, .dark .copy-box h3,.dark .copy-box h4,.dark .copy-box h5,.dark .copy-box h6,.dark .copy-box p,.dark .copy-box div { color: var(--first-color); } } @media (max-width: 767px){ .dark .copy-box h1, .dark .copy-box h2, .dark .copy-box h3,.dark .copy-box h4,.dark .copy-box h5,.dark .copy-box h6,.dark .copy-box p,.dark .copy-box div { color: #fff!important; } .contact-info a:first-child{ margin:0 auto 1rem auto!important; } .contact-info{ display: block; } .contact-info a:nth-child(2){ margin:0 auto 4rem auto!important; } #home-bio-box .copy-box h1, #home-bio-box .copy-box h2, #home-bio-box .copy-box h3, #home-bio-box .copy-box h4, #home-bio-box .copy-box h5, #home-bio-box .copy-box h6, .area-intro .copy-box h1, .area-intro .copy-box h2, .area-intro .copy-box h3, .area-intro .copy-box h4, .area-intro .copy-box h5, .area-intro .copy-box h6, .bio-intro .copy-box h1, .bio-intro .copy-box h2, .bio-intro .copy-box h3, .bio-intro .copy-box h4, .bio-intro .copy-box h5, .bio-intro .copy-box h6 { color: inherit; } } /* *********************** Stat Box *********************** */ .statbox { padding: 0 8vw; float: left; } .statbox .box-title { margin: 6% 0 20px; position: relative; display: block; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .statbox h3 { padding: 0; } .statwrapper { width: 80px; height: 80px; background: var(--first-color); color: #fff; font-size: 2em; padding: 0 0 0 5px; line-height: 80px; text-align: center; border-radius: 100px; display: block; margin: auto; text-align: center; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } @media (max-width: 768px){ .statbox { padding: 0; float: none; margin: 0 auto; max-width: 100%; } } /* *********************** Bio Box *********************** */ .bio-card{ display: inline-flex; padding: 15px; } .bio-copy-block{ max-width: 1200px; } .bio-box{ text-align: left; position: relative; z-index: 1; } .bio-copy-block .about-me { margin: 0 3rem 0 0; border-top: none; } .bio-box .copy-header { font-size: 2rem; position: relative; display: block; font-weight: 500; color: #444; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .bio-contact li { margin: 1rem 0 0; } .bio-contact li a{ transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .bio-contact li a:hover{ color: var(--first-color); } .bio-contact li svg { position: relative; margin-right: 5px; top: 1px; font-size: 14px; opacity: .6; color: var(--fifth-color); } .bio-contact li.agent-address svg { top: 10px; } .bio-box h1 { margin-bottom: 2.5rem; color: var(--fifth-color); } .bio-box h2 { margin-bottom: 2.5rem; color: var(--first-color); } .bio-box h3 { margin-bottom: 1.5rem; } .bio-box h4 { margin-bottom: 1.5rem; color: var(--first-color); } .bio-box h5 { margin-bottom: 1.2rem; } .bio-box h6 { margin-bottom: 1rem; } .bio-copy-block .about-me-details .social-links{ margin: 0; font-size: 1.2em; } .bio-copy-block .about-me-details a { position: relative; width: max-content; color: var(--first-color); padding: 0 10px 0 0; cursor: pointer; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .bio-copy-block .about-me-details a:hover { color: var(--fifth-color); } .bio-box ul.designations { margin: 0 0 0 1.5em; } .bio-box ul.designations li { font-size: 16px; line-height: 28px; padding: 5px 0; text-indent: -1.2em; } .bio-box ul.designations li:before { content: "•"; color: var(--first-color); top: 3px; margin-right: 10px; position: relative; font-size: 25px; } @media (max-width: 1400px) { .bio-copy-block{ padding:3rem; } } @media (max-width: 1024px) { .bio-copy-block &gt; div { padding: 0; width: 50%; flex: 0 0 50%; max-width: 50%; display: inline-block; vertical-align: top; } .about-me-thumbnail { max-height: none; } } @media (max-width: 767px){ .bio-copy-block { padding: 2rem 1rem; } .bio-copy-block .about-me-details{ margin-bottom: 2rem; } } @media (max-width: 575px){ .bio-copy-block { padding: 2rem 40px; } .bio-copy-block &gt; div { padding: 0; width: 100%; flex: 0 0 100%; max-width: 100%; display: block; text-align: left; } .bio-contact li.agent-email { margin-left: 0; } .bio-copy-block &gt; div:last-child { margin-top: 0; } .bio-copy-block .about-me { margin: 0; } } .col-2dot4, .col-sm-2dot4, .col-md-2dot4, .col-lg-2dot4, .col-xl-2dot4 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } @media (min-width: 540px) { .col-sm-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 720px) { .col-md-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 960px) { .col-lg-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (min-width: 1140px) { .col-xl-2dot4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 1024px){ .split-screen-left-copy-block .background-container .lazy{ background-size: cover!important; } .short-code-box { width: 92%; top: 4%; } } @media (max-width: 767px){ #sell-your-home.split-screen-left-copy-block .background-container .lazy { opacity: 1!important; } #sell-your-home.split-screen-left-copy-block { background-color: #fff!important; } .dark .copy-box a.outline { color: var(--fifth-color)!important; background-color: transparent; border: 1px solid var(--fifth-color); /* margin: 0 0 0 20px; */ position: relative; float: left; } .full-width-copy-block { padding: 40px; } .short-code-box { width: 100%; padding: 0 40px; top: 0; } .split-screen-left-copy-block .copy-box { padding: 60px 40px 60px 40px; } .split-screen-left-copy-block .copy-box p, .split-screen-left-copy-block .copy-box div { text-shadow: none; } .split-screen-left-copy-block .copy-box h1, .split-screen-left-copy-block .copy-box h5, .split-screen-left-copy-block .copy-box h6 { text-shadow: none; } .split-screen-left-copy-block .copy-box h4, .split-screen-left-copy-block .copy-box h2, .split-screen-left-copy-block .copy-box h3 { text-shadow: none; } .split-screen-left-copy-block .background-container { height: auto; } .split-screen-left-copy-block .background-container .lazy{ background-size: cover; background-position: center; } .split-screen-right-copy-block .copy-box, .process-step.split-screen-left-copy-block .copy-box,.process-step.split-screen-right-copy-block .copy-box, .split-screen-right-copy-block .copy-box { text-align: left; padding: 40px; } #sell-your-home.split-screen-left-copy-block .background-container, #sell-your-home.split-screen-right-copy-block .background-container { display: none; } #sell-your-home { padding-top: 0!important; } #sell-your-home.split-screen-left-copy-block, #sell-your-home.split-screen-left-copy-block .copy-box, #sell-your-home.split-screen-left-copy-block .short-code-box { background-color: var(--first-color)!important; } #sell-your-home #ihf-widget-valuation-form #ihf-valuation-request-form label { color: #ccc; } .split-screen-right-copy-block .copy-box a, .split-screen-right-copy-block .copy-box .no-link-button { margin-left: 0; } #testimonials-dark,#testimonials-light { margin: 0; padding: 0 0 2rem!important; } .slider{ padding: 60px 10px; } } /* ************************** Testimonials Indicators *************************** */ .carousel-control-prev-icon, .carousel-control-next-icon { font-family: 'agenta-icons'; background-image: none; opacity: .8; width: auto; height: auto; font-style: normal; font-size: 3.75rem; color: #777; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; } .carousel-control-prev:hover .carousel-control-prev-icon, .carousel-control-next:hover .carousel-control-next-icon, .ihf-slider-prev:hover .carousel-control-prev-icon, .ihf-slider-next:hover .carousel-control-next-icon { opacity: 1; } #testimonials-light .carousel-control-next, #testimonials-light .carousel-control-prev{ color: var(--first-color); } #testimonials-dark .carousel-control-next, #testimonials-dark .carousel-control-prev{ color: #fff; } .carousel-control-prev { left: -20px; } .carousel-control-next { right: -20px; } .carousel-indicators li { opacity: .4; } .carousel-indicators li.active { opacity: 1; } #dots.carousel-indicators li { width: 10px; height: 10px; border-radius: 100%; margin-right: 5px; margin-left: 5px; background-color: var(--first-color); } #circles.carousel-indicators li { width: 14px; height: 14px; border-radius: 100%; margin-right: 5px; margin-left: 5px; background:transparent; border:2px solid; border-color: var(--first-color); } #circles.carousel-indicators li.active { background:var(--first-color); } #bars.carousel-indicators li { position: relative; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 25px; height: 5px; margin-right: 5px; margin-left: 5px; text-indent: -999px; /* background-color: var(--first-color); */ } @media (max-width: 767px) { #testimonials .carousel-control-next, #testimonials .carousel-control-prev { top: auto; bottom: 34px; } .carousel-control-prev-icon, .carousel-control-next-icon { font-weight: 600; font-size: 2.5rem; } .carousel-control-prev { left: -15px!important; } .carousel-control-next { right: -15px!important; } } @media (max-width: 575px) { .carousel-inner { width: 80%; margin: 0 10%; } } /* #testimonials-dark #bars.carousel-indicators li , #testimonials-dark #bars.carousel-indicators li.active { background-color: #fff; } #testimonials-dark #dots.carousel-indicators li , #testimonials-dark #dots.carousel-indicators li.active { background-color: #fff; } #testimonials-dark #circles.carousel-indicators li , #testimonials-dark #circles.carousel-indicators li.active { border-color: #fff; } #testimonials-dark #circles.carousel-indicators li.active { background: #fff; } */ /* ************************** Accordion Light *************************** */ .accordion dl, .accordion-list { margin: 0 auto; &amp;:after { content: ""; display:block; height:1em; width:100%; } } .accordion dd { margin-bottom: 1.5rem; transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .accordion dd.is-expanded { margin-bottom: 0; } .accordion dd, .accordion__panel { background-color:transparent; } .accordion { position: relative; background-color: #fff; width: 100%; margin: 0 auto 80px; padding: 0; max-width: 1200px; text-align: center; } .accordion dd { text-align: left; padding: 0 2rem; } .accordion dd.is-expanded { padding: 2rem; } .accordion dd p:first-child{ margin-top: 2rem; } .accordion a{ color: var(--first-color); } .accordion ul { padding: 1rem 0; } .accordion ul li { padding-left: 1.3em; } .accordion ol li { line-height: 2rem; } .accordion ul li:before { content: "\2022"; font-size: 2rem; top: 3px; display: inline-block; margin-left: 0; width: .6em; color: var(--second-color); position: relative; } .accordionTitle, .accordion__Heading { background-color: #f0f0f0; text-align:left; font-weight:700; padding:1.4em; display:block; text-decoration:none; color:#fff; transition:background-color 0.2s ease-in-out; } .accordionTitle:before, .accordion__Heading:before { content: "+"; font-size: 1.5em; line-height: 1.2em; margin-right: 1rem; float: left; transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .accordionTitle:hover, .accordion__Heading:hover { background-color:var(--first-color); color: #fff!important; } .accordionTitleActive, .accordionTitle.is-expanded { background-color:var(--first-color); color: #fff!important; } .accordionTitleActive:before, .accordionTitle.is-expanded:before { transform:rotate(-225deg); line-height: 1.25em; } .accordionItem { height:auto; overflow:hidden; max-height:50em; transition:max-height 0.5s; } .accordionItem.is-collapsed { max-height:0; } .no-js .accordionItem.is-collapsed { max-height: auto; } /* .animateIn { -webkit-animation: accordionIn 0.2s normal ease-in-out both 1; animation: accordionIn 0.2s normal ease-in-out both 1; } .animateOut { animation: accordionOut 0.2s alternate ease-in-out both 1; } */ @keyframes accordionIn { 0% { -webkit-opacity: 0; -webkit-transform:scale(0.9) rotateX(-60deg); -webkit-transform-origin: 50% 0; opacity: 0; transform:scale(0.9) rotateX(-60deg); transform-origin: 50% 0; } 100% { -webkit-opacity: 1; -webkit-transform:scale(1); opacity:1; transform:scale(1); } } @keyframes accordionOut { 0% { opacity: 1; transform:scale(1); } 100% {  opacity:0; transform:scale(0.9) rotateX(-60deg); } } @media (max-width: 767px){ .accordion { padding: 2rem; } .accordionItem.is-expanded { height:auto; overflow:visible; max-height:50em; } } /* ************************** Buyer Needs | Table Layout *************************** */ .buyer-needs-block{ text-align: center; position: relative; padding: 2rem; } /* ************************** Modals *************************** */ .agenta-modal button.close { padding: 0; background: 0 0; border: 0; -webkit-appearance: none; position: relative; top: 20px; right: 20px; font-size: 50px; color: #fff; opacity: 1; } .modal-open .modal { background: rgba(0,0,0,.5); } .modal-dialog { /* overflow-x: hidden; */ /* overflow-y: auto; */ pointer-events: auto; } .modal-dialog:before, .modal-dialog:after,.ihf-modal-dialog:before, .ihf-modal-dialog:after { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-position: 50% 0; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .modal-dialog:before, .ihf-modal-dialog:before { z-index: 2; } .agenta-modal .modal-header { padding: 0px; display: block; border-bottom: none; border-top-left-radius: 0; border-top-right-radius: 0; } .modal-content { background-color: transparent; background-clip: unset; border: none; border-radius: 0; outline: 0; z-index: 3; } .modal-body { padding: 0; } .devices-mobile { display: none!important; } @media (max-width: 767px){ .devices-mobile { display: inherit!important; } .devices-desktop { display: none!important; } .modal-dialog{ margin-top: 60px; } .modal button.close { top: 10px; right: 10px; font-size: 40px; } } /* ************************** News/Blog Styles *************************** */ .archive h2,.single-blog h2, .archive h3,.single-blog h3, .archive h4,.single-blog h4 { margin: 0 0 .75rem; } .archive .site-main .container .row .col-main, .search .site-main .container .row .col-main, .single-blog .site-main .container .row .col-main{ padding-right: 3em; padding-left: 0; } .archive #primary, .search #primary, .single-blog #primary{ max-width: 100%; margin: 3rem auto; padding: 0 3rem; } #sidebar-top .feature-single { background-color: white; position: relative; width: 100%; padding: 50px 60px 60px; margin-top: 0; margin-bottom: 60px; border: 1px solid #EAEAEA; } #sidebar-top .feature-single .badge-featured { position: absolute; top: 20px; left: -10px; } #sidebar-top .feature-single .badge-featured .label { color: white !important; } #secondary .widget { background-color: white; margin: 0 0 1.5em; border: 1px solid #EAEAEA; padding: 3rem; } #secondary .widget ul li{ padding:1rem 0; border-bottom: 1px solid #EAEAEA; } #secondary .widget h2 { padding-bottom: 2rem; text-align: center; text-transform: uppercase; color: var(--fifth-color); font-size: 1rem; font-weight: 600; letter-spacing: 1.5px; } .archive .label { border-radius: 0; text-shadow: none; font-weight: 800; line-height: 45px; padding: 0 20px; background-color: var(--first-color) !important; text-transform: uppercase; letter-spacing: 1px; display: inline-block; height: 45px; } .archive .label::before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 0; border-color: transparent var(--second-color) transparent transparent; position: absolute; left: 0; bottom: -8px; z-index: 2; } #sidebar-top .feature-single .entry-date { margin: 0 0 1rem; text-transform: uppercase; text-align: center; } #sidebar-top .feature-single .entry-title { margin: 1rem 0; } #sidebar-top .feature-single .entry-content { margin: 2rem 0 0; } .entry-footer { margin-top: 2rem; text-align: left; } .entry-footer a{ padding: 12px 20px; text-transform: uppercase; font-size: 14px; line-height: 1.428571429; font-weight: 800; } #sidebar-top .feature-single .featured-image img { width: 100%; height: auto; } #sidebar-top .feature-single .entry-footer.copy-box a { padding: 10px 20px; cursor: pointer; } .archive .posts-header h2 { text-transform: uppercase; background-color: #EDEDED; margin-top: 0; margin-bottom: 2rem; padding: .6rem 0; font-size: 1.2rem; color: var(--fifth-color); text-align: center; font-weight: 400; } .archive .page-header h1 { color: #fff; text-align: center; } .hentry { margin: 1.5rem 0 0 0; padding: 0 0 1.5rem 0; border-bottom: 1px solid #e0e0e0; } .hentry .entry-date { color: #656565; font-size: 12px; font-weight: 400; text-transform: uppercase; } .hentry .entry-thumb { position: relative; overflow: hidden; margin: 0 2rem 0 0; } .hentry .entry-thumb img{ width: 100%; height: auto; } .hentry .entry-thumb:hover, #sidebar-top .feature-single .featured-image:hover { cursor: pointer; -moz-box-shadow: 8px 10px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 8px 10px 0px rgba(0,0,0,0.2); box-shadow: 8px 10px 0px rgba(0,0,0,0.2); -webkit-transition: all .2s ease; } .single .post { position: relative; margin: 0; padding: 0; } .single .entry-date { margin: 0 0 2rem; text-transform: uppercase; color: var(--fifth-color);; font-weight: 400; font-size: 1rem; letter-spacing: 1px; text-align: center; display: block; } .single-blog #primary h1 { margin: 0 0 3rem 0; font-size: 2rem; line-height: 3rem; color: var(--fifth-color); } .single-blog #primary .entry-thumb img { width: 100%; height: auto; } .single-blog #primary .entry-thumb { margin-bottom: 2rem; } .single-blog #primary .backButton{ position: relative; padding: 12px 20px; color: #fff; background-color: var(--first-color); top: -60px; -webkit-transition: all .2s ease; } .single-blog #primary .backButton:hover{ background-color: var(--fifth-color); } .single-blog .detail .prev, .single-blog .detail .next{ color: var(--first-color); margin: 1rem 0; padding-right: 10px; float: left; display: block; } .single-blog .detail .next{ padding-right: 0; } .single-blog .detail { display: inline-block; } /* section#prop-groups .flickity-slider { height: 450px; } */ section.properties .flickity-slider .prop-cell, section#prop-groups .flickity-slider .prop-cell .property-box { height: 100%; } section.properties .row.align-items-center { width: 90%; margin: 0 auto; } section.properties .flickity-prev-next-button.previous { left: -6%; } section.properties .flickity-prev-next-button.next { right: -6%; } @media (max-width: 1024px) { /* section#prop-groups .flickity-slider { height: 285px; } */ /* section#prop-groups .flickity-slider div.prop-cell { width: 50% } */ } @media (max-width: 768px) { /* section#prop-groups .flickity-slider { height: 225px; } */ } .col-sidebar .ihf-results-extra-info-small img { width: 30px!important; } .single-blog .detail .next:hover,.single-blog .detail .next:hover{ color: var(--fifth-color); } #post-header-title-card .background-container { background-color: #000; } .posts-header h2::after,.entry-header h2::after { display: none; } h2.entry-title { text-transform: none; } .entry-content img { max-width: 100%; height: auto; margin: 1rem auto; } .pagination { margin: 10px 0; } .pagination span,.pagination a{ margin-right: 5px; } #secondary .widget.widget_search input { float: right; width: calc(100% - 77px); border: none; font-size: 19px; font-weight: 400; padding: 20px 10px; margin-top: 0; } .ihf-seo-link{ padding: 1rem 0; border-bottom: 1px solid #EAEAEA; width: 100%!important; } #text-2.widget_text{ padding-bottom: 0; margin: 0; border-bottom: none; } #ihomefinderlinkwidget-2{ padding: 0 3rem 3rem 3rem!important; border-top: none!important; } @media (max-width: 1366px){ .archive .site-main .container .row .col-main,.single-blog .site-main .container .row .col-main{ padding-right: 2em; } .archive #primary.content-area, .single-blog #primary.content-area { padding: 0 30px; } } @media (max-width: 767px){ #sidebar-top .feature-single { margin-top: 10px; } .archive .label { padding: 0px 14px; height: 35px; top: 0; font-size: 13px; line-height: 35px; } .entry-content img { width: 100%; } .archive #primary.content-area, .single-blog #primary.content-area { padding: 0 10px; } #sidebar-top .feature-single .entry-date { margin: -1rem 0 2rem 0; text-transform: uppercase; text-align: right!important; } .archive #primary, .single-blog #primary { margin: 0; } .single-blog #primary .backButton { top: -45px; } .archive .site-main .container .row .col-main, .single-blog .site-main .container .row .col-main { padding-right: .8rem; padding-left: .8rem; } #sidebar-top .feature-single { padding: 3rem 2rem; } .single .post { padding:1.5rem } .hentry .entry-thumb { margin: 0; } .hentry .entry-thumb img { width: 100%; height: auto; margin-bottom: 15px; } } /* *********************** Properties MOVE ME *********************** */ .properties.row .background-container { left: 0; } .properties-row { width: 100%; transition: height .5s ease-out; } .properties.row , .properties-row , .properties-box { width: 100%; height: auto; overflow: hidden; } /* Property cards full-width */ .prop-cards-overlay .property-box { border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; overflow: hidden; } /* .prop-cards-overlay .property-box .short-desc p { color: #fff; } */ .prop-cards-overlay .property-img { width: 100%; background-size: cover; background-position: center; display: block; min-height: auto; top: auto; position: absolute; background-attachment: inherit; z-index: 1; } .prop-cards-overlay .property-box:before { content: ''; width: 100%; height: 101%; background: rgb(0,0,0); background: linear-gradient(123deg, rgba(0,0,0,0.7231267507002801) 0%, rgba(0,0,0,0) 100%); position: absolute; display: block; z-index: 2; } .prop-cards-overlay .property-box .prop-info { display: block; position: absolute; width: 100%; height: 100%; padding: 4%; } .prop-cards-overlay .property-box .inner { z-index: 3; } .prop-cards-overlay .property-box .address1, .prop-cards-overlay .property-box .address2, .prop-cards-overlay .property-box .basic-info, .prop-cards-overlay .property-box .price-info, .prop-cards-overlay .property-box .date-info, .prop-cards-overlay .property-box .short-desc { font-size: 1rem; line-height: 1.25rem; text-align: left; padding: 0; display: block; color: #fff; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .prop-cards-overlay .property-box .address { padding: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .prop-cards-overlay .property-box:hover .address { padding: 0 0 15px; } .prop-cards-overlay .property-box .address1 { font-size: 1.2rem; padding: 0 0 5px 0; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; } .prop-cards-overlay .property-box .address2 { } .prop-cards-overlay .property-box .basic-info, .prop-cards-overlay .property-box .short-desc { opacity: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; padding: 0; } .prop-cards-overlay .property-box:hover .basic-info { opacity: 1; padding: 0 0 25px; } .prop-cards-overlay .property-box:hover .short-desc { opacity: 1; padding: 0 0 0.75rem; } .prop-cards-overlay .property-box .basic-info .beds, .prop-cards-overlay .property-box .basic-info .baths { border-right: 1px solid #ccc; text-align: center; float: left; } .prop-cards-overlay .property-box .basic-info .beds { padding: 0 14px 0 0; } .prop-cards-overlay .property-box .basic-info .baths { padding: 0 14px; } .prop-cards-overlay .property-box .basic-info .sq-ft, .prop-cards-overlay .property-box .basic-info .basic-info-item:not(:first-child) { padding: 0 0 0 14px; text-align: center; } .prop-cards-overlay .property-box .basic-info .beds:before, .prop-cards-overlay .property-box .basic-info .baths:before, .prop-cards-overlay .property-box .basic-info .sq-ft:before, .prop-cards-overlay .property-box .basic-info .basic-info-item:before{ font: normal 16px/1 agenta-icons; display: inline-block; margin: 0 8px 0 0; } .prop-cards-overlay .property-box .basic-info .beds:before { content: "\e906"; } .prop-cards-overlay .property-box .basic-info .baths:before { content: "\e902"; } .prop-cards-overlay .property-box .basic-info .sq-ft:before, .prop-cards-overlay .property-box .basic-info .basic-info-item:before { content: "\e91a"; } .prop-cards-overlay .property-box .price-info { font-size: 1rem; font-weight: bold; opacity: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; padding: 0; } .prop-cards-overlay .property-box:hover .price-info { opacity: 1; padding: 0 0 5px 0; } .prop-cards-overlay .property-box .listing-info , .prop-cards-overlay .property-box .date-info { text-align: left !important; color: #fff; font-size: .7em; padding: 0 !important; line-height: normal !important; opacity: 0; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .prop-cards-overlay .property-box:hover .listing-info , .prop-cards-overlay .property-box:hover .date-info { opacity: 1; } /* Property cards blur */ .prop-cards-overlay.blur .property-box .blur { width: 110%; height: 110%; background-repeat: no-repeat; background-size: cover; background-position: center; display: block; top: -5%; left: -5%; position: absolute; background-attachment: unset; filter: blur(15px); } .prop-cards-overlay.blur .property-img { background-size: contain; background-repeat: no-repeat; } /* Property big image top */ .prop-cards-img-top .property-box { min-height: auto; padding: 0; margin: 0 10px; margin-bottom: 0; background-color: #fff; border: none; border-radius: 0; -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.10); box-shadow: 5px 5px 10px rgba(0,0,0,.10); overflow: hidden; display: block; } .prop-cards-img-top .property-box .short-desc { color: #000; } .prop-cards-img-top .property-img { width: 100%; background-repeat: no-repeat; background-size: 100% auto; background-size: cover; background-position: center; height: 230px; } .prop-cards-img-top .property-box .prop-info { padding: 15px 20px 0; } .prop-cards-img-top .property-box .inner { } .prop-cards-img-top .property-box .address1, .prop-cards-img-top .property-box .address2, .prop-cards-img-top .property-box .basic-info, .prop-cards-img-top .property-box .price-info, .prop-cards-img-top .property-box .date-info { } /* .prop-cards-img-top .property-box .price-info span.price { margin-right: 20px; } */ .property-box .price-info .strikethrough { position: relative; color: #aeaeae; display: inline; } .property-box .price-info .strikethrough:before { position: absolute; content: ""; left: 0; top: 50%; right: 0; border-top: 1px solid; border-color: #d8d8d8; -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -ms-transform:rotate(10deg); -o-transform:rotate(10deg); transform:rotate(10deg); } .prop-cards-img-top .property-box .address { padding: 0 0 0.5rem; } .prop-cards-img-top .property-box .address1 { font-size: 1.2rem; color: var(--first-color); font-weight: bold; white-space: nowrap; text-overflow: ellipsis; display: block; } .prop-cards-img-top .property-box .address2 { color: #666; white-space: nowrap; text-overflow: ellipsis; } .prop-cards-img-top .property-box .basic-info { padding: 10px 0 4px; } .prop-cards-img-top .property-box .basic-info .beds, .prop-cards-img-top .property-box .basic-info .baths, .prop-cards-img-top .property-box .basic-info .sq-ft, .prop-cards-img-top .property-box .basic-info .basic-info-item { width: 33%; position: relative; display: inline-block; } .prop-cards-img-top .property-box .basic-info .beds { } .prop-cards-img-top .property-box .basic-info .name { display: table-footer-group; } .prop-cards-img-top .property-box .basic-info .value { display: table-header-group; font-weight: 700; line-height: .75rem; } .prop-cards-img-top .property-box .btm-bar { width: calc(100% + 40px); margin: 0 -20px 0; padding: 10px; text-align: center; } .prop-cards-img-top .property-box .price-info, .prop-cards-img-top .property-box .date-info { display: inline-block; color: #fff; } /* Property offset image */ .prop-cards-offset-img .properties { max-width: calc(100vw - 14vw); } .prop-cards-offset-img .property-box { /* min-height: auto; */ height: calc(62vw*.5625)!important; padding: 0; margin: 0 5px; margin-bottom: 0; background-color: #fff; border: none; border-radius: 0; overflow: visible; } .prop-cards-offset-img .properties .prop-info { display: block; position: absolute!important; width: auto; height: auto; padding: 40px; background: #fff; color: #000; top: calc(((100vw/2 - 110px) * 0.5625) - 100px)!important; left: -1px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; min-width: 60%!important; } .prop-cards-offset-img .properties .property-img { width: 100%; background-size: cover; background-position: center; display: block; min-height: calc((100vw/2 - 110px) * 0.5625)!important; top: auto; position: absolute; background-attachment: inherit; } body.prop-cards-offset-img .properties .address, body.prop-cards-offset-img .properties .basic-info-container, body.prop-cards-offset-img .properties .price { width: 100% !important; display: inline-block !important; } .prop-cards-offset-img .properties .price { font-size: 1.15rem!important; } .prop-cards-offset-img .properties .basic-info { padding: 0 0 6px; } .prop-cards-offset-img .properties .basic-info .name { font-size: .8rem; font-weight: 400!important; line-height: normal; text-align: left; width: auto; font-weight: 400; display: table-footer-group; } .prop-cards-offset-img .properties .basic-info .beds, .prop-cards-offset-img .properties .basic-info .baths, .prop-cards-offset-img .properties .basic-info .sq-ft, .prop-cards-offset-img .properties .basic-info .basic-info-item { display: inline-block; padding-left: 0px; padding-right: 20px; } .prop-cards-offset-img .properties .basic-info .beds, .prop-cards-offset-img .properties .basic-info .baths { border-right: 1px solid #ccc; } .prop-cards-offset-img .properties .basic-info .baths, .prop-cards-offset-img .properties .basic-info .sq-ft, .prop-cards-offset-img .properties .basic-info .basic-info-item:not(:first-child){ padding-left: 20px; } .prop-cards-offset-img .properties .basic-info .value { font-size: 1rem; line-height: 1.5rem; font-weight: 400!important; text-align: left; width: auto; display: table-header-group; } .prop-cards-offset-img .properties .address1 { text-align: left; display: block; font-size: 1.25rem; font-family: var(--font-1); color: #000; line-height: normal; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .prop-cards-offset-img .properties .address2 { font-size: 1rem; line-height: 1.5rem; text-align: left; padding: 0 0 4px; display: inline-block; font-family: var(--font-2); color: #000; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .prop-cards-offset-img .properties .property-box:hover .prop-info { box-shadow: 15px 15px 35px rgb(0 0 0 / 12%); left: 2.75%; } .prop-cards-offset-img .properties .date-info { line-height: normal; padding: 5px 10px; top: -183px; right: -40px; position: absolute; color: #fff; font-size: .85rem !important; background: var(--first-color); z-index: 9; } .prop-cards-offset-img .properties .date-info .sold-on { font-weight: bold; } .prop-cards-offset-img .properties .listing-info .mlsid { color: #000; font-family: var(--font-2); text-align: left; font-size: .7em; padding: 0 0 5px; line-height: normal; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .prop-cards-offset-img .properties .price-info { width: auto; display: inline-block; } .prop-pagination { list-style-type: none; margin: 0 auto; padding: 0; } .prop-pagination li.force-hidden { cursor: default; } .prop-pagination li { display: inline-block; margin: 5px; width: 15px; text-align: center; white-space: nowrap; } .prop-pagination li.active a { cursor: pointer; color: #000; } .prop-pagination li.arws { width: initial; } .prop-pagination li.active a:hover { text-decoration: none; } .properties.row .prop-load { display: none; background-position: center center; background-repeat: no-repeat; height: 15px; width: 100%; } .properties.row.loading .properties-row { overflow: unset; } .properties.row.loading .prop-load { display: inline-block; } @media (max-width: 1440px) { .prop-cards-offset-img .properties .prop-info { max-width: 75%; } .prop-cards-offset-img .properties .prop-info { top: calc(((100vw/2) * 0.5625) - 100px)!important; } .prop-cards-offset-img .properties .prop-info { padding: 20px 30px; } .prop-cards-offset-img .properties .address { font-size: 0.9rem; line-height: 1.2rem; padding: 0 0 4px; } .prop-cards-offset-img .properties .address1 { font-size: 1.2rem; line-height: 1.85rem!important; } .prop-cards-offset-img .properties .address2 { padding: 0 0 4px; } .prop-cards-offset-img .properties .price-info { padding: 0 0 12px!important; } .prop-cards-offset-img .properties .date-info { top: -164px; right: -31px; } } @media (max-width: 991px) { body.prop-cards-offset-img .properties .prop-info { max-width: 90%; } .prop-cards-offset-img .properties .property-img { min-height: calc((100vw/2 - 90px) * 0.5625)!important; } .prop-cards-offset-img .properties .prop-info { top: calc(((100vw/2) * 0.5625) - 60px)!important; } .prop-cards-offset-img .properties .property-box:hover .prop-info { box-shadow: 5px 5px 15px rgb(0 0 0 / 12%); } .prop-cards-offset-img .properties .basic-info .beds, .prop-cards-offset-img .properties .basic-info .baths, .prop-cards-offset-img .properties .basic-info .sq-ft{ padding-left: 10px; padding-right: 10px; } .prop-cards-offset-img .properties .basic-info .beds { padding-left: 0px; } .prop-cards-offset-img .properties .date-info { top: -166px; right: -30px; } } @media (max-width: 768px) { .prop-cards-offset-img .properties .property-img { min-height: calc((100vw - 110px) * 0.5625)!important; } .prop-cards-offset-img .properties .prop-info { top: calc((100vw * 0.5625) - 100px)!important; } .prop-cards-offset-img .properties .property-box { margin: 30px 0; height: 95vw!important; } .prop-cards-offset-img .properties .property-box:hover .prop-info { box-shadow: unset; left: 0; } } @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) { .prop-cards-offset-img .properties .prop-info { box-shadow: 2px 2px 12px rgb(0 0 0 / 12%); } .prop-cards-offset-img .properties .property-box:hover .prop-info { box-shadow: 1px 1px 1px rgba(0,0,0,0.2); left: 0; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1023px) and (orientation : portrait) { .prop-cards-offset-img .properties .col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .prop-cards-offset-img .properties .property-box:hover .prop-info { box-shadow: 1px 1px 1px rgba(0,0,0,0.2); left: 0; } .prop-cards-offset-img .properties .date-info { top: -164px; right: -30px; } } @media (max-width: 576px) { .prop-cards-offset-img .properties { padding: 0 !important; } body.prop-cards-offset-img .properties .prop-info { max-width: 100%; } .prop-cards-offset-img .properties .prop-info { min-width: 100%; max-width: 100%; left: 0; padding: 8%; box-shadow: 2px 2px 12px rgb(0 0 0 / 12%); } .prop-cards-offset-img .properties .prop-info { top: calc((100vw * 0.5625) - 64px)!important; width: 100%; } .prop-cards-offset-img .properties .date-info { top: -168px; right: -24px; } } /* *********************** Prebuilt agent bio pages *********************** */ .af-prebuilt-agent-page .about-me-thumbnail { position: relative; overflow: hidden; margin-bottom: 1.5rem; max-height: 400px; } .af-prebuilt-agent-page .about-me-thumbnail a img, .af-prebuilt-agent-page .about-me-thumbnail img { height: 100%; width: 100%; -webkit-transition: all .25s; transition: all .25s; } .header-spacer { width: 100%; height: 140px; background: #000; } /* Footer */ #main-footer { overflow: hidden; width: 100%; display: grid; } #content-footer { display: inline-block; position: relative; height: auto; width: 100%; color: #fff; font-family: inherit; padding: 3rem 1rem 2rem 7rem; } #bottom-footer { display: inline-block; position: relative; width: 100%; color: #fff; font-family: inherit; font-size: .85rem; } #footer-agent-logo { width: 100%; padding: 0; margin: .5rem 0 3rem 0; max-width: 230px; } #footer-brokerage-logo,#footer-brokerage-logo-alt { width: 100%; padding: 0; margin: 0 0 3rem 0; max-width: 230px; } #main-footer a { color: #fff; opacity: .6; line-height: initial; } #main-footer .footer-contact a { line-height: unset; } #main-footer a:hover { opacity: 1; } #footer-agent-logo img, #footer-brokerage-logo img, #footer-brokerage-logo-alt img { width: 100%; height: auto; } #footer-agent-logo a, #footer-brokerage-logo a, #footer-brokerage-logo-alt a { opacity: 1; } #main-footer .social-links i, #main-footer .social-links svg { color: #fff; } #main-footer .agent-phone::before, #main-footer .agent-email::before, #main-footer .agent-address::before,#main-footer .brokerage-phone::before, #main-footer .brokerage-email::before, #main-footer .brokerage-address::before { display: inline-block; position: relative; font-family: agenta-icons; left: -18px; margin-top: 0px; text-align: center; width: 18px; } #main-footer .agent-phone::before,#main-footer .brokerage-phone::before { font-size: 22px; } #main-footer .agent-email::before,#main-footer .brokerage-email::before { font-size: 18px; left: -20px; } #main-footer .agent-address::before,#main-footer .brokerage-address::before { font-size: 20px; left: -20px; } /* .street-office { position: relative; display: block; margin: -1.2rem 0 .2rem 1.4rem; } */ .city-state { position: relative; display: block; margin: 0 0 .2rem 1.4rem; } .footerlink,.footerlink span { /* opacity: .6; */ -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .footerlink:hover, .footerlink:hover.footerlink span { opacity: 1; } .column-header { margin-bottom: 1rem; padding-bottom: .5rem; } .column-header:after { position: absolute; content: ''; width: 30px; height: 1px; background: #fff; left: 0; bottom: 0; } .footer-contact li svg { position: relative; margin-right: 5px; top: 1px; font-size: 14px; opacity: .6; color: #fff; } .footer-contact li.agent-address svg, .footer-contact li.brokerage-address svg { top: 8px; } #footer-links { padding: 0 40px 0 0; } .footer-links li, .footer-contact li, .footer-home-search li, .footer-home-search-2 li, .footer-quick-links li { margin-bottom: .25rem; } .footer-links{ } .footer-links li{ display: flex; } .footer-contact{ /* margin-left: 20px; */ } .footer-contact li{ display: flex; } footer .short-code-box { width: 100%; margin: auto; height: 70%; display: block; position: relative; top: 0; transform: none; } #content-footer .social-links { width: auto; position: relative; font-size: 1.2em; margin: .25em 0 2em; } #content-footer .social-links a { margin-right: 10px; font-family: agenta-icons; font-size: 18px; } #bottom-footer .bottom-footer-left { display: block; position: relative; padding: 20px; height: auto; width: 100%; text-align: left; } #bottom-footer .bottom-footer-left img { height: 20px; position: absolute; top: 0px; } #bottom-footer .bottom-footer-left p { position: relative; left: 65px; color: #ccc; font-size: .8rem; line-height: normal; width: 90%; margin: 0; } #bottom-footer .bottom-footer-left p.disclaimer { margin-top: 14px; opacity: .6; } #bottom-footer .bottom-footer-left p.disclaimer:blank { display: none; } #bottom-footer .bottom-footer-left p a{ font-size: .9rem; font-weight: normal; } @media (min-width: 1200px) { #bottom-footer{ max-width: none; } } @media (max-width: 1199px) { #bottom-footer { max-width: none; } #footer-agent-logo { width: 100%; padding: 0 3rem 0 0; margin: -0.5rem 0 2rem 0; } #footer-brokerage-logo,#footer-brokerage-logo-alt { width: 100%; padding: 0 3rem 0 0; } #content-footer { padding: 3rem 4rem; } #bottom-footer { position: relative; height: 50px; width: 100%; color: #fff; font-family: inherit; font-size: .75rem; } } @media (max-width: 1023px) { #content-footer { padding: 2rem 1rem; } #content-footer .social-links a { font-size: 16px; margin-right: 7px; } #bottom-footer .bottom-footer-left p { width: 80%; } #footer-agent-logo { margin: .8rem 0 2rem 0; } #bottom-footer { font-size: .6rem; } } @media (max-width: 767px) { #footer-links { padding: inherit; margin-bottom: 20px; } .footer-links{ margin-left: 0px; text-align: left; width: 100%; } .footer-links li { display: flex; } .footer-contact{ margin-left: 0px; text-align: left; width: 100%; } .footer-contact li { padding-left: 7%; display: flex; } #main-footer .agent-phone::before, #main-footer .brokerage-phone::before { left: -20px; } #main-footer .agent-email::before, #main-footer .brokerage-email::before { left: -22px; } #main-footer .brokerage-address::before,#main-footer .agent-address::before { left: -22px; } #content-footer .social-links a { font-size: 18px; margin-right: 10px; } #bottom-footer .bottom-footer-left { width: 100%; } #bottom-footer .bottom-footer-right { width: 100%; padding:0 10px 10px; float: left; text-align: left; } #content-footer { padding: 2rem; } #content-footer .container &gt; div:nth-child(3), #content-footer .container &gt; div:nth-child(4) { margin: 1rem 0 0; } #footer-agent-logo { margin: 0 0 2rem 0; } #footer-agent-logo, #footer-brokerage-logo, #footer-brokerage-logo-alt { max-width: 100%; } #footer-agent-logo img, #footer-brokerage-logo img, #footer-brokerage-logo-alt img { width: 100%; height: auto; margin: 0 auto; padding: .5rem 1rem; } #footer-brokerage-logo img, #footer-brokerage-logo-alt img { margin: 1rem auto 1rem; } #footer-brokerage-logo, #footer-brokerage-log-alt, #content-footer .social-links, .footer-home-search, .footer-home-search-2 { margin-bottom: 1rem; } #content-footer .social-links { text-align: left; width: 100%; margin: 1rem 0 2rem; } #bottom-footer { height: 75px; font-size: .7rem; } #footer-agent-logo,#footer-brokerage-logo,,#footer-brokerage-logo-alt { padding: 0; } #bottom-footer .bottom-footer-left p.disclaimer { margin-top: 14px; opacity: .6; left: 2.5%; width: 95%; } } #footer-links-bottom { position: relative; left: 65px; color: #ccc; font-size: .8rem; line-height: normal; width: 90%; margin: 0px 0 0; padding: 0 10px 10px 0; } #footer-links-bottom ul { font-size: .9rem; margin: 10px 0 0; padding: 0; } #footer-links-bottom ul li { display: inline-block; border-left: 1px solid #ccc; margin: 0px 0px 0px 8px; padding: 0px 0px 0px 10px; /* line-height: 1.5rem; */ } #footer-links-bottom ul li:nth-child(1) { border-left: 0px solid #ccc; margin: 0px; padding: 0px; } @media (max-width: 575px) { #bottom-footer { height: auto; } #bottom-footer .bottom-footer-left, #bottom-footer .bottom-footer-right { float: none; } #bottom-footer .bottom-footer-left { padding: 10px; } #bottom-footer .bottom-footer-left img { float: none; margin: 6px 0 5px 0; top: -4px !important; left: 16px; } #footer-agent-logo, #footer-brokerage-logo, #footer-brokerage-logo-alt { margin: 0 auto 2rem; padding: 0; } .footer-home-search li, .footer-home-search-2 li, .footer-quick-links li { margin-bottom: 0; } .footer-contact li.agent-address svg, .footer-contact li.brokerage-address svg { top: 0; } .street-office { display: contents; } #footer-links-bottom { left: auto; width: 100%; margin: 0; padding: 10px; } #footer-links-bottom ul { margin: 0; padding: 0px; } #footer-links-bottom ul li { border: 0; display: inline-block; margin: 0px 0px 10px !important; padding: 0px; } } /* *********************** Backgrounds *********************** */ .bg-center .background-container .lazy, .bg-center-center .background-container .lazy, .bg-center .video-wrapper .static-background, .bg-center-center .video-wrapper .static-background { background-position: center; } .bg-center-top .background-container .lazy, .bg-top-center .background-container .lazy, .bg-center-top .video-wrapper .static-background, .bg-top-center .video-wrapper .static-background { background-position: center top; } .bg-left-top .background-container .lazy, .bg-top-left .background-container .lazy, .bg-left-top .video-wrapper .static-background, .bg-top-left .video-wrapper .static-background { background-position: left top; } .bg-right-top .background-container .lazy, .bg-top-right .background-container .lazy, .bg-right-top .video-wrapper .static-background, .bg-top-right .video-wrapper .static-background { background-position: right top; } .bg-center-bottom .background-container .lazy, .bg-bottom-center .background-container .lazy, .bg-center-bottom .video-wrapper .static-background, .bg-bottom-center .video-wrapper .static-background { background-position: center bottom; } .bg-left-bottom .background-container .lazy, .bg-bottom-left .background-container .lazy, .bg-left-bottom .video-wrapper .static-background, .bg-bottom-left .video-wrapper .static-background { background-position: left bottom; } .bg-right-bottom .background-container .lazy, .bg-bottom-right .background-container .lazy, .bg-right-bottom .video-wrapper .static-background, .bg-bottom-right .video-wrapper .static-background { background-position: right bottom; } .bg-unset .background-container .lazy, .bg-unset .video-wrapper .static-background { background-attachment: unset; } .bg-fixed .background-container .lazy, .bg-fixed .video-wrapper .static-background { background-attachment: fixed; } .bg-scroll .background-container .lazy, .bg-scroll .video-wrapper .static-background { background-attachment: scroll; } .bg-cover .background-container .lazy, .bg-cover .video-wrapper .static-background { background-size: cover; } .bg-contain .background-container .lazy, .bg-contain .video-wrapper .static-background { background-size: contain; } .fs-bg .background-container { position: absolute; height: 100%; width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .half-height { height: 52vh!important; } .third-height { height: 35vh!important; } .quarter-height { height: 32vh!important; } .twothirds-height{ height: 80vh!important; } .full-height{ height: 100vh!important; } .auto-height { height:auto!important; } .bg-black .background-container { background-color: #000; } .bg-white .background-container { background-color: #fff; } @media (max-width: 768px) { .m-bg-center .background-container .lazy, .m-bg-center-center .background-container .lazy, .m-bg-center .video-wrapper .static-background, .m-bg-center-center .video-wrapper .static-background { background-position: center!important; } .m-bg-center-top .background-container .lazy, .m-bg-top-center .background-container .lazy, .m-bg-center-top .video-wrapper .static-background, .m-bg-top-center .video-wrapper .static-background { background-position: center top!important; } .m-bg-left-top .background-container .lazy, .m-bg-top-left .background-container .lazy, .m-bg-left-top .video-wrapper .static-background, .m-bg-top-left .video-wrapper .static-background { background-position: left top!important; } .m-bg-right-top .background-container .lazy, .m-bg-top-right .background-container .lazy, .m-bg-right-top .video-wrapper .static-background, .m-bg-top-right .video-wrapper .static-background { background-position: right top!important; } .m-bg-center-bottom .background-container .lazy, .m-bg-bottom-center .background-container .lazy, .m-bg-center-bottom .video-wrapper .static-background, .m-bg-bottom-center .video-wrapper .static-background { background-position: center bottom!important; } .m-bg-left-bottom .background-container .lazy, .m-bg-bottom-left .background-container .lazy, .m-bg-left-bottom .video-wrapper .static-background, .m-bg-bottom-left .video-wrapper .static-background { background-position: left bottom!important; } .m-bg-right-bottom .background-container .lazy, .m-bg-bottom-right .background-container .lazy, .m-bg-right-bottom .video-wrapper .static-background, .m-bg-bottom-right .video-wrapper .static-background { background-position: right bottom!important; } .m-bg-right-center .background-container .lazy, .m-bg-center-right .background-container .lazy, .m-bg-right-center .video-wrapper .static-background, .m-bg-center-right .video-wrapper .static-background { background-position: center right!important; } .m-bg-unset .background-container .lazy, .m-bg-unset .video-wrapper .static-background { background-attachment: unset!important; } .m-bg-fixed .background-container .lazy, .m-bg-fixed .video-wrapper .static-background { background-attachment: fixed!important; } .m-bg-cover .background-container .lazy, .m-bg-cover .video-wrapper .static-background { background-size: cover!important; } .m-bg-contain .background-container .lazy, .m-bg-contain .video-wrapper .static-background { background-size: contain!important; } .fs-bg .background-container { position: absolute; height: 100%; width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .m-bg-black .background-container { background-color: #000; } .m-bg-white .background-container { background-color: #fff; } } @media (max-device-width : 1024px) and (orientation : landscape) { .bg-fixed .background-container .lazy, .m-bg-fixed .background-container .lazy, .bg-fixed .video-wrapper .static-background, .m-bg-fixed .video-wrapper .static-background { background-attachment: unset; } } @media (max-device-width : 1024px) and (orientation : portrait) { .bg-fixed .background-container .lazy, .m-bg-fixed .background-container .lazy, .bg-fixed .video-wrapper .static-background, .m-bg-fixed .video-wrapper .static-background { background-attachment: unset; } } /* *********************** Text *********************** */ .shadow, .shadow-h1 h1, .shadow-h2 h2, .shadow-h3 h3, .shadow-h4 h4, .shadow-h5 h5, .shadow-h6 h6, .shadow-p p, .shadow-li li, .shadow-li a { text-shadow: 2px 2px 2px rgba(0,0,0,0.5); } .no-shadow, .no-shadow-h1 h1, .no-shadow-h2 h2, .no-shadow-h3 h3, .no-shadow-h4 h4, .no-shadow-h5 h5, .no-shadow-h6 h6, .no-shadow-p p, .no-shadow-li li, .no-shadow-li a { text-shadow: none; } .text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p, .text-white li, .text-white a, .text-white button { color: #fff; } .h-white, .h-white h1, .h-white h2, .h-white h3, .h-white h4, .h-white h5, .h-white h6 { color: #fff; } .p-white, .p-white p { color: #fff; } .caps, .caps h1, .caps h2, .caps h3, .caps h4, .caps h5, .caps h6, .caps p, .caps li, .caps a, .caps button { text-transform: uppercase; } .h-caps, .h-caps h1, .h-caps h2, .h-caps h3, .h-caps h4, .h-caps h5, .h-caps h6 { text-transform: uppercase; } .p-caps, .p-caps p { text-transform: uppercase; } @media (max-width: 768px) { .m-shadow, .m-shadow-h1 h1, .m-shadow-h2 h2, .m-shadow-h3 h3, .m-shadow-h4 h4, .m-shadow-h5 h5, .m-shadow-h6 h6, .m-shadow-p p, .m-shadow-li li, .shadow-li a { text-shadow: 2px 2px 2px rgba(0,0,0,0.5); } .m-no-shadow, .m-no-shadow-h1 h1, .m-no-shadow-h2 h2, .m-no-shadow-h3 h3, .m-no-shadow-h4 h4, .m-no-shadow-h5 h5, .m-no-shadow-h6 h6, .m-no-shadow-p p, .m-no-shadow-li li, .no-shadow-li a { text-shadow: none; } .m-text-white, .m-text-white h1, .m-text-white h2, .m-text-white h3, .m-text-white h4, .m-text-white h5, .m-text-white h6, .m-text-white p, .m-text-white li, .m-text-white a, .m-text-white button { color: #fff; } .m-h-white, .m-h-white h1, .m-h-white h2, .m-h-white h3, .m-h-white h4, .m-h-white h5, .m-h-white h6, { color: #fff; } .m-p-white, .m-p-white p { color: #fff; } .m-caps, .m-caps h1, .m-caps h2, .m-caps h3, .m-caps h4, .m-caps h5, .m-caps h6, .m-caps p, .m-caps li, .m-caps a, .m-caps button { text-transform: uppercase; } .m-h-caps, .m-h-caps h1, .m-h-caps h2, .m-h-caps h3, .m-h-caps h4, .m-h-caps h5, .m-h-caps h6 { text-transform: uppercase; } .m-p-caps, .m-p-caps p { text-transform: uppercase; } } /* *********************** Overflow *********************** */ .o-hidden { overflow: hidden; } .ox-hidden { overflow-x: : hidden; } .oy-hidden { overflow-y: hidden; } .o-visible { overflow: visible; } .ox-visible { overflow-x: : visible; } .oy-visible { overflow-y: visible; } @media (max-width: 768px) { .m-o-hidden { overflow: hidden; } .m-ox-hidden { overflow-x: : hidden; } .m-oy-hidden { overflow-y: hidden; } .m-o-visible { overflow: visible; } .m-ox-visible { overflow-x: : visible; } .m-oy-visible { overflow-y: visible; } } /* ---------- SPACING ---------- */ /* Padding Zero */ .p0 { padding: 0!important } /* Padding Top */ .pt10 { padding-top: 10px!important } .pt15 { padding-top: 15px!important } .pt20 { padding-top: 20px!important } .pt30 { padding-top: 30px!important } .pt40 { padding-top: 40px!important } .pt50 { padding-top: 50px!important } .pt60 { padding-top: 60px!important } .pt70 { padding-top: 70px!important } .pt80 { padding-top: 80px!important } .pt90 { padding-top: 90px!important } .pt100 { padding-top: 100px!important } .pt110 { padding-top: 110px!important } .pt120 { padding-top: 120px!important } .pt130 { padding-top: 130px!important } .pt140 { padding-top: 140px!important } .pt150 { padding-top: 150px!important } .pt160 { padding-top: 160px!important } .pt170 { padding-top: 170px!important } .pt180 { padding-top: 180px!important } .pt190 { padding-top: 190px!important } .pt200 { padding-top: 200px!important } /* Padding Bottom */ .pb0 { padding-bottom: 0px!important } .pb10 { padding-bottom: 10px!important } .pb15 { padding-bottom: 15px!important } .pb20 { padding-bottom: 20px!important } .pb30 { padding-bottom: 30px!important } .pb40 { padding-bottom: 40px!important } .pb50 { padding-bottom: 50px!important } .pb60 { padding-bottom: 60px!important } .pb70 { padding-bottom: 70px!important } .pb80 { padding-bottom: 80px!important } .pb90 { padding-bottom: 90px!important } .pb100 { padding-bottom: 100px!important } .pb110 { padding-bottom: 110px!important } .pb120 { padding-bottom: 120px!important } .pb130 { padding-bottom: 130px!important } .pb140 { padding-bottom: 140px!important } .pb150 { padding-bottom: 150px!important } .pb160 { padding-bottom: 160px!important } .pb170 { padding-bottom: 170px!important } .pb180 { padding-bottom: 180px!important } .pb190 { padding-bottom: 190px!important } .pb200 { padding-bottom: 200px!important } /* Padding Left */ .pl0 { padding-left: 0px!important } .pl3 { padding-left: 3px!important } .pl5 { padding-left: 5px!important } .pl10 { padding-left: 10px!important } .pl20 { padding-left: 20px!important } .pl30 { padding-left: 30px; } .pl40 { padding-left: 40px; } .pl50 { padding-left: 50px; } .pl60 { padding-left: 60px; } .pl70 { padding-left: 70px; } .pl80 { padding-left: 80px; } .pl90 { padding-left: 90px; } .pl100 { padding-left: 100px; } /* Padding Right */ .pr0 { padding-right: 0px!important } .pr5 { padding-right: 5px!important } .pr10 { padding-right: 10px!important } .pr20 { padding-right: 20px!important } .pr30 { padding-right: 30px!important } .pr40 { padding-right: 40px; } .pr50 { padding-right: 50px; } .pr60 { padding-right: 60px; } .pr70 { padding-right: 70px; } .pr80 { padding-right: 80px; } .pr90 { padding-right: 90px; } .pr100 { padding-right: 100px; } .pr110 { padding-right: 110px; } .pr120 { padding-right: 120px; } @media (min-width:1200px) { .pl-lg-50 { padding-left: 50px; } .pl-lg-80 { padding-left: 80px; } } @media (min-width:992px) { .pt-md-50 { padding-top: 50px; } } /* Margin Auto */ .m-auto { margin: auto; float: none; } /* Margin Top */ .mtneg20 { margin-top: -20px!important } .mtneg40 { margin-top: -40px!important } .mtneg60 { margin-top: -60px!important } .mtneg80 { margin-top: -80px!important } .mtneg100 { margin-top: -100px!important } .mtneg120 { margin-top: -120px!important } .mtneg140 { margin-top: -140px!important } .mt0 { margin-top: 0!important } .mt5 { margin-top: 5px!important } .mt10 { margin-top: 10px!important } .mt20 { margin-top: 20px!important } .mt30 { margin-top: 30px!important } .mt40 { margin-top: 40px!important } .mt50 { margin-top: 50px!important } .mt60 { margin-top: 60px!important } .mt70 { margin-top: 70px!important } .mt80 { margin-top: 80px!important } .mt90 { margin-top: 90px!important } .mt100 { margin-top: 100px!important } .mt110 { margin-top: 110px!important } .mt120 { margin-top: 120px!important } /* Margin Bottom */ .mb0 { margin-bottom: 0!important } .mb5 { margin-bottom: 5px!important } .mb10 { margin-bottom: 10px!important } .mb15 { margin-bottom: 15px!important } .mb20 { margin-bottom: 20px!important } .mb30 { margin-bottom: 30px!important } .mb40 { margin-bottom: 40px!important } .mb50 { margin-bottom: 50px } .mb60 { margin-bottom: 60px } .mb70 { margin-bottom: 70px } .mb80 { margin-bottom: 80px } .mb90 { margin-bottom: 90px } .mb100 { margin-bottom: 100px } .mb110 { margin-bottom: 110px } .mb120 { margin-bottom: 120px } /* Margin Left */ .ml0 { margin-left: 0!important; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .ml40 { margin-left: 40px; } .ml50 { margin-left: 50px; } .ml60 { margin-left: 60px; } .ml70 { margin-left: 70px; } .ml80 { margin-left: 80px; } .ml90 { margin-left: 90px; } .ml100 { margin-left: 100px; } .ml110 { margin-left: 110px; } /* Margin Right */ .mr0 { margin-right: 0!important } .mr5 { margin-left: 5px!important } .mr10 { margin-right: 10px!important } .mr20 { margin-right: 20px!important } .mr30 { margin-right: 30px!important } .mr40 { margin-right: 40px!important } .mr50 { margin-right: 50px!important } .mr60 { margin-right: 60px!important } .mr70 { margin-right: 70px!important } .mr80 { margin-right: 80px!important } .mr90 { margin-right: 90px!important } .mr100 { margin-right: 100px; } .mr110 { margin-right: 110px; } /* Main CSS */ /* -|- flickity.pkgd.min.css -|- */ /* ! Flickity v2.2.2 https://flickity.metafizzy.co ---------------------------------------------- */ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;/* box-shadow:0 0 0 5px #19f */}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;/* bottom:-25px; */padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1} div.modal div.flickity-viewport{height:100% !important} div.modal div.flickity-enabled { width: 100%; height: 100%; } @media (max-width: 1024) { div.modal.show div.modal-dialog { position: relative; left: 1.5%; } } /* flickity-fade */ .flickity-enabled.is-fade .flickity-slider &gt; * { pointer-events: none; z-index: 0; } .flickity-enabled.is-fade .flickity-slider &gt; .is-selected { pointer-events: auto; z-index: 1; } /* -|- privacyPolicy.css -|- */ /* Webfont: CompassSerif-Regular */@font-face { font-family: 'CompassSans'; src: url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSans-Regular.svg#CompassSans-Regular) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: CompassSerif-Regular */@font-face { font-family: 'CompassSerif'; src: url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/fonts/CompassSerif-Regular.svg#CompassSerif-Regular) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: CompassNo-Serif-Regular */@font-face { font-family: 'CompassNo'; src: url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Regular.svg#CompassSerif-Regular) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } /* Webfont: CompassNo-Serif-Italic */@font-face { font-family: 'CompassNoItalic'; src: url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/fonts/CompassNo-Serif-Italic.svg#CompassSerif-Regular) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } * { box-sizing: border-box; } body { text-rendering: geometricPrecision; } body#privacyPolicy { position: relative; } div#privacyPolicy.modal { z-index: 999999; } body#privacyPolicy button.close { padding: 0; background: 0 0; border: 0; -webkit-appearance: none; position: absolute; top: 20px; right: 20px; font-size: 50px; color: #fff; opacity: 1; z-index: 9999; } body#privacyPolicy button.close , div#privacyPolicy.modal.show button.close { color: #000; cursor: pointer; z-index: 9999; } body#privacyPolicy .icon-close:before { font-family: 'agenta-icons'; content: "\e924"; font-size: 24px; } body#privacyPolicy , div#privacyPolicy.modal.show .modal-dialog { font-family: CompassSans, sans-serif; width: 100%; max-width: 100%; background-color: #fff; color: #000; height: auto; z-index: 8888; bottom: 0; left: 0; top: 0; right: 0; opacity: 1; margin: 0; padding: 1rem; font-size: .9rem; overflow: auto; } body#privacyPolicy, div#privacyPolicy.modal.show .modal-dialog .modal-body { padding: 5%; } body#privacyPolicy h1, div#privacyPolicy.modal.show .modal-dialog h1 { font-family: CompassSerif, sans-serif; color: #000000; font-size: clamp(2rem, 2vw, 3.75rem); line-height: 1; font-weight: 500; margin: 0 0 2rem 0; padding: 0; } body#privacyPolicy h2 , body#privacyPolicy h4 , div#privacyPolicy.modal.show .modal-dialog h2 , div#privacyPolicy.modal.show .modal-dialog h4 { color: #444444; font-size: 1.5rem; line-height: 1.75; font-weight: 500; margin: 0; padding: 0; } body#privacyPolicy p , div#privacyPolicy.modal.show .modal-dialog p, body#privacyPolicy ul li, div#privacyPolicy.modal.show .modal-dialog ul li { font-family: CompassSans, sans-serif; color: #555555; font-size: 1rem; line-height: 1.75; margin: 0 0 1rem; text-wrap: pretty; } body#privacyPolicy ul , div#privacyPolicy.modal.show .modal-dialog ul { margin: 0 0 2rem 0; padding: 0; } body#privacyPolicy ul li, div#privacyPolicy.modal.show .modal-dialog ul li{ list-style-type: disc; margin-left: 2rem; } body#privacyPolicy a , div#privacyPolicy.modal.show .modal-dialog a { color: #5aa0c9; } body#privacyPolicy a:hover , div#privacyPolicy.modal.show .modal-dialog a:hover { color: #000; } /* -|- global.css -|- */ /* *********************** + Global Styles - Elements - Classes - Forms + Custom Bootstrap + Custom Hover + Framework + Text Defaults + Custom Animation - Fade-In - Ken Burns + Backgrounds + Buttons + Preloader + Scroll-To-Top + Forms *********************** */ /* *********************** Global Styles *********************** */ .rel { position: relative; } .abs { position: absolute; } body { position: relative; } /* Elements */ html { -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { padding: 0; margin: 0; font-family: var(--font-2); background-color: #fff; overflow-x: hidden; webkit-font-smoothing: auto; -moz-osx-font-smoothing: unset; font-smoothing: unset; text-rendering: geometricPrecision; } article { padding-right: 0; padding-left: 0; } a, a:hover, img, img:hover { transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; } a { color: var(--first-color); text-decoration: none; } a:hover { color: var(--fifth-color); text-decoration: none; } ul, ol, li { list-style: none; margin: 0; } .content-area ul, .content-area ol, .content-area li { list-style: inside; margin: 0 .5rem 1rem; } p { margin: 0 0 1.5rem; } sub, sup { font-size: 50%; top: -0.7em; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } button:focus, :focus{ outline:none; } /* WP Editor Colors */ .has-black-color { color: #000000; } body.single .has-black-color { color: #000000 !important; } .has-cyan-blish-gray-color { color: #abb8c3; } body.single .has-cyan-blish-gray-color { color: #abb8c3 !important; } .has-white-color { color: #ffffff; } body.single .has-white-color { color: #ffffff !important; } .has-pale-pink-color { color: #f78da7; } body.single .has-pale-pink-color { color: #f78da7 !important; } .has-vivid-red-color { color: #cf2e2e; } body.single .has-vivid-red-color { color: #cf2e2e !important; } .has-luminous-vivid-orange-color { color: #ff6900; } body.single .has-luminous-vivid-orange-color { color: #ff6900 !important; } .has-luminous-vivid-amber-color { color: #fcb900; } body.single .has-luminous-vivid-amber-color { color: #fcb900 !important; } .has-light-green-cyan-color { color: #7bdcb5; } body.single .has-light-green-cyan-color { color: #7bdcb5 !important; } .has-vivid-green-cyan-color { color: #00d084; } body.single .has-vivid-green-cyan-color { color: #00d084 !important; } .has-pale-cyan-blue-color { color: #8ed1fc; } body.single .has-pale-cyan-blue-color { color: #8ed1fc !important; } .has-vivid-cyan-blue-color { color: #0693e3; } body.single .has-vivid-cyan-blue-color { color: #0693e3 !important; } .has-vivid-purple-color { color:#9b51e0; } body.single .has-vivid-purple-color { color:#9b51e0 !important; } /* Classes */ .hide { visibility: hidden; display: none; } .force-hidden { display: none !important; } .display-block { display: block !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; } .clear { position: static; } .clear:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; z-index: 0; } .table { display: table; margin: 0; } .table-row { display: table-row; } .table-cell-middle { vertical-align: middle; } .table-cell { display: table-cell; } .table.full-width { width: 100%; } .table.full-height { height: 100%; } .block-content { width: 100%; } .sr-only{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .c-white { color: var(--white); } .c-grey { color: var(--grey); } .c-blue { color: var(--blue); } .c-red { color: var(--red); } .c-green { color: var(--green); } .c-purple { color: var(--purple); } .c-yellow { color: var(--yellow); } .c-pink { color: var(--pink); } .c-teal { color: var(--teal); } .c-cyan { color: var(--cyan); } /* Forms */ input { outline-style:none; box-shadow:none; } /* *********************** Custom Bootstrap *********************** */ .container { margin-left: auto; margin-right: auto; padding: 0; } .row { margin-right: auto; margin-left: auto; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,.col, .col-1, .col-10, .col-11, .col-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-3, .col-sm-6, .col-sm-9, .col-sm-12 { padding-right: 0; padding-left: 0; } .card { border: none; border-radius: 0; } .col-15 { position: relative; min-height: 1px; padding-right: 0; padding-left: 0; width: 20%; float: left; } @media (min-width: 1200px) { .container { max-width: 100%; } .full-width-container { max-width: 100%; } } @media (max-width: 1199px) { .container { max-width: 100%; } .full-width-container { max-width: 100%; } } @media (max-width: 1024px) { #header-container .row, #main-footer .row, #leftRight.row, #ihf-login-form .row { display: flex; } } @media (max-width: 767px) { #leftRight.row { display: table; } } .full-width-content { width: 100%; } .max-width { max-width: 1170px; margin: 0 auto; } /* *********************** 404 *********************** */ .error-page { display: block; position: relative; height: 95vh; min-height: 800px; width: 100%; text-align: center; margin: 0 auto; top: 0; background-color: var(--first-color) } .error-page .text-content{ top: calc(50% + 80px); left: 50%; transform: translate(-50%,-50%); } .error-page .text-content h1,.error-page .text-content h2,.error-page .text-content h3{ color: #fff; } .error-page .text-content h1{ font-size: 230px; line-height: 230px; } /* .error-page .text-content h1:before{ display: inline-block; content: '\f085'; color: #000; margin: auto; font: 400px/1 FontAwesome; position: absolute; left: 35%; z-index: -1; opacity: .1; top: -60px; } */ .error-page .text-content h2{ font-size: 60px; line-height: 72px; margin-bottom: 4rem; } .error-page .text-content h3{ font-size: 24px; line-height: 30px; margin-bottom: 3rem; } .error-button { border:2px solid #fff!important; } @media (max-width: 991px) { .error-page .text-content h1 { font-size: 120px; line-height: 120px; } .error-page .text-content h2 { font-size: 42px; line-height: 32px; margin-bottom: 2rem; } .error-page .text-content h3 { font-size: 22px; line-height: 30px; width: 80%; margin: 0 auto 2rem; } .error-page { height: 90vh; min-height: 600px; } .error-page .text-content h1:before{ display: none; } } /* *********************** Framework *********************** */ /* Wrappers */ #global-wrapper { display: block; position: relative; height: auto; width: 100%; top: 0; } #content-wrapper { display: block; height: auto; width: 100%; } .container.global { width: 100%; max-width: none; height: auto; } .row.narrow { max-width: 1170px; } .content-container.x-center { text-align: center; margin: 0 auto; } .content-container.y-center { position: relative; width: 100%; top: calc(50% + 60px); transform: translate(0,-50%); height: calc(100% - 120px)!important; } @media (min-width: 1200px) { .container.global { max-width: none; } } @media (max-width: 1199px) { .container.global { max-width: none; } } @media (max-width: 767px) { .content-container.y-center { top:50%; } } /* *********************** Text Defaults *********************** */ /* h1,h2 { font-family: var(--font-1) !important; } h3 { font-family: var(--font-2) !important; } h4 { font-family: var(--font-3) !important; } h5,h6,p,a { font-family: var(--font-4) !important; } */ .agenta-button { /* font-family: var(--font-4) !important; */ border-radius: 0; text-shadow: none; padding: .75rem 1.25rem; } .bio-copy-block .about-me-details a{ /* margin-left: 35px; */ display: initial; } .bio-copy-block .about-me-details a span { display: table-cell; } .bio-copy-block .social-links a { position: relative; margin-right: 10px; font-size: 22px; line-height: 70px; opacity: .8; font-family: agenta-icons; margin-left: 0; } .bio-contact .agent-phone::before, .bio-contact .agent-email::before, .bio-contact .agent-address::before,.bio-contact .brokerage-phone::before, .bio-contact .brokerage-email::before, .bio-contact .brokerage-address::before { display: block; position: absolute; font-family: agenta-icons; left: 0; margin-top: 0px; text-align: center; } .bio-contact .agent-phone::before,.bio-contact .brokerage-phone::before { font-size: 22px; left: 3px; } .bio-contact .agent-email::before,.bio-contact .brokerage-email::before { font-size: 18px; } .bio-contact .agent-address::before,.bio-contact .brokerage-address::before { font-size: 20px; } #contact-form .bio-contact .agent-phone::before, #contact-form .bio-contact .agent-email::before { display: inline-block; position: relative; } /* #contact-form .bio-contact .agent-phone a{ padding-left: 14px; } #contact-form .bio-contact .agent-email a{ padding-left: 8px; } */ /* *********************** Custom Animation *********************** */ /* Fade-In */ .fade-in { animation: animationFrames ease 2s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode:forwards; /* when the spec is finished */ -webkit-animation: animationFrames ease 2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; /* -webkit-animation-fill-mode:forwards; */ /* Chrome 16+, Safari 4+ */ -moz-animation: animationFrames ease 2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode:forwards; /* FF 5+ */ -o-animation: animationFrames ease 2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode:forwards; /* Not implemented yet */ -ms-animation: animationFrames ease 2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode:forwards; /* IE 10+ */ } @keyframes animationFrames { 0% { opacity:0; transform: translate(0rem,-2rem); } 100% { opacity:1; transform: translate(0rem,0rem); } } @-moz-keyframes animationFrames { 0% { opacity:0; -moz-transform: translate(0rem,-2rem); } 100% { opacity:1; -moz-transform: translate(0rem,0rem); } } @-webkit-keyframes animationFrames { 0% { opacity:0; -webkit-transform: translate(0rem,-2rem); } 100% { opacity:1; -webkit-transform: translate(0rem,0rem); } } @-o-keyframes animationFrames { 0% { opacity:0; -o-transform: translate(0rem,-2rem); } 100% { opacity:1; -o-transform: translate(0rem,0rem); } } @-ms-keyframes animationFrames { 0% { opacity:0; -ms-transform: translate(0rem,-2rem); } 100% { opacity:1; -ms-transform: translate(0rem,0rem); } } /* Ken Burns */ .ken-burns { animation: move 40s ease; -ms-animation: move 40s ease; -webkit-animation: move 40s ease; -o-animation: move 40s ease; -moz-animation: move 40s ease; } .ken-burns.infinite { animation: move 40s ease infinite; -ms-animation: move 40s ease infinite; -webkit-animation: move 40s ease infinite; -o-animation: move 40s ease infinite; -moz-animation: move 40s ease infinite; } @-webkit-keyframes move { 0% { -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); } 100% { transform: scale(1.0); -ms-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); -moz-transform: scale(1.0); } } .kill-ken .background-container .lazy{ animation: none; -ms-animation: none; -webkit-animation: none; -o-animation: none; -moz-animation: none; } /* Test Alignment Classes */ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } /* *********************** Backgrounds *********************** */ .light-gray-background { background-color: #eee; margin: 0; max-width: 100%; } .parallax-image-background { position: relative; color: #fff; overflow: hidden; height: auto; width: 100%; background-repeat: no-repeat; background-size: 100% 100%; background-position: bottom center; background-attachment: fixed; text-align: center; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -webkit-backface-visibility: hidden; } .background-container { position: absolute; overflow: hidden; display: block; height: 100%; width: 100%; top:0; /* background-color: #000; */ } .video-wrapper .lazy , .background-container .lazy { position: relative; overflow: hidden; display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; -webkit-backface-visibility: hidden; z-index: 0; } #leftRight .background-container .lazy { position: relative; overflow: hidden; display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center left; background-attachment: scroll; -webkit-backface-visibility: hidden; z-index: 0; } .parallax-image-background-alt { position: relative; overflow: hidden; height: auto; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: bottom center; background-attachment: fixed; text-align: center; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -webkit-backface-visibility: hidden; } /* .carousel + .background-container .lazy{ background-attachment: scroll; } */ @media (max-width: 1024px) { .background-container .lazy { background-size: cover; background-position: center; background-attachment: scroll!important; } } @media (max-width: 767px) { .background-container .lazy { background-size: cover; background-position: center; background-attachment: scroll; } #leftRight .background-container .lazy { height: 35vh; } .parallax-image-background-alt p,.parallax-image-background-alt h4,.parallax-image-background-alt label { color: #666; } } /* *********************** Buttons *********************** */ .btn { position: relative; overflow: hidden; padding: 14px 30px; border: none; margin-bottom: 20px; margin-right: 15px; font-weight: 600; font-size: 14px; letter-spacing: 0.3px; text-transform: uppercase; -webkit-transition: all 0.2s; transition: all 0.2s; } .btn:last-child { margin-right: 0; } .btn i { margin-left: 10px; margin-right: -5px; } .btn-lg { padding: 9px 40px 10px 40px; font-size: 15px; } .btn-xs { padding: 5px 20px 6px 20px; font-size: 11px; } .btn:focus, button:focus, :focus, .btn:active { outline: 0 !important; box-shadow: none; } .btn:hover { border-radius: 0; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } /* Default Button 1 */ .btn-default-1 { background-color: var(--first-color); } .btn-default-1:hover, .btn-default-1:focus { color: #fff ; background-color: var(--second-color); } .btn-default-1.bordered { border: 1px solid #7c7c7c; background-color: transparent; color: #7c7c7c; } /* Default Button 2 */ .btn-default-2 { background-color: var(--fifth-color);; color: #fff; } .btn-default-2:hover, .btn-default-2:focus { color: #fff; background-color: var(--second-color); } .btn-default-2.bordered { border: 1px solid #7c7c7c; background-color: transparent; color: #7c7c7c; } /* Default Button Grey */ .btn-grey { background-color: #e1e1e1; color: #464646; } .btn-grey:hover, .btn-grey:focus { color: #464646; } .btn-grey.waves .waves-ripple { background-color: #f2f2f2; } .btn-grey.bordered { border: 1px solid #e1e1e1; background-color: transparent; color: #8f8f8f; } /* *********************** Preloader *********************** */ #preloader { display: block; opacity: 1; position: fixed; overflow: hidden; height: 100%; width: 100%; top:0; z-index: 9999999; pointer-events: none; clip: rect(auto, auto, auto, auto); } #spinner{ transition: transform 0.1s; } #preloader .container { display: block; height: 100%; width: 100%; } #preloader .container img { display: block; height: 100%; width: 100%; max-height: 100px; max-width: 100px; position: fixed; margin: 0 auto; top: 50%; left: calc(50% - 50px); transform: translate(0,-50%); } #preloader #spinner { animation: fadeOut; -webkit-animation: fadeOut; animation-duration: .3s; -webkit-animation-duration: .3s; animation-delay: 2s; -webkit-animation-delay: 2s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; } @-webkit-keyframes fadeOut { from {opacity: 1;} to {opacity: 0;} } @keyframes fadeOut { from {opacity: 1;} to {opacity: 0;} } @-webkit-keyframes swipeUp { from {height: 100%;} to {height: 0;} } @keyframes swipeUp { from {height: 100%;} to {height: 0;} } @-webkit-keyframes swipeLeft { from {width: 100%;} to {width: 0;} } @keyframes swipeLeft { from {width: 100%;} to {width: 0;} } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } @-webkit-keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } @keyframes zoom { from { transform:scale(.5); } to { transform:scale(1); } } @-webkit-keyframes zoom { from { transform:scale(.5); } to { transform:scale(1); } } @keyframes reveal { from { clip: rect(100px, 100px, 100px, 0px); opacity: 0; } to { clip: rect(0px, 100px, 100px, 0px); opacity: 100%; } } @-webkit-keyframes reveal { from { clip: rect(100px, 100px, 100px, 0px); opacity: 0; } to { clip: rect(0px, 100px, 100px, 0px); opacity: 100%; } } #preloader i { color: transparent; } @media (max-width: 768px) { #preloader .container img { max-height: 80px; max-width: 80px; } } } /* ! * font-awesome-animation - v0.0.6 * https://github.com/l-lin/font-awesome-animation * License: MIT */ @-webkit-keyframes wrench { 0% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); transform: rotate(24deg); } 75% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes wrench { 0% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } 8% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } 10% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 18% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 20% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 28% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 30% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 38% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 40% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 48% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 50% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 58% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 60% { -webkit-transform: rotate(-24deg); -ms-transform: rotate(-24deg); transform: rotate(-24deg); } 68% { -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg); transform: rotate(24deg); } 75% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .faa-wrench.animated, .faa-wrench.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-wrench { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; transform-origin-x: 90%; transform-origin-y: 35%; transform-origin-z: initial; } /* BELL */ @-webkit-keyframes ring { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 4% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 6% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 12% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 14% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes ring { 0% { -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } 2% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 4% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } 6% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } 8% { -webkit-transform: rotate(-22deg); -ms-transform: rotate(-22deg); transform: rotate(-22deg); } 10% { -webkit-transform: rotate(22deg); -ms-transform: rotate(22deg); transform: rotate(22deg); } 12% { -webkit-transform: rotate(-18deg); -ms-transform: rotate(-18deg); transform: rotate(-18deg); } 14% { -webkit-transform: rotate(18deg); -ms-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-12deg); -ms-transform: rotate(-12deg); transform: rotate(-12deg); } 18% { -webkit-transform: rotate(12deg); -ms-transform: rotate(12deg); transform: rotate(12deg); } 20% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-ring { -webkit-animation: ring 2s ease infinite; animation: ring 2s ease infinite; transform-origin-x: 50%; transform-origin-y: 0px; transform-origin-z: initial; } /* VERTICAL */ @-webkit-keyframes vertical { 0% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 4% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 8% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 12% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 16% { -webkit-transform: translate(0,-3px); transform: translate(0,-3px); } 20% { -webkit-transform: translate(0,3px); transform: translate(0,3px); } 22% { -webkit-transform: translate(0,0); transform: translate(0,0); } } @keyframes vertical { 0% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 4% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 8% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 12% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 16% { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px); } 20% { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px); } 22% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } } .faa-vertical.animated, .faa-vertical.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-vertical { -webkit-animation: vertical 2s ease infinite; animation: vertical 2s ease infinite; } /* HORIZONTAL */ @-webkit-keyframes horizontal { 0% { -webkit-transform: translate(0,0); transform: translate(0,0); } 6% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 12% { -webkit-transform: translate(0,0); transform: translate(0,0); } 18% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 24% { -webkit-transform: translate(0,0); transform: translate(0,0); } 30% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 36% { -webkit-transform: translate(0,0); transform: translate(0,0); } } @keyframes horizontal { 0% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 6% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 12% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 18% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 24% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 30% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 36% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } } .faa-horizontal.animated, .faa-horizontal.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-horizontal { -webkit-animation: horizontal 2s ease infinite; animation: horizontal 2s ease infinite; } /* FLASHING */ @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .faa-flash.animated, .faa-flash.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-flash { -webkit-animation: flash 2s ease infinite; animation: flash 2s ease infinite; } /* BOUNCE */ @-webkit-keyframes bounce { 0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .faa-bounce.animated, .faa-bounce.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-bounce { -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } /* SPIN */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } .faa-spin.animated, .faa-spin.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-spin { -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } /* FLOAT */ @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .faa-float.animated, .faa-float.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-float { -webkit-animation: float 2s linear infinite; animation: float 2s linear infinite; } /* PULSE */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse { 0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .faa-pulse.animated, .faa-pulse.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-pulse { -webkit-animation: pulse .75s linear infinite; animation: pulse .75s linear infinite; } /* SHAKE */ .faa-shake.animated, .faa-shake.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-shake { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; } /* TADA */ @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 80% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); -ms-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); -ms-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); -ms-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 80% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .faa-tada.animated, .faa-tada.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-tada { -webkit-animation: tada 2s linear infinite; animation: tada 2s linear infinite; } /* PASSING */ @-webkit-keyframes passing { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes passing { 0% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } .faa-passing.animated, .faa-passing.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-passing { -webkit-animation: passing 3s linear infinite; animation: passing 3s linear infinite; } /* WAVE */ @-webkit-keyframes burst { 0% { opacity: .6; } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } @keyframes burst { 0% { opacity: .6; } 50% { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } .faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover &gt; .faa-burst { -webkit-animation: burst .75s infinite linear; animation: burst .75s infinite linear; } /* *********************** Process Sticky Nav *********************** */ #process-sticky-nav { position: sticky; display: block; width: max-content; top: 50%; transform: translate(0,-50%); z-index: 999; margin: 0; margin-left: -19px; } #process-sticky-nav .nav-container { background-color: rgba(255,255,255,.9); padding: 1.4rem 1rem; box-shadow: 2px 2px 10px rgba(0,0,0,.2); text-align: left; opacity: 0; border-radius: 0; border-top: 5px solid var(--first-color); transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } #process-sticky-nav .featured-box { text-align: left; padding: 4rem 0 4rem 1rem; } #process-sticky-nav a { color: #000; font-size: .9rem; cursor: pointer; transition: .2s; -webkit-transition: .2s; -moz-transition: 2s; position: relative; right: -10px; padding-right: 10px; opacity:.6; } #process-sticky-nav a:hover { right:0; opacity:1; } @media (max-width: 991px) { #process-sticky-nav { margin-right: 800px; } } /* Process Steps */ .process-step li { list-style-type: circle; list-style-position: outside; margin-left:1.5rem; padding-right:1.5rem; } @media (max-width: 1024px) { .row.process-step { display: flex; } } @media (max-width: 768px) { .row.process-step { display: table; } #process-sticky-nav .nav-container { display: none; } } /* *********************** Facebook-Chat *********************** */ .fb_dialog_content iframe { transform: scale(0.8); } .fb_dialog { background: transparent!important; } /* *********************** Scroll-To-Top *********************** */ #scroll-up { position: fixed; z-index: 8030; bottom: -1px; left: 50%; transform: translate(-50%,0); display: none; width: 46px; height: 35px; border-radius: 0; color: #fff; font-size: 18px; line-height: unset; text-align: center; text-decoration: none; cursor: pointer; -webkit-transition: all 0.25s; transition: all 0.25s; } #scroll-up span{ transform: rotate(90deg); display: block; margin-top: 9px; } #scroll-up:hover { background-color: var(--first-color); box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); } #scroll-up.waves .waves-ripple { background-color: #4c5966; } @media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) { #scroll-up { display: none; } } @media (max-width: 767px) { #scroll-up { display: block; } } /* *********************** Mortgage Calc *********************** */ .calculator .emc-field label { display: block; } /* *********************** Juicer *********************** */ .juicer-feed .j-paginate { border: 2px solid var(--first-color)!important; color: var(--first-color)!important; } .juicer-feed .j-paginate:hover { background: var(--first-color)!important; color: #fff!important; } .j-loading { border: 4px solid var(--first-color)!important; } .j-loading:before { background-color: var(--first-color)!important; } .j-poster { display:none!important; } /* *********************** Forms *********************** */ /* Newsletter Slim */ fieldset.newsletter-slim { display: flex; flex-direction: column; } fieldset.newsletter-slim .opt-in-consent-container { text-align: left; } fieldset.newsletter-slim div.submit { position: absolute; right: 0; top: 0; } fieldset.newsletter-slim .emailAddress-field { min-height: 50px; } .contact-form-newsletter.form-box fieldset.newsletter-slim div.captcha-notice { text-align: left!important; } /* Custom Newsletter Slim */ .contact-form-custom.newsletter-slim .form-box .form-field.half-width { width: calc(50% - 33px)!important; margin: 0 0 20px; float: left; } .newsletter-slim.contact-form-custom.form-main-container .button-container { position: absolute; top: 0; right: 0; } @media (max-width: 768px) { .contact-form-custom.newsletter-slim .form-box .form-field.half-width { width: calc(50% - 25px)!important; margin: 0 0 20px; float: left; } } /* Opt-in consent checkbox */ input#oic { width: 20px!important; height: 20px; position: relative; margin-right: 0.5rem; flex-shrink: 0; } .opt-in-consent-container { margin: 0.25rem 0 0.25rem 0; display: flex; justify-content: center; align-items: flex-start; width: 100%; } .opt-in-consent-container p { color: #000; font-size: 10px; font-family: sans-serif; line-height: 1.25; text-align: left; text-wrap: pretty; } .p-white .opt-in-consent-container p { color: #fff; } .dark .opt-in-consent-container p { color: #fff; } .opt-in-consent-container a:hover { text-decoration: underline; } .dark .opt-in-consent-container a:hover { text-decoration: underline; } /* REcaptcha */ .p-white .captcha-notice { color: #fff; } .captcha-notice { color: #000; } .dark .captcha-notice { color: #fff; } .contact-form-custom fieldset { -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; transition: opacity 500ms; opacity: 0; } fieldset legend, .contact-form-basic fieldset.inactive , .contact-form-simple fieldset.inactive , .contact-form-newsletter fieldset.inactive , .contact-form-custom fieldset.inactive { display: none; } .contact-form-basic fieldset.active .submit , .contact-form-simple fieldset.active .submit , .contact-form-newsletter fieldset.active .submit { text-align: center; display: inline-block; float: unset; } .contact-form-custom fieldset.active { opacity: 1; } .modal .icon-close{ font-size: 24px; } .form-field { position: relative; background: #fff; vertical-align: top; } .form-field label { margin-bottom: 0; color: var(--first-color); } .error { color: #fff; display: none; position: absolute; bottom: 0; padding: 2px 4px; width: auto; background: #e42424; right: 0; margin-bottom: 0; font-size: .65rem; font-weight: 600; text-align: right; line-height: .9rem; } .error.active { display: block; } .g-recaptcha{ position: absolute; display: block; margin: 0; } .form-box .form-submit{ margin: 10px 0 0!important; text-transform: none; } .mail-fail , .mail-auth , .mail-success { display: none; color: #FFFFFF; width: fit-content; /* padding: 6px 20px; */ margin: 15px auto; } .mail-fail p , .mail-auth p , .mail-success p { color: #FFFFFF; text-align: center; } .mail-fail { border: 2px solid #e42424; background-color: #e42424; padding: 6px 20px; } .mail-success { border: 2px solid #5FC17D; background-color: #5FC17D; padding: 6px 20px } .mail-fail p , .mail-auth p , .mail-success p { margin: 0; padding: 0; text-align: left; } .captcha-notice { z-index: 0; padding-top: 20px; font-size: .8rem; clear: both; } .captcha-notice .captcha-notice-link { margin: 0; padding: 0; font-weight: bold; } .button-container .submit .form-submit { padding: .75rem 1.25rem; } .contact-form-custom fieldset &gt; .button-container .fieldset-button { /* margin: 0 0 0 0; */ margin: 10px 0 0!important; border: 0; } .contact-form-custom fieldset .fieldset-button ~ .fieldset-button { margin: 0 0 0 15px; } /* Custom Form */ /* Centered Form buttons */ .contact-form-custom .button-container {display: flex; gap: 1rem; justify-content: center;} /* Left / Right Form buttons */ .contact-form-custom fieldset input.fieldset-button.fieldset-previous.left-right { float: left; } .contact-form-custom.form-box input.form-submit.left-right, .contact-form-custom fieldset input.fieldset-button.fieldset-next.left-right { float: right; /* margin: 10px 0 0!important; */ position: relative; margin-left: auto!important; } .contact-form-custom.left-right .button-container {justify-content: space-between;} .contact-form-custom fieldset input.form-submit.left-right { margin-top: 0px !important; } /* Left Form buttons */ .contact-form-custom.left-btns .button-container {justify-content: flex-start;} /* Right Form buttons */ .contact-form-custom.right-btns .button-container {justify-content: flex-end;} /* Horizontal Form */ .horizontal-form input#oic { max-width: 20px; } .horizontal-form.contact-form-custom .button-container { justify-content: flex-end; display: flex; width: 20%; float: right; } .horizontal-form .submit { float: right; width: 100%!important; } .horizontal-form .opt-in-consent-container { justify-content: flex-end; top: 0.5rem; } .horizontal-form .captcha-notice { bottom: 2rem; width: fit-content; float: right; } @media (max-width: 767px) { .horizontal-form.contact-form-custom .button-container { bottom: unset; justify-content: flex-start; margin: 1rem 0 0.5rem 0; width: fit-content; float: none; } .horizontal-form .opt-in-consent-container { bottom: unset; } .horizontal-form .captcha-notice { bottom: 2rem; } } /* MLP Property Details Form */ #mlp-property-details-form input#oic { max-width: 20px; } #mlp-property-details-form .opt-in-consent-container p { color: #fff; } /* End Custom Form */ /* All form types */ .contact-form-basic form , .contact-form-simple form , .contact-form-newsletter form , .contact-form-custom form { z-index: 1; } form.form-box .form-field p , form.form-box .form-field label { float: left; width: 22%; text-align: left; font-size: 1rem; padding: 0px 10px; color: var(--first-color); } form.form-box .form-field p { width: 100%; margin: 0; padding: 0; text-align: left; } form.form-box .form-field label.label-text { line-height: 50px; padding-top: 0; padding-bottom: 0; white-space: nowrap; } form.form-box .g-recaptcha { visibility:hidden; } form.form-box .form-field input, form.form-box .form-field textarea, .select-multiple { float: right; width: 78%; padding: 10px 15px; font-size: .9rem; line-height: 1.4rem; border: none; background: transparent; border-left: 1px solid #ccc; border-radius: 0; } form.form-box .form-field.top-label input, form.form-box .form-field.top-label textarea , form.form-box .form-field.border-label input, form.form-box .form-field.border-label textarea, form.form-box .form-field.top-label .select-multiple { border-left: none; } form.form-box .form-field label.label-text, form.form-box .form-field input[type="text"], form.form-box .form-field input[type="submit"] { min-height: 50px; } form ul.form-checkbox-box { display: table; } form ul.form-checkbox-box li { display: table-cell; } form ul.form-checkbox-box li.form-col-checkbox-box { width: 30px; vertical-align: top; } /* form.form-box .form-field:not(.top-label) select , form.form-box .form-field:not(.top-label) .form-fields.list-h , form.form-box .form-field:not(.border-label) select , form.form-box .form-field:not(.border-label) .form-fields.list-h { border-left: 1px solid #ccc; } */ @media (min-width: 768px) { .form-box .form-field.half-width { width: calc(50% - 7px); margin: 0 0 15px 0; } /* .form-box .form-field.half-width:nth-child(odd) { margin-left: 7px; } .form-box .form-field.half-width:nth-child(even) { margin-right: 7px; } */ .form-box .form-field.half-width:nth-child(odd) , .form-box .form-field.half-width:nth-child(even) { margin-right: unset; } .form-box .form-field.half-width.cell-odd { margin-right: 7px !important; } .form-box .form-field.half-width.cell-even { margin-left: 7px !important; } } /* Basic */ .contact-form-basic .form-field { width: 100%; display: flex; border: 1px solid #ccc; margin: 0 0 15px 0; } .contact-form-basic .form-field label { float: left; width: 22%; text-align: left; font-size: 1rem; padding: 6px 10px; } /* Newsletter */ .contact-form-newsletter .form-field { width: 100%; display: inline-block; border: 1px solid #ccc; margin: 0 0 15px 0; float: left; } .contact-form-newsletter div.submit { display: inline-block; padding: 0; float: left; } .contact-form-newsletter div.submit .form-submit{ line-height: unset; padding: 8px; font-size: .8rem; height: 52px; width: 75px; margin: 0!important; } .contact-form-newsletter .mail-success, .contact-form-newsletter .mail-fail { margin: 20px 0 0; position: relative; width: auto; right: 0; text-align: center; } /* Simple */ .contact-form-custom .form-field , .contact-form-simple .form-field { width: 100%; display: flex; border: 1px solid #ccc; margin: 0 0 15px 0; } /* .contact-form-custom .form-field label:not(.form-fields-box) , */ .contact-form-simple .form-field labell:not(.form-fields-box) { float: left; width: 22%; text-align: left; font-size: 1rem; padding: 6px 10px; position: relative; top: 0px; } .contact-form-custom .form-field input, .contact-form-custom .form-field textarea , .contact-form-simple .form-field input, .contact-form-simple .form-field textarea , .contact-form-custom .form-fields { float: right; width: 78%; padding: 10px 15px; font-size: .9rem; line-height: 1.4rem; border: none; background: #fff; /* border-left: 1px solid #ccc; */ } .contact-form-custom .form-fields , .contact-form-custom .form-field input , .contact-form-custom .form-field select { min-height: 50px!important; border-radius: 0; } /* Custom */ .contact-form-custom { color: var(--first-color); } .contact-form-custom .form-field select { border-width: 0 0 0 0; border-color: #ccc; } .contact-form-custom .form-field select , .contact-form-custom .form-field .form-fields { /* width: 77%; */ width: 100%; height: fit-content; } .contact-form-custom .form-field .form-fields .form-fields-box { padding: 0; } .contact-form-custom .form-field .form-fields.list-v { display: block; padding: 15px 10px; } .contact-form-custom .form-field .form-fields.list-v &gt; .form-fields-box { float: none; margin: 0 0 0 0; } .contact-form-custom .form-field .form-fields.list-v .form-fields-box ~ .form-fields-box { margin: 20px 0 0; width: 100%; } .contact-form-custom .form-field .form-fields.list-v label { width: 100%; } form.form-box .form-field .form-fields.list-h { /* display: flex; */ flex-direction: row; justify-content: space-evenly; align-items: center; } form.form-box .form-field .form-fields.list-h .form-fields-box { flex-grow: 1; flex-basis: 0; width: fit-content; margin-left: 20px; margin-left: 20px; position: relative; top: 4px; } form.form-box .form-field .form-fields.list-h .form-fields-box:first-of-type { margin-left: 0px; } form.form-box .form-field .form-fields.list-h .form-fields-box label { text-align: center; } .contact-form-custom .form-fields input[type="radio"] , .contact-form-custom .form-fields input[type="checkbox"] { width: auto; float: none; } .contact-form-custom .form-fields-box { display: block; position: relative; /* padding-left: 35px; */ margin-bottom: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; text-indent: 35px; } .contact-form-custom .form-fields-box input { position: absolute; opacity: 0; width: 0; height: 0; cursor: pointer; } .contact-form-custom .form-fields-box:hover input ~ .checkmark { background-color: #ccc; } .contact-form-custom .form-fields-box input:checked ~ .checkmark { /* background-color: #2196F3; */ } .contact-form-custom .form-fields-box .radio.checkmark , .contact-form-custom .form-fields-box .checkbox.checkmark { position: absolute; top: 1px; left: 0; height: 20px; width: 20px; background-color: #eee; border-color: transparent; } .contact-form-custom .form-fields-box .radio.checkmark { border-radius: 50%; } .contact-form-custom .form-fields-box .checkmark:after { content: ""; position: absolute; display: none; } .contact-form-custom .form-fields-box input:checked ~ .checkmark:after { display: block; } .contact-form-custom .form-fields-box .radio.checkmark:after { top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: white; } .contact-form-custom .form-fields-box .checkbox.checkmark:after { left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .contact-form-custom .form-field.code-block { border: 0; } div[id^=nb-field-] { width: 100%; } div[id^=nb-field-] input { width: 100% !important; } /* Firefox */ @-moz-document url-prefix() { } body.password-protected { position: relative; height: 100vh; width: 100%; background-color: #000; color: #fff; } .password-protected-prompt { background-color: #000; color: #fff; text-align: center; margin: 0; display: flex !important; justify-content: center; align-items: center; height: 100vh !important; text-align: center;} .password-protected-prompt p { color: #fff; } .password-protected-prompt-box { width: 635px; text-align: center; } .password-protected-prompt .passwd-field button { color: #fff; height: auto; border: 2px solid #fff; padding: 5px 25px 7px; background-size: 100% 200%; background-color: transparent; background-image: linear-gradient(to top, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 50%); -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s; font-weight: 400; margin: 0 0 0 15px; } .password-protected-prompt .passwd-field button:hover { color: #000; border: 2px solid #fff; background-position: 0 100%; } .password-protected-prompt .email-field input { width: 100%; min-width: 287px; margin-bottom: 15px; } .password-protected-prompt .email-field input, .password-protected-prompt .passwd-field input { outline-style: none; box-shadow: none; padding: 5px 6px 7px; } .password-protected-prompt img.password-logo { margin: 20px 0; } .password-protected-prompt .passwd-box { max-width: 287px; margin: 0 auto; } /* Counters */ .counters.container { } .counter-box { text-align: center; padding: .5%; } .counter-box .counter { width: 100%; height: auto; position: relative; background-color: #c0c0c0; text-align: center; } .counter-box .counterInner { padding: 2.5%; width: 100%; height: 100%; position: relative; } .counter-box .counter .bg { height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; } .counter-box .counter .ico { max-width: 50px; max-height: 50px; height:50px; width: 50px; display: inline; margin-bottom: 2rem; /* background-position: top center; background-size: contain; background-position: 50% 20%; top: 2.5%; */ } .counter-box .counter .txt { font-size: 40px; font-weight: normal; margin: 0; padding: 0; text-align: center; width: auto; /* width: 100%; position: absolute; top: 61%; */ } .counter-box .counter p.count-text , .counter-box .counter h2.count-counter { margin: 0; padding: 0; } .counter-box .counter .txt span , .counter-box .counter .txt .num , .counter-box .counter .txt p.count-text , .counter-box .counter .txt .num h2.count-number { font-size: 2rem; line-height: unset; } .counter-box .counter .txt span , .counter-box .counter .txt .num h2.count-number { display: inline; margin: 0px; padding: 0px; } .counter-box .counter .txt p.count-text { font-size: 20px; margin-bottom: 5px; } .counter-box .counter .txt span { font-size: 1rem; position: relative; top: -10px; } .counter-box .counter .txt span.pre { top: -10px; } .counter-box .counter .txt span.suf { /* top: -10px; */ } .counter-box .counter.noIco { height: auto; } .counter-box .counter.noIco .counterInner { padding-left: 0; padding-right: 0; } .counter-box .counter.noIco p.count-text { padding: 0; margin: 0; } .counter-box .counter.noIco .txt { margin: 0; width: 100%; /* position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); */ } .carousel-fade .carousel-item { opacity: 0; transition-duration: .6s; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; } .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev { transform: translateX(0); transform: translate3d(0, 0, 0); } .flickity-page-dots { position: relative; } .flickity-prev-next-button, .flickity-prev-next-button:hover { background-color: transparent; } .flickity-prev-next-button svg { display: none; } .flickity-enabled button { font-family: 'agenta-icons'; background-image: none; opacity: .8; width: auto; height: auto; font-style: normal; font-size: 3.75rem; color: #777; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-appearance: all .2s ease-in-out; } body.search #post-header-title-card .content-container .hero-text h1 { line-height: 5rem; } body.search #post-header-title-card h1, body.search-results #post-header-title-card h2, body.search-results #post-header-title-card h3, body.search-results #post-header-title-card h4, body.search #post-header-title-card h5, body.search-results #post-header-title-card h6, body.search-results #post-header-title-card p { margin: 0 auto; width: 100%; } body.search #post-header-title-card { display: contents; position: relative; height: auto; width: 100%; text-align: center; transition: all .2s; -moz-transition: all .2s; -webkit-transition: all .2s; -webkit-backface-visibility: hidden; } body.search #post-header-title-card .content-container .hero-text { padding: 0 40px; max-width: 1200px; margin: 0 auto; } body.search #post-header-title-card .hero-text .centered-text { top: unset; transform: none; } /* Button position */ /* Center */ form.form-box, form.form-box div.captcha-notice, form.form-box.left-right, form.form-box.left-right div.captcha-notice, form.form-box.left-right .auth-box, form.form-box.left-right .auth-box .submit { text-align: center; } /* Left */ form.form-box.left-btns, form.form-box.left-btns div.captcha-notice, form.form-box.left-btns div.captcha-notice, form.form-box.left-btns .auth-box, form.form-box.left-btns .auth-box .submit { text-align: left; } /* Right */ form.form-box.right-btns, form.form-box.right-btns div.captcha-notice, form.form-box.right-btns div.captcha-notice, form.form-box.right-btns .auth-box, form.form-box.right-btns .auth-box .submit { text-align: right; } form.form-box.right-btns { text-align: right; } form.form-box div.form-field.hide { display: none; } /* New form style for 2FA auth fieldset */ .form-main-container { width: 100%; } .mail-auth-resend { text-wrap: nowrap; display: flex; align-items: center; padding: 10px 15px; } fieldset.auth-box div.mail-auth { border: 1px solid #ccc; } .mail-auth.form-field { display: flex!important; justify-content: space-between; } fieldset.auth-box div.mail-auth input#agenta2fa { border: none!important; } .mail-auth-container { display: flex; flex-direction: column; } .mail-auth-container label, .mail-auth-container h3 { color: var(--first-color); text-align: left; } .dark .mail-auth-container label, .dark .mail-auth-container h3 { color: #fff; } /* Inline lable auth box */ /* .inline-label .mail-auth-resend { padding: 10px 15px; } fieldset.auth-box div.mail-auth.inline-label { border: 1px solid #ccc; padding: 0; } fieldset.auth-box div.mail-auth.inline-label .submsg { border-right: 1px solid #ccc; padding: 10px 15px; } @media (max-width: 1200px) { fieldset.auth-box div.mail-auth.inline-label .submsg { width: 40%; } } */ @media (max-width: 767px) { /* fieldset.auth-box div.mail-auth { padding: 2rem 1rem 0 1rem; } */ fieldset.auth-box div.mail-auth.inline-label #agenta2fa, fieldset.auth-box div.mail-auth.top-label #agenta2fa{ border: none!important; } fieldset.auth-box div.mail-auth.inline-label #agenta2fa { max-width: 120px!important; } /* .inline-label .mail-auth-resend { text-wrap: wrap; padding-left: 0; } */ } form.form-box div.form-field.top-label { margin-bottom: 30px; } form.form-box div.form-field.top-label label:not(.form-fields-box) { position: absolute; left: 5px; top: -27px; background: transparent; width: auto !important; height: auto !important; line-height: unset; min-height: auto; padding: 0px 10px; z-index: 1; } form.form-box div.form-field.top-label input[type="text"], form.form-box div.form-field.top-label input[type="tel"], form.form-box div.form-field.top-label select, form.form-box div.form-field.top-label textarea, .select-multiple { width: 100% !important; } /* form.form-box div.form-field.top-label label.form-fields:not(.form-fields-box) { width: 100%; } */ form.form-box div.form-field.top-label label.form-fields-box:not(.form-fields-box) { position: unset; } form.form-box div.form-field.top-label select { text-indent: 15px; font-size: .9rem; } form.form-box div.form-field.top-label div label.form-fields-box { text-align: left; } html.firefox form.form-box div.form-field.top-label select { text-indent: 1px; line-height: 50px; } html.safari form.form-box div.form-field.top-label select { text-indent: 4px; padding-left: 9px; } html.chrome form.form-box div.form-field.top-label select { text-indent: 6px; } form.form-box div.form-field select.selectable-option { color: #000000; } form.form-box div.form-field select.placeholder { color: #747474; } form.form-box div.form-field.border-label { margin-bottom: 30px; } form.form-box div.form-field.border-label label:not(.form-fields-box) { position: absolute; left: 5px; top: -13px; background: inherit; width: auto !important; height: auto !important; line-height: unset; min-height: auto; padding: 0px 10px; z-index: 1; } form.form-box div.form-field.border-label input[type="text"], form.form-box div.form-field.border-label input[type="tel"], form.form-box div.form-field.border-label select, form.form-box div.form-field.border-label textarea { width: 100% !important; } /* form.form-box div.form-field.border-label label.form-fields:not(.form-fields-box) { width: 100%; } */ form.form-box div.form-field.border-label label.form-fields-box:not(.form-fields-box) { position: unset; } form.form-box div.form-field.border-label select { text-indent: 15px; } form.form-box div.form-field.border-label div label.form-fields-box { text-align: left; } html.firefox form.form-box div.form-field.border-label select { text-indent: 1px; line-height: 52px; } html.safari form.form-box div.form-field.border-label select { text-indent: 4px; padding-left: 9px; } html.chrome form.form-box div.form-field.border-label select { text-indent: 6px; } form.form-box.dark .form-field { background: transparent; border: 1px solid rgba(255,255,255,0.5); } .contact-form-custom, form.form-box.dark div.form-field label, form.form-box.dark div.form-field input, form.form-box.dark div.form-field textarea, form.form-box.dark div.form-field input::placeholder, form.form-box.dark div.form-field select::placeholder, form.form-box.dark div.form-field select.placeholder, form.form-box.dark div.form-field select.selectable-option { color: #fff; } form.form-box.dark .form-field input, form.form-box.dark .form-field textarea, form.form-box.dark .form-field input, form.form-box.dark .form-field textarea, form.form-box.dark .form-fields { background: inherit !important; } form.form-box.dark div.form-field.border-label label:not(.form-fields-box) { background: #000; } form.form-box.dark fieldset &gt; .fieldset-button, form.form-box.dark fieldset &gt; .button-container .fieldset-button { border: 1px solid #fff; color: #fff!important; background-color: transparent!important; } form.form-box.dark .form-submit { background: transparent; border: 1px solid #fff; } form.form-box.dark .form-submit:hover { background-color: #fff!important; color: #000 !important; } form.form-box.dark select { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEuNCw0LjcgMi41LDMuMiAzLjUsNC43ICIvPgo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjMuNSw1LjMgMi41LDYuOCAxLjQsNS4zICIvPgo8L3N2Zz4K') no-repeat; background-position: right 5px top; -moz-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 4px 20px; } select{ background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat; background-position: right 5px top; -moz-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding : 4px 20px } @media (min-width: 768px) { .form-box .form-field input, .form-box .form-field textarea, .form-box .form-fields { width: 87%; } /* .form-box .form-field{ margin: 0 10px 20px 0; } */ .form-box .form-field label { width: 13%; } .form-box .form-field, .contact-form-simple .form-field { display: inline-flex; } /* .form-box .form-field.half-width { width: calc(50% - 30px); } */ .form-box .form-field.third-width { width: calc(33.333333% - 20px); } .form-box .form-field.quarter-width { width: calc(25% - 10px); } .height-normalize { min-height: 44px; } .form-box .top-label.form-field select , .form-box .border-label.form-field select { padding: 0 10px; border-left: 0px solid #ccc; } .form-box .inline-label.form-field select { padding: 4px 20px; /* padding: 15px 10px 0px; */ border-left: 1px solid #ccc; } html.firefox .form-box .inline-label.form-field select { padding: 15px 10px 0px; } .half-width.add-width { width: calc(50% + 20px)!important; margin: 0 0 0 0!important; } .third-width.add-width { width: calc(33.333333% + 20px)!important; margin: 0 0 0 0!important; } .quarter-width.add-width { width: calc(25% + 20px)!important; margin: 0 0 0 0!important; } .half-width label, .third-width label, .quarter-width label { width: 33%!important; } .radios .form-fields-box { flex-grow: unset!important; flex-basis: unset!important; margin-right: 30px!important; width: fit-content!important; } .radios .form-fields.list-h { border: none!important; margin: 10px 0!important; justify-content: start!important; } .radios.form-field label { padding: 20px 20px!important; } .radios.form-field .form-fields-box { padding: 0!important; } } @media (max-width: 767px) { form.form-box .form-field { display: inline-block; padding: 0; border: 0; } form.form-box .form-field .form-fields.list-h { float: left; width: 100%; border: 1px solid #ccc; } form.form-box .form-field label.label-text { min-height: 25px; line-height: 20px; } form.form-box .form-field label , form.form-box .form-field label:not(.form-fields-box) { width: 100%; /* padding: 6px 0px; */ padding: 10px 0px 6px; } form.form-box .form-field input, form.form-box .form-field textarea, form.form-box .form-field select, .select-multiple { width: 100%; /* border: 1px solid #ccc; */ min-height: 44px; } form.form-box .form-field:not(.border-label) input:not(.search-bar), form.form-box .form-field:not(.border-label) textarea, form.form-box .form-field:not(.border-label) select, .select-multiple { border: 1px solid #ccc !important; } form.form-box .form-field { /* border: none; */ margin:0; } form.form-box .form-fields.list-v { border: 1px solid #ccc; width: 100%; } div.contact-form-newsletter form.contact-form-newsletter .form-field , div.contact-form-newsletter form.contact-form-newsletter .form-field input { width: 100%; } div.contact-form-newsletter form.contact-form-newsletter .form-field { margin-bottom: 15px; } .modal-body .container .container{ padding: 1rem 1rem 2rem !important; } } /* .btn:focus, button:focus, :focus, .btn:active { outline: 1px solid #ccc !important; box-shadow: none; } */ div[id^=nb-field-].nb-error div.nb-feedback, div[id^=nb-field-] div.nb-feedback, div.nb-feedback { opacity: 0 !important; } div.post-author span, div.post-tax span { margin-right: 10px; } .pac-container { z-index: 9500; } /* 2FA Auth Container */ fieldset.auth-box { display: flex; flex-direction: column; } fieldset.auth-box, fieldset.auth-box div.buttons { width: 100%; } fieldset.auth-box div.mail-auth { clear: both; } fieldset.auth-box div.mail-auth { text-align: center; display: inline-block; } fieldset.auth-box div.submit, fieldset.auth-box div.back { width: fit-content; } fieldset.auth-box div.back { float: left; text-align: left; } fieldset.auth-box div.submit { text-align: right; float: right; } fieldset.auth-box div.back input, fieldset.auth-box div.submit input { margin: 0!important; text-transform: none; } @media (max-width: 767px){ fieldset.auth-box div.back input, fieldset.auth-box div.submit input { margin: 10px 0 0!important; text-transform: none; } } form.form-box.dark .auth-box .form-submit:hover, form.form-box.dark .auth-box .fieldset-previous:hover { background-color: #fff!important; color: #000 !important; } form.form-box.dark .auth-box .form-submit, form.form-box.dark .auth-box .fieldset-previous { background: transparent; border: 1px solid #fff; } /* fieldset.auth-box div.mail-auth input#agenta2fa, fieldset.auth-box div.mail-auth input#sms2fa { min-height: 50px; width: 200px; padding: 10px 15px; font-size: .9rem; line-height: 1.4rem; border: none; background: #fff; border-left: 1px solid #ccc; border-radius: 0; } */ fieldset.auth-box a.resend { color: var(--first-color); margin: 10px 0px; display: inline-block; text-decoration: none; cursor: pointer; } fieldset.auth-box a.resend:hover { color: var(--first-color); text-decoration: underline; } div.video-wrapper iframe::-webkit-media-controls , div.video-wrapper iframe .player .vp-player-ui-overlays{ display: none; } /* Base styles for the custom select dropdown */ .select-multiple { line-height: unset!important; padding: 8px 16px; } .select-multiple input { border-left: none!important; padding: 0!important; min-height: unset!important; } .select-multiple select { display: none; } /* Styles for the active div and its children */ .select-multiple .active-list { position: relative; z-index: 2; font-size: 14px; transition: box-shadow 0.3s ease; display: flex; width: 100%; gap: 0.5rem; } .select-multiple .active-list input { min-width: unset; max-width: 20%; margin-right: 0.75rem; } .select-multiple &gt; div:hover { /* box-shadow: 0 4px 24px -1px rgba(22, 42, 90, 0.16); */ } /* Search bar */ .search-bar { position: relative; width: 100%; height: 35px; border: none; } /* Placeholder text styles */ .select-multiple .placeholder-span { color: #99A3BA; display: block; position: absolute; left: 12px; cursor: pointer; top: 8px; line-height: 28px; transition: all 0.3s ease; width: 100%; text-align: left; } .select-multiple .placeholder-span.hide { opacity: 0; visibility: hidden; transform: translate(-4px, 0); } /* Styles for selected option tags */ .select-multiple .selectedTag { position: relative; padding: 8px; display: flex; /* margin-right: 0.5rem; */ background: var(--first-color); border-radius: 4px; width: fit-content; align-items: center; gap: 0.75rem; text-wrap: nowrap; } .select-multiple .selectedTag:hover { color: #fff!important; } /* Close Icon */ .selectedTag .icon-close { font-size: 10px; cursor: pointer; } .selectedTag .icon-close:hover { font-size: 10px; color: #787878!important; } /* Showing and removing tags */ .select-multiple a.notShown { opacity: 0; } .select-multiple a.notShown.shown { opacity: 1; } /* Styles for the options list */ .select-multiple &gt; ul { margin: 0; padding: 0; list-style: none; font-size: 16px; z-index: 1; position: absolute; top: 100%; left: 0; right: 0; visibility: hidden; opacity: 0; border-radius: 8px; transform: translateY(-20px); /* Initially move up for the sliding down effect */ transition: opacity 0.4s ease, transform 0.4s ease; /* Transition for sliding and fading */ box-shadow: 0 12px 20px rgba(22, 42, 90, 0.08); } /* Styles for each option item */ .select-multiple ul li { color: #333; background: #fff; padding: 12px 16px; cursor: pointer; overflow: hidden; position: relative; transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease, opacity 0.5s ease; text-align: left; } /* .select-multiple ul li:hover { background: #777; color: #fff; } */ .select-multiple ul li:after { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background: rgba(0, 0, 0, 0.4); opacity: 0; border-radius: 100%; transform: scale(1) translate(-50%, -50%); transform-origin: 50% 50%; } /* State styles for the open dropdown */ .select-multiple.open &gt; .option-list { transform: translateY(0); /* Move to the original position (slide down) */ opacity: 1; /* Fade in */ visibility: visible; filter: drop-shadow(0 16px 24px rgba(22, 42, 90, 0.16)); z-index: 3; } @media (max-width: 767px) { .select-multiple .active-list { flex-wrap: wrap; } } /* Concessions */ div#row-hdr { background: #f4f4f4; } div#row-hdr .af-flex-table-cell{ text-transform: uppercase; } .aw-concessions.af-flex-table { display: flex; flex-direction: column; border: 1px solid #eee; } .aw-concessions .af-cell-border { border: 1px solid #eee; } .aw-concessions .af-flex-table-row { display: flex; flex-direction: row; flex-wrap: nowrap; } .aw-concessions .af-flex-table-row a { font-size: 1.1rem; } .aw-concessions .af-flex-table-cell { padding: 1rem; flex: 1; text-align: left; } .aw-concessions .af-flex-table-cell p { margin: 0; line-height: 1; } @media (max-width: 767px){ .aw-concessions.af-flex-table { gap: 1rem; } .aw-concessions .af-flex-table-row { flex-direction: column; } .aw-concessions .af-cell-border { border: none; } } .single-blog #primary figure.is-type-video { max-width: 1000px; margin: auto; } .wp-block-embed { overflow-wrap:break-word } .wp-block-embed figcaption { margin-bottom: 1em; margin-top:.5em } .wp-block-embed iframe { max-width:100% } .wp-block-embed__wrapper { position:relative } .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before { content: ""; display: block; padding-top:50% } .wp-embed-responsive .wp-has-aspect-ratio iframe { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width:100% } .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { padding-top:42.85% } .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before { padding-top:50% } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top:56.25% } .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before { padding-top:75% } .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before { padding-top:100% } .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before { padding-top:177.77% } .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before { padding-top:200% } .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; padding-top: 125px; } .wp-block-embed iframe { max-width: 100%; min-width: 100%; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } /* Edge on Windows OS */ @media (prefers-color-scheme: light){ select .selectable-option { color: #000; } } @media (prefers-color-scheme: dark){ select .selectable-option { color: #000; } } /* -|- agenta-icons.css -|- */ /* Webfont: Agenta Icons */ @font-face { font-family: 'agenta-icons'; src: url(https://extassets.agentaprd.com/agenta/font-library/agenta-icons.eot); /* IE9 Compat Modes */ src: url(https://extassets.agentaprd.com/agenta/font-library/agenta-icons.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */ url(https://extassets.agentaprd.com/agenta/font-library/agenta-icons.woff) format('woff'), /* Modern Browsers */ url(https://extassets.agentaprd.com/agenta/font-library/agenta-icons.ttf) format('truetype'), /* Safari, Android, iOS */ url(https://extassets.agentaprd.com/agenta/font-library/agenta-icons.svg#agenta-icons) format('svg'); /* Legacy iOS */ font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'agenta-icons' !important; 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; } .icon-arrow-triangle-down:before { font-family: 'agenta-icons'; content: "\e92d"; } .icon-arrow-triangle-left:before, body.thin-triangle-arrow .flickity-prev-next-button.previous:before, #thin-triangle-arrow.carousel-control-prev-icon:before , .thin-triangle-arrow.carousel-control-prev-icon:before { font-family: 'agenta-icons'; content: "\e92f"; } .icon-arrow-triangle-right:before, body.thin-triangle .flickity-prev-next-button.prev:before, #thin-triangle-arrow.carousel-control-next-icon:before , .thin-triangle-arrow.carousel-control-next-icon:before { font-family: 'agenta-icons'; content: "\e931"; } .icon-arrow-triangle-up:before { font-family: 'agenta-icons'; content: "\e938"; } .icon-thick-chevron-down:before { font-family: 'agenta-icons'; content: "\e933"; } .icon-thick-chevron-up:before { font-family: 'agenta-icons'; content: "\e934"; } .icon-thin-arrow-down:before { font-family: 'agenta-icons'; content: "\e935"; } .icon-thin-arrow-left:before, body.thin-arrow .flickity-prev-next-button.previous:before, #thin-arrow.carousel-control-prev-icon:before , .thin-arrow.carousel-control-prev-icon:before { font-family: 'agenta-icons'; content: "\e936"; } .icon-thin-arrow-right:before, .thin-arrow .flickity-prev-next-button.next:before, #thin-arrow.carousel-control-next-icon:before , .thin-arrow.carousel-control-next-icon:before { font-family: 'agenta-icons'; content: "\e937"; } .icon-thin-arrow-up:before { font-family: 'agenta-icons'; content: "\e932"; } .icon-thin-chevron-down:before { font-family: 'agenta-icons'; content: "\e939"; } .icon-thin-chevron-left:before, body.thin-chevron button.previous:before , #thin-chevron.carousel-control-prev-icon:before , .thin-chevron.carousel-control-prev-icon:before { font-family: 'agenta-icons'; content: "\e93a"; } .icon-thin-chevron-right:before, body.thin-chevron button.next:before , #thin-chevron.carousel-control-next-icon:before , .thin-chevron.carousel-control-next-icon:before { font-family: 'agenta-icons'; content: "\e93b"; } .icon-thin-chevron-up:before { font-family: 'agenta-icons'; content: "\e93c"; } .icon-thin-double-arrow-down:before { font-family: 'agenta-icons'; content: "\e93d"; } .icon-thin-double-arrow-left:before, body.double-line button.previous:before , #double-line.carousel-control-prev-icon:before , .double-line.carousel-control-prev-icon:before { font-family: 'agenta-icons'; content: "\e93e"; } .icon-thin-double-arrow-right:before, body.double-line button.next:before , #double-line.carousel-control-next-icon:before , .double-line.carousel-control-next-icon:before { font-family: 'agenta-icons'; content: "\e93f"; } .icon-thin-double-arrow-up:before { font-family: 'agenta-icons'; content: "\e940"; } .icon-triangle-outline-down:before { font-family: 'agenta-icons'; content: "\e941"; } .icon-triangle-outline-left:before, body.thin-triangle button.previous:before , #thin-triangle.carousel-control-prev-icon:before , .thin-triangle.carousel-control-prev-icon:before { font-family: 'agenta-icons'; content: "\e942"; } .icon-triangle-outline-right:before, body.thin-triangle button.next:before , #thin-triangle.carousel-control-next-icon:before , .thin-triangle.carousel-control-next-icon:before { font-family: 'agenta-icons'; content: "\e943"; } .icon-triangle-outline-up:before { font-family: 'agenta-icons'; content: "\e944"; } .icon-close:before { font-family: 'agenta-icons'; content: "\e924"; } .icon-menu:before { font-family: 'agenta-icons'; content: "\e925"; } .icon-thick-chevron-left:before, body.thick-chevron button.previous:before , #thick-chevron.carousel-control-prev-icon:before , .thick-chevron.carousel-control-prev-icon:before { font-family: 'agenta-icons'; content: "\e922"; } .icon-thick-chevron-right:before, body.thick-chevron button.next:before , #thick-chevron.carousel-control-next-icon:before , .thick-chevron.carousel-control-next-icon:before { font-family: 'agenta-icons'; content: "\e923"; display: block; } .icon-tiktok-outline:before { } .icon-tiktok-solid:before { font-family: 'agenta-icons'; content: "\e92e"; } .icon-zillow-outline:before { } .icon-zillow-solid:before { font-family: 'agenta-icons'; content: "\e930"; } .icon-google-solid:before { font-family: 'agenta-icons'; content: "\e945"; } .icon-communication-icon:before { font-family: 'agenta-icons'; content: "\e92a"; } .icon-handshake-icon:before { font-family: 'agenta-icons'; content: "\e92b"; } .icon-watch-icon:before { font-family: 'agenta-icons'; content: "\e92c"; } .icon-airplane-icon:before { font-family: 'agenta-icons'; content: "\e926"; } .icon-binocular-icon:before { font-family: 'agenta-icons'; content: "\e927"; } .icon-chart-icon:before { font-family: 'agenta-icons'; content: "\e928"; } .icon-hand-key-icon:before { font-family: 'agenta-icons'; content: "\e929"; } .icon-chevron-left:before { font-family: 'agenta-icons'; content: "\e922"; } .icon-chevron-right:before { font-family: 'agenta-icons'; content: "\e923"; } .icon-close:before { font-family: 'agenta-icons'; content: "\e924"; } .icon-menu:before { font-family: 'agenta-icons'; content: "\e925"; } .icon-bath-shower-outline:before { font-family: 'agenta-icons'; content: "\e900"; } .icon-bath-shower-solid:before { font-family: 'agenta-icons'; content: "\e901"; } .icon-bath-tub-outline:before { font-family: 'agenta-icons'; content: "\e902"; } .icon-bath-tub-solid:before { font-family: 'agenta-icons'; content: "\e903"; } .icon-bed-pillows-outline:before { font-family: 'agenta-icons'; content: "\e904"; } .icon-bed-pillows-solid:before { font-family: 'agenta-icons'; content: "\e905"; } .icon-bed-sleeping-outline:before { font-family: 'agenta-icons'; content: "\e906"; } .icon-bed-sleeping-solid:before { font-family: 'agenta-icons'; content: "\e907"; } .icon-sqft-house-outline:before { font-family: 'agenta-icons'; content: "\e918"; } .icon-sqft-house-solid:before { font-family: 'agenta-icons'; content: "\e919"; } .icon-sqft-ruler-outline:before { font-family: 'agenta-icons'; content: "\e91a"; } .icon-sqft-ruler-solid:before { font-family: 'agenta-icons'; content: "\e91b"; } .icon-email-outline:before { font-family: 'agenta-icons'; content: "\e908"; } .icon-email-solid:before { font-family: 'agenta-icons'; content: "\e909"; } .icon-facebook-outline:before { font-family: 'agenta-icons'; content: "\e90a"; } .icon-facebook-solid:before { font-family: 'agenta-icons'; content: "\e90b"; } .icon-twitter-outline:before { font-family: 'agenta-icons'; content: "\e90c"; } .icon-twitter-solid:before { font-family: 'agenta-icons'; content: "\e91d"; } .icon-instagram-outline:before { font-family: 'agenta-icons'; content: "\e90e"; } .icon-instagram-solid:before { font-family: 'agenta-icons'; content: "\e90d"; } .icon-youtube-outline:before { font-family: 'agenta-icons'; content: "\e916"; } .icon-youtube-solid:before { font-family: 'agenta-icons'; content: "\e921"; } .icon-linkedin-outline:before { font-family: 'agenta-icons'; content: "\e91c"; } .icon-linkedin-solid:before { font-family: 'agenta-icons'; content: "\e90f"; } .icon-yelp-outline:before { font-family: 'agenta-icons'; content: "\e91e"; } .icon-yelp-solid:before { font-family: 'agenta-icons'; content: "\e91f"; } .icon-pinterest-outline:before { font-family: 'agenta-icons'; content: "\e920"; } .icon-pinterest-solid:before { font-family: 'agenta-icons'; content: "\e917"; } .icon-location-outline:before { font-family: 'agenta-icons'; content: "\e910"; } .icon-location-solid:before { font-family: 'agenta-icons'; content: "\e911"; } .icon-mobile-phone-outline:before { font-family: 'agenta-icons'; content: "\e912"; } .icon-mobile-phone-solid:before { font-family: 'agenta-icons'; content: "\e913"; } .icon-phone-outline:before { font-family: 'agenta-icons'; content: "\e914"; } .icon-phone-solid:before { font-family: 'agenta-icons'; content: "\e915"; } /* .thinline.agent-phone::before,.thinline.brokerage-phone::before { font-family: 'agenta-icons'; content: "\e912"; } .thinline.agent-email::before,.thinline.brokerage-email::before { font-family: 'agenta-icons'; content: "\e908"; } .thinline.agent-address::before,.thinline.brokerage-address::before { font-family: 'agenta-icons'; content: "\e910"; } .solid.agent-phone::before,.solid.brokerage-phone::before { font-family: 'agenta-icons'; content: "\e913"; } .solid.agent-email::before,.solid.brokerage-email::before { font-family: 'agenta-icons'; content: "\e909"; } .solid.agent-address::before,.solid.brokerage-address::before { font-family: 'agenta-icons'; content: "\e911"; } */ .thinline.linkedin::before{ font-family: 'agenta-icons'; content: "\e91c"; } .thinline.instagram::before{ font-family: 'agenta-icons'; content: "\e90e"; } .thinline.facebook::before{ font-family: 'agenta-icons'; content: "\e90a"; } .thinline.youtube::before{ font-family: 'agenta-icons'; content: "\e916"; } .thinline.yelp::before{ font-family: 'agenta-icons'; content: "\e91e"; } .thinline.twitter::before{ font-family: 'agenta-icons'; content: "\e90c"; } .thinline.pinterest::before{ font-family: 'agenta-icons'; content: "\e920"; } .solid.linkedin::before{ font-family: 'agenta-icons'; content: "\e90f"; } .solid.instagram::before{ font-family: 'agenta-icons'; content: "\e90d"; } .solid.facebook::before{ font-family: 'agenta-icons'; content: "\e90b"; } .solid.youtube::before{ font-family: 'agenta-icons'; content: "\e921"; } .solid.yelp::before{ font-family: 'agenta-icons'; content: "\e91f"; } .solid.twitter::before{ font-family: 'agenta-icons'; content: "\e92e"; } .solid.pinterest::before{ font-family: 'agenta-icons'; content: "\e917"; } .solid.tiktok:before { font-family: 'agenta-icons'; content: "\e945"; } .thinline.tiktok:before { } .solid.zillow:before { font-family: 'agenta-icons'; content: "\e947"; } .thinline.zillow:before { } .solid.google:before { font-family: 'agenta-icons'; content: "\e948"; } /* -|- flickity.fullscreen.css -|- */ /* Flickity fullscreen v1.0.1 ------------------------- */ .flickity-enabled.is-fullscreen { position: fixed; left: 0; top: 0; bottom: 0; right: 0; /* width: 100%; height: 100%; padding-bottom: 35px; */ background: rgba(0,0,0,0.9); z-index: 99999; } .flickity-enabled.is-fullscreen .flickity-page-dots { bottom: 10px; } .flickity-enabled.is-fullscreen .flickity-page-dots .dot { background: white; } /* prevent page scrolling when flickity is fullscreen */ html.is-flickity-fullscreen { overflow: hidden; } /* ---- flickity-fullscreen-button ---- */ .flickity-fullscreen-button { display: block; left: 10px; bottom: 10px; width: 24px; height: 24px; border-radius: 4px; } /* right-to-left */ .flickity-rtl .flickity-fullscreen-button { right: auto; left: 10px; } .flickity-fullscreen-button-exit { display: none; } .flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; } .flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; } .flickity-fullscreen-button .flickity-button-icon { position: absolute; width: 16px; height: 16px; left: 4px; top: 4px; } /* agenta */ :root { --first-color: #000000; --second-color: #999999; --third-color: #6b6b6b; --fourth-color: #ffffff; --fifth-color: #000000; --sixth-color: #666666; --seventh-color: #000000; --hamburger-color: #ffffff; --stickyburger-color: #000000; --font-1: "CompassSerif"; --font-2: "CompassSans"; --font-3: "CompassSans"; --font-4: "CompassSans"; } h1 { color: #000000; font-size: 3.75rem; line-height: 5rem; font-family: var(--font-1); } h2 { color: #000000; font-size: 2.25rem; line-height: 3.5rem; font-family: var(--font-1); } h3 { color: #050505; font-size: 1.25rem; line-height: 2.25rem; font-family: var(--font-2); } h4 { color: #000000; font-size: 1.25rem; line-height: 2.5rem; font-family: var(--font-2); } h5 { color: #000000; font-size: 1rem; line-height: 2rem; font-family: var(--font-2); } h6 { color: #000000; font-size: 2rem; line-height: 3rem; font-family: var(--font-2); } p { color: #000000; font-size: 1rem; line-height: 2rem; font-family: var(--font-2); } body { color: #000000; font-size: 15px; font-family: var(--font-2); } a { color: #5aa0c9; } .agenta-button { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .agenta-button:hover , .agenta-button:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .ihf-btn-primary { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .ihf-btn-primary:hover , .ihf-btn-primary:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .btn-primary { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .btn-primary:hover , .btn-primary:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .btn-default { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .btn-default:hover , .btn-default:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .ihf-extra-info-link-alt { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .ihf-extra-info-link-alt:hover , .ihf-extra-info-link-alt:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .ihf-virtual-tour-link-alt { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .ihf-virtual-tour-link-alt:hover , .ihf-virtual-tour-link-alt:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .btn { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .btn:hover , .btn:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .ihf-market-report-link { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .ihf-market-report-link:hover , .ihf-market-report-link:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .ihf-extra-info-link-alt a { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .ihf-extra-info-link-alt a:hover , .ihf-extra-info-link-alt a:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .ihf-virtual-tour-link-alt a { color: #ffffff!important; background-color: #5aa0c9!important; font-size: 1rem; line-height: 1rem; font-family: var(--font-2); } .ihf-virtual-tour-link-alt a:hover , .ihf-virtual-tour-link-alt a:focus { background-color: #3890bc!important; color: #ffffff!important; border:none; } .ihf-select-available-option span,.ihf-eureka a,.ihf-grid-result-container a,.property-organizer #ihf-main-container .panel .pull-right button,.property-organizer #ihf-main-container .pull-right a:not(.btn), .help-block a,.ihf-results-organizer-delete a,.ihf-results-organizer-comments a,.ihf-results-address a,.ihf-slideshow-container .pagination a,#ihf-main-container .modal-header .close:hover, .ihf-eureka .ihf-modal-content .ihf-close:hover, div.captcha-notice a.captcha-notice-link { color:#5aa0c9!important;} .ihf-eureka.ihf-gray .ihf-dropdown-item.ihf-active, .ihf-eureka.ihf-gray .ihf-dropdown-item:active, .ihf-eureka.ihf-white .ihf-dropdown-item.ihf-active, .ihf-eureka.ihf-white .ihf-dropdown-item:active,#ihf-main-container .dropdown-menu&gt;.active&gt;a, #ihf-main-container .dropdown-menu&gt;.active&gt;a:focus, #ihf-main-container .dropdown-menu&gt;.active&gt;a:hover,#ihf-main-container .dropdown-menu&gt;li&gt;a:focus,#ui-datepicker-div .ui-state-active,#ui-datepicker-div .ui-state-hover, .contact-form-custom .form-fields-box input:checked ~ .checkmark { background-color:#5aa0c9!important;} .ihf-select-available-option span,.ihf-eureka a,.ihf-grid-result-container a.property-organizer #ihf-main-container .panel .pull-right button:hover,.property-organizer #ihf-main-container .pull-right a:not(.btn):hover, .help-block a:hover,.ihf-results-organizer-delete a:hover,.ihf-results-organizer-comments a:hover,.ihf-results-address a:hover,.ihf-slideshow-container .pagination a:hover,#ihf-main-container .modal-header .close:hover, .ihf-eureka .ihf-modal-content .ihf-close:hover { color:#3890bc!important;} .ihf-eureka.ihf-gray .ihf-dropdown-item.ihf-active, .ihf-eureka.ihf-gray .ihf-dropdown-item:active, .ihf-eureka.ihf-white .ihf-dropdown-item.ihf-active, .ihf-eureka.ihf-white .ihf-dropdown-item:active,#ihf-main-container .dropdown-menu&gt;.active&gt;a, #ihf-main-container .dropdown-menu&gt;.active&gt;a:focus, #ihf-main-container .dropdown-menu&gt;.active&gt;a:hover,#ihf-main-container .dropdown-menu&gt;li&gt;a:focus,#ui-datepicker-div .ui-state-active:hover,#ui-datepicker-div .ui-state-hover:div.captcha-notice a.captcha-notice-link { background-color:#3890bc!important;}#ui-datepicker-div .ui-datepicker-next.ui-state-hover:hover,#ui-datepicker-div .ui-datepicker-prev.ui-state-hover:hover { background-color:transparent!important;cursor:pointer;} .ihf-listings-container .ihf-listing-address a,.ihf-listings-container .ihf-listing-bottom-top a{color: #fff!important;} .select-multiple ul li:hover { background: #000000; color: #fff; } .opt-in-consent-container p a { color: #5aa0c9; padding: 0; } #content-footer { background-color: #f7f7f7; } #main-footer p,#main-footer a, #content-footer, #main-footer .social-links i, #main-footer .social-links svg, .footer-contact li svg { color: #222222!important; } .column-header:after { background: #222222!important; } #bottom-footer .bottom-footer-left img { filter: invert(20%); } #bottom-footer { background-color: #ffffff; } #scroll-up { background-color: rgba(209,209,209,0.68); } #ihf-main-container .modal-header,.ihf-eureka .ihf-modal-header { background-color: #ffffff; } #ihf-main-container .modal-title, .ihf-eureka .modal-title, .ihf-eureka .ihf-modal-title,.ihf-eureka .ihf-modal-content .ihf-close,#ihf-main-container button.close { font-size: 1.75rem; } #ihf-main-container .modal-title, .ihf-eureka .modal-title, .ihf-eureka .ihf-modal-title { text-align: left; } #ihf-main-container .modal-title, #ihf-main-container .modal-content label, .ihf-modal form label span,.ihf-modal-form-disclaimer,#ihf-main-container .panel-default&gt;.panel-heading,.ihf-modal-dialog .ihf-card-header,.ihf-modal-dialog .ihf-modal-body p,#ihf-main-container .modal-content, .ihf-eureka .ihf-modal-content,.ihf-eureka .ihf-modal-title,#ihf-main-container .modal-header .close, .ihf-eureka .ihf-modal-content .ihf-close { color: #000000; } #ihf-main-container .modal-dialog, .ihf-eureka .ihf-modal-content { background-color:#f7f7f7!important; } #ihf-main-container .arc,#ihf-main-container g.c3-chart-bars&gt;.c3-chart-bar:nth-child(1) .c3-bar { fill:#000000!important; } #market-report #ihf-main-container .glyphicon {color:#000000!important;} #ihf-main-container .c3-tooltip-name-activeMedianPrice td.name span, #ihf-main-container .c3-tooltip-name-medianDaysInIhf td.name span, #ihf-main-container .c3-tooltip-name-saleToListPercent td.name span, #ihf-main-container .c3-tooltip-name-activeListings td.name span {background-color:#000000!important;} .market-report #ihf-main-container .ihf-saletolist-donut .component,#ihf-main-container g.c3-chart-bars&gt;.c3-chart-bar:nth-child(2) .c3-bar { fill:#777777!important; }#ihf-main-container .c3-tooltip-name-soldListings td.name span, #ihf-main-container .c3-tooltip-name-soldMedianPrice td.name span { background-color:#777777!important; } #ihf-main-container .ihf-slideshow-container .well .ihf-grid-result-price, #ihf-main-container .ihf-listing-search-results .well .ihf-grid-result-price, .prop-cards-img-top .property-box .btm-bar { background-color:#222222!important; } .property-organizer #ihf-main-container a.btn-primary.active,#ihf-main-container .ihf-listing-search-results a.btn-primary.active,.property-organizer #ihf-main-container a.btn-primary:hover,#ihf-main-container .ihf-listing-search-results a.btn-primary:hover, #listing-report a.btn-primary:hover, #listing-report a.btn-primary.active { color:#000000!important; } .market-report #ihf-main-container a.ihf-market-report-nav-active { color:#000000!important;border-bottom:2px solid #000000!important} .property-organizer #ihf-main-container a.btn-primary.active,#ihf-main-container .ihf-listing-search-results a.btn-primary.active,.property-organizer #ihf-main-container a.btn-primary:hover,#ihf-main-container .ihf-listing-search-results a.btn-primary:hover,#listing-report a.btn-primary:hover, .ihf-market-report .btn.active, #listing-report a.btn-primary.active { background-color:#ffffff!important; } .property-organizer #ihf-main-container a.btn-primary,#ihf-main-container .ihf-listing-search-results a.btn-primary,#listing-report a.btn-primary { color:#ffffff!important; } .property-organizer #ihf-main-container a.btn-primary,#ihf-main-container .ihf-listing-search-results a.btn-primary, #listing-report a.btn-primary { background-color:#000000!important; } .property-organizer #ihf-main-container a.btn-primary,#ihf-main-container .ihf-listing-search-results a.btn-primary,.property-organizer #ihf-main-container a.btn-primary.active,#ihf-main-container .ihf-listing-search-results a.btn-primary.active, #listing-report a.btn-primary.active { border-color:#adadad!important; } ul.nav-tabs a { color:#000000!important; } #ihf-main-container .ihf-tab-pane .title-bar-1 { background-color:#000000!important; } .property-main-detail-item-alt::before { color:#000000!important; } #preloader { animation: swipeUp; -webkit-animation: swipeUp; animation-duration: .9s; -webkit-animation-duration: .9s;animation-delay: 2s;-webkit-animation-delay: 2s;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards; } #preloader .container img { animation: reveal; -webkit-animation: reveal; animation-duration: .9s; -webkit-animation-duration: .9s;animation-delay: 0;-webkit-animation-delay: 0;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } #preloader .container img {-webkit-animation-iteration-count: 1; animation-iteration-count: 1; } #preloader { background: #ffffff; } /* *********************** Header *********************** */ #header-container { position: absolute; width: 100%; z-index: 1030; } #header { position: relative; z-index: 999999; left: 0; right: 0; -webkit-transition: all 0.2s; transition: all 0.2s; } #header .left, #header-sticky .left{ width: -moz-fit-content; width: fit-content; position: relative; margin: 0; padding: 0; float: none; position: absolute; } #header .container-fluid .right, #header-sticky .container-fluid .right { height: 100px; } #logo, #logo a { height: 100px; } #header .right .menu, #header-sticky .right .menu { right: 0; height: 100%; margin-right: 10px; top: 0; position: absolute; } #header .right .menu &gt; li,#header-sticky .right .menu &gt; li { height: 100%; display: table; } nav .menu &gt; li &gt; a { height: 100%; display: table-cell; vertical-align: middle; } #header .container-fluid { padding: 0; display: block; } @media (max-width: 991px) { #header { position: relative; max-height: 100px; } #header-sticky{ display: none!important; } } @media (max-width: 768px) { #header { position: relative; max-height: 70px; } #header .container-fluid .right, #header-sticky .container-fluid .right { height: 70px; } } /* *********************** Super Header *********************** */ #super-header { position: relative; z-index: 8020; top: 0; left: 0; right: 0; height: 40px; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s;} #super-header .menu { margin-top: 0; right: 0; } #super-header .menu &gt; li &gt; a { position: relative; padding: 10px 20px 12px 20px; margin-right: 10px; font-size: 15px; line-height: 18px; letter-spacing: normal; border-radius: 0; } #super-header .social-links { width: auto; position: relative; float: right; margin: 5px 9px; } #super-header .social-links a { position: relative; margin-right: 8px; font-size: 14px; line-height: 28px; opacity: .6; color: #fff; font-family: agenta-icons; } #super-header .social-links a:hover { opacity: 1; } #super-header .left-links { margin-top: 0; left: 0; text-align: left; float: left; } #super-header .left-links .agent-phone a{ padding-left: 40px!important; } #super-header .left-links .agent-email a{ padding-left: 45px!important; } #super-header .left-links .agent-phone::before, #super-header .left-links .agent-email::before { display: inline-block; z-index: 1; position: relative; font-family: agenta-icons; margin-top: 4px; float: left; } #super-header .left-links .agent-phone::before{ font-size: 18px; left: 12px; } #super-header .left-links .agent-email::before { font-size: 15px; left: 14px; } #super-header .left-links a:hover .agent-phone::before, #super-header .left-links a:hover .agent-email::before { color: #fff; } #header-sticky .menu &gt; li &gt; a { color: var(--fifth-color); } #super-header .right-links .menu &gt; li &gt; a.btn{ font-size: 14px!important; line-height: 18px!important; font-weight: 600; text-transform: none; margin-right:0; color: #fff; } @media (max-width: 991px) { #super-header .menu { display: block; } #super-header .col-sm-6 { padding: 0; } #super-header .menu &gt; li &gt; a { padding: 11px 20px 12px 20px; } #super-header .menu &gt; li &gt; a.btn { padding: 10px 14px; } #super-header .right-links{ top: 0; right: 0; position: absolute; } #super-header .social-links { display: none; } } @media (max-width: 767px) { #super-header .agent-email{ display: none; } #super-header .menu &gt; li &gt; a { padding: 9px 20px 10px 20px; } #super-header .left-links .agent-phone::before, #super-header .left-links .agent-email::before { margin-top: 4px; } } /* *********************** Logo *********************** */ #logo { max-width: 100%; padding: 0; margin: 0; z-index: 1; } #logo img{ height: 100%; width: auto; padding: 20px; max-width: 100%; } #logo a { display: block; max-width: 100%; width: 100%; text-align: center; } .header-hidden #logo { display: none; } @media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) { #logo img{ padding:18px; } #logo, #logo a { height: 90px; } } @media (max-width: 991px) { #logo,#logo a { height: 100px; } #logo img{ padding:15px; } } @media (max-width: 768px) { #logo img{ padding:10px; } #logo,#logo a { height: 70px; } } @media (max-width: 480px) { } } /* *********************** Menu *********************** */ .menu, .menu ul { padding: 0; margin: 0; list-style: none; } .menu { float: right; height: 100%; margin-right: 10px; } nav { height: 100%; position: relative; } .menu &gt; li { float: left; } nav .menu &gt; li { position: relative; top: 50%; transform: translate(0,-50%); } .menu li a { display: block; padding: 5px 20px; -webkit-transition: all 0.2s; transition: all 0.2s; } .menu &gt; li &gt; a { position: relative; padding: 0 20px 0 10px; margin-right: 5px; } .header-white .menu &gt; li &gt; a { color: #464646; } .menu &gt; li:last-child &gt; a { margin-right: 0; } .menu li.dropdown ul { position: absolute; top: 55px; left: 0; display: none; z-index: 2000; width: -moz-max-content; width: -webkit-max-content; background-color: #fff; box-shadow: 4px 10px 10px 0 rgba(0, 0, 0, 0.16); } .menu li.dropdown ul ul { top: 0; left: 100%; } .menu li.dropdown:hover &gt; ul { display: block; } .dropdown ul li a { padding: 10px 20px; color: var(--fifth-color); } .menu li a:hover, .menu li.active &gt; a, .menu li.sfHover &gt; a { text-decoration: none; color: var(--first-color); } #super-header .menu li a:hover, #super-header .menu li.active &gt; a, #super-header .menu li.sfHover &gt; a{ text-decoration: none; color: #fff; } .menu li a:hover, .menu li.active &gt; a.btn, .menu li.sfHover &gt; a.btn { text-decoration: none; color: var(--first-color); } .menu ul li &gt; a:hover, .menu ul li.sfHover &gt; a { background-color: var(--first-color); color: #fff; } .header-hidden .menu-button { display: none; } .secondary #login-account,.primary #login-account,.slim #login-account,.centernav #login-account{ margin-bottom: 0; } @media (min-width: 1200px) { .menu &gt; li &gt; a { margin-right: 10px; } } @media (max-width: 991px) { .menu, #menu, #menu-left, #menu-right { display: none; } } /* *********************** Mobile Menu *********************** */ #mobile-menu-button, .slide-menu-button { position: absolute; top: 30px; transform: translate(0,-50%); right: 10px; float: right; display: none; color: var(--hamburger-color); font-size: 1.25rem; text-align: center; text-decoration: none; } .mobile-menu-button-text { font-size: 0px; opacity: 0; } #mobile-menu { position: relative; top: 0; z-index: 999999; } #mobile-menu, #mobile-menu ul { list-style: none; display: none; color: var(--first-color); } #mobile-menu .dropdown ul { margin: 0; } #mobile-menu li a.contact { border-bottom: 1px solid #ccc; } #mobile-menu li a.btn { margin: 10px; border: none; color: #fff; } #mobile-menu li a.login { margin-left: -25px; } #logout-icon { position: relative; float: left; margin: 0 8px 0 5px; } #mobile-menu li { position: relative; z-index: 1; } #mobile-menu li a { display: block; padding: 15px 22px; border-top: 1px solid; border-color: rgb(118,118,118,.2); color: var(--fifth-color); font-size: 15px; text-decoration: none; background-color: #fff; } #mobile-menu ul a { padding-left: 40px; } #mobile-menu ul ul a { padding-left: 60px; } #mobile-menu .dropdown .arrow,#slideout-menu .dropdown .arrow { float: right; position: absolute; display: block; top: 0; right: 0; width: 100%; text-align: right; height: 100%; padding: 15px 20px 0 0; } #mobile-menu .dropdown .arrow::after,#slideout-menu .dropdown .arrow::after { content: "\e923"; font-family: agenta-icons; font-size: 14px; transform: rotate(90deg); display: inline-block; margin-right: 10px; margin-top: 0px; -webkit-transition: -webkit-transform .2s ease-out; -moz-transition: -moz-transform .2s ease-out; -o-transition: -o-transform .2s ease-out; -ms-transition: -ms-transform .2s ease-out; transition: transform .2s ease-out; } #slideout-menu .dropdown .arrow::after { margin-right: 30px; margin-top: 10px; } #mobile-menu .dropdown .arrow.open::after,#slideout-menu .dropdown .arrow.open::after { transform: rotate(-90deg); -webkit-transition: -webkit-transform .2s ease-out; -moz-transition: -moz-transform .2s ease-out; -o-transition: -o-transform .2s ease-out; -ms-transition: -ms-transform .2s ease-out; transition: transform .2s ease-out; } #mobile-menu .dropdown .arrow.open svg { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } @media (min-width: 768px) and (max-width: 991px) { #mobile-menu-button { display: block; } .primary #mobile-menu-button,.secondary #mobile-menu-button,.slim #mobile-menu-button,.centernav #mobile-menu-button { top: 40px; right:30px; } #mobile-menu li.search a { display: none; } } @media (max-width: 767px) { #mobile-menu-button { display: block; } .primary #mobile-menu-button,.secondary #mobile-menu-button,.slim #mobile-menu-button,.centernav #mobile-menu-button { top: 34px; right:24px; height: 26px; } #mobile-menu li.dropdown &gt; span:after { right: 10px; } #mobile-menu li.search a { display: none; } } /* *********************** Slim Menu *********************** */ .slim #super-header { display: none; } .slim #header .container-fluid { padding: 0; } .slim #header #logo, .slim #header #logo a { height: 100px; } .slim #header nav { height: 55px; } .slim #header.scrolled nav { height: 100px; } .slim .menu { margin: 0; } .slim .menu li a:hover, .slim .menu li.active &gt; a.btn, .slim .menu li.sfHover &gt; a.btn, .slim .menu li a:hover, .slim .menu li.active &gt; a, .slim .menu li.sfHover &gt; a { color: #ccc; } .slim .menu &gt; li { height: 100%; padding: 0 14px 0; } .slim .menu &gt; li.loggedIn { background: var(--first-color); color: #fff; } .slim .menu &gt; li.loggedIn:hover { background: var(--second-color); color: #fff; } .slim .menu &gt; li.loggedIn a:hover { color: #fff; } .slim .menu &gt; li &gt; a { padding: 0; display: table-cell; margin: 0; } .slim .dropdown ul li a:hover{ color: #fff !important; opacity: 1 !important; } @media (min-width: 1200px) { .slim .menu &gt; li &gt; a { margin-right: 0px; } } @media (max-width: 1200px) { .slim .menu &gt; li { padding: 0 10px 0; } .slim .menu &gt; li &gt; a { font-size: 14px; } } @media (max-width: 991px) { .slim .dropdown ul li a:hover{ color: #fff !important; } .slim #header #logo, .slim #header #logo a { height: 70px; } } // Sticky .slim #header-sticky { box-shadow: none; } .slim #header-sticky #logo, .slim #header-sticky #logo a { height: 100px; } .slim #header-sticky .menu &gt; li:last-child { background: transparent; } // Centered .centernav #header { max-height: unset; } .centernav #header .left, .centernav #header-sticky .left { width: 100%; position: relative; } .centernav #header .right { position: relative; display: table-row; height: auto; } .centernav #header-sticky .right { position: relative; display: block; height: 45px; } .centernav #header .right .menu, .centernav #header-sticky .right .menu { right: unset; height: 100%; margin: auto; top: 0; position: relative; float: unset; display: table; } .centernav #logo img { margin: auto; padding: 14px 0 22px; } .centernav #header .row div:nth-child(1) { margin: auto; width: 100%!important; display: block; flex: 100%; max-width: 100%; } .centernav #header .row div:nth-child(2) { margin: auto; width: 100%!important; display: block; flex: 100%; max-width: 100%; } .centernav #super-header { display: none; } .centernav #header .container-fluid { padding: 0; display: table; } .centernav #header #logo, .centernav #header #logo a { height: 100px; } .centernav #header nav { height: 45px; display: block; margin:auto; border-top: 1px solid rgba(255,255,255,.2); } .centernav .menu { margin: 0; } .centernav #header-sticky #logo { display:none; } .centernav #header-sticky .row div:nth-child(1) { display:none; } .centernav #header-sticky .row div:nth-child(2) { margin: auto; width: 100%!important; display: block; flex: 100%; max-width: 100%; } .centernav #header-sticky nav { height: 45px; display: table; margin:auto; border-top: none; } .centernav .menu li a:hover, .centernav .menu li.active &gt; a.btn, .centernav .menu li.sfHover &gt; a.btn, .centernav .menu li a:hover, .centernav .menu li.active &gt; a, .centernav .menu li.sfHover &gt; a { color: #fff; } .centernav .menu &gt; li { height: 100%; padding: 0 25px 0; position: relative; top: 0; transform: none; } .centernav .menu &gt; li.loggedIn { color: #fff; } .centernav .menu &gt; li.loggedIn:hover { color: #fff; } .centernav .menu &gt; li.loggedIn a:hover { color: #fff; } .centernav .menu &gt; li &gt; a { font-size: 16px; padding: 0; display: inline-block; line-height: 45px; } .centernav .dropdown ul li a { font-size: 15px; } .centernav .dropdown ul li a:hover{ opacity: 1 !important; } @media (min-width: 1200px) { .centernav .menu &gt; li &gt; a { margin-right: 0px; } } @media (max-width: 1200px) { .centernav .menu &gt; li { padding: 0 10px 0; } .centernav .menu &gt; li &gt; a { font-size: 14px; } } @media (max-width: 991px) { .centernav .dropdown ul li a:hover{ color: #fff !important; } .centernav #header .row div:nth-child(2) { margin: 0; width: 30%!important; display: block; flex: 30%; max-width: 30%; } .centernav #header .row div:nth-child(1) { margin: 0; width: 70%!important; display: block; flex: 70%; max-width: 70%; } .centernav #header #logo, .centernav #header #logo a { height: 70px; } .centernav #header nav { height: 70px; display: block; margin: auto; border-top: 0; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) { .hero-style-2 .home-search-bar,.hero-style-1 .home-search-bar { display: block; } .middle.home-search-bar { width: 100%; margin: 0 auto; padding: 20px 30px; text-align: left; position: absolute; border: solid; border-width: 1px 0 0 0; text-shadow: none; top: unset; transform: none; bottom: 0; } } @media (max-width: 991px) { .centernav #header .left, .centernav #header-sticky .left { width: auto; position: absolute; } .centernav #header .right .menu, .centernav #header-sticky .right .menu { display: none; } .centernav #header .right { display: block; } .centernav #logo img { margin: auto; padding: 16px; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .centernav #mobile-menu-button { display: none; } .centernav #header nav { height: 45px; display: block; margin: auto; border-top: 1px solid rgba(255,255,255,.2); } .centernav #header .left, .centernav #header-sticky .left { width: 100%; } .centernav #header nav { height: 50px; } .centernav #header .right { display: table-row; } .centernav #header .right .menu, .centernav #header-sticky .right .menu { right: unset; height: 100%; margin: auto; top: 0; position: relative; float: unset; display: table; } .hero-style-1 .home-search-bar,.hero-style-2 .home-search-bar { display: none; } .hero-style-1,.hero-style-1 .content-container .hero-text,.hero-style-1 .content-container &gt; div { height: 88vh!important; } .hero-style-2,.hero-style-2 .content-container .hero-text,.hero-style-2 .content-container &gt; div { height: 52vh!important; } } /* *********************** Slideout Menu *********************** */ .slideout nav { display: table; } .slideout .slide-menu-button { display: block; } .slideout #header .right nav, .slideout #header-sticky .right nav { right: 0; margin-right: 10px; top: 0; position: absolute; } .slideout #mobile-menu-button, .slideout #header-sticky #mobile-menu-button { position: relative; right: 0; float: right; font-size: 1.25rem; text-align: center; text-decoration: none; height: 100%; display: block; top: 0; width: 100%; transform: none; } .slideout #header-sticky #mobile-menu-button { display: none!important; } .slideout #header.scrolled nav { position: fixed!important; } .slideout #mobile-menu-button span{ position: relative; display: block; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } #slideout-menu .agent-email::before,#slideout-menu .agent-phone::before { display: inline-block; z-index: 1; position: relative; font-family: agenta-icons; margin-top: 12px; float: left; } #slideout-menu .agent-phone::before{ font-size: 18px; left: 16px; } #slideout-menu .agent-email::before { font-size: 15px; left: 14px; } #slideout-menu::-webkit-scrollbar { width: 0 !important } #slideout-menu { position: fixed; top: 0; min-width: 25%; display: none; width: auto; right: 0; height: 100vh; background-color: var(--second-color); z-index: 99999; overflow-y: auto; overflow: -moz-scrollbars-none; -ms-overflow-style: none; } .slideout-menu::-webkit-scrollbar { width: 0 !important; } #slideout-menu, #slideout-menu ul { list-style: none; display: none; } #slideout-menu .dropdown ul { margin: 0; } #slideout-menu li a:hover{ color: #fff; } #slideout-menu li a.contact { border-bottom: 1px solid #ccc; } #slideout-menu li a.btn { margin: 20px; border: none; color: #fff; } #slideout-menu li a.login { margin-left: -25px; } #slideout-menu li a#login-account { padding: 12px 20px 7px 20px; } #slideout-menu li { position: relative; z-index: 1; } #slideout-menu li a { display: block; padding: 10px 10px 10px 20px; border-top: 1px solid; border-color: rgba(255,255,255,.2); color: #fff; font-size: 18px; text-decoration: none; background-color: transparent; } #slideout-menu .agent-phone a,#slideout-menu .agent-email a { padding: 10px 20px 10px 44px; } #slideout-menu li a svg{ top: 2px; position: relative; left: -5px; } #slideout-menu ul a { padding-left: 40px; } #slideout-menu ul ul a { padding-left: 60px; } #slideout-menu .dropdown .arrow { float: right; position: absolute; display: block; top: 0; right: 0; width: 100%; text-align: right; height: 100%; padding: 0; border:none; cursor: pointer; } #slideout-menu .dropdown .arrow svg{ top: 15px; position: absolute; right: 20px; } #slideout-menu li a#login-account:hover { color: #fff!important; } #slideout-menu .dropdown .arrow.open svg { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } @media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : landscape) { #slideout-menu { min-width: 35%; } .call-buttons { display: none!important; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1366px) and (orientation : portrait) { #slideout-menu { min-width: 45%; } } @media (min-width: 768px) and (max-width: 991px) { #slideout-menu-button { display: block; } #slideout-menu li.search a { display: none; } } @media (max-width: 767px) { .slideout #mobile-menu-button { top: 0px; position: absolute!important; } .slideout #header .right nav, .slideout #header-sticky .right nav { margin-right: 0px; } #slideout-menu-button { display: block; } #slideout-menu li.dropdown &gt; span:after { right: 10px; } #slideout-menu li.search a { display: none; } #slideout-menu { position: fixed; display: none; width: 100vw; right: 0; height: 100vh; background-color: var(--second-color); z-index: 99999; overflow-y: auto; overflow: -moz-scrollbars-none; -ms-overflow-style: none; } .slideout #mobile-menu { display: none!important; } } /* *********************** Sticky Header *********************** */ #header-sticky { position: fixed; z-index: 8000; top: -500px; right: 0; left: 0; width: 100%; margin: 0 auto; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.16), 0 3px 12px 0 rgba(0, 0, 0, 0.12); -webkit-transition: all 0.8s; transition: all 0.8s; } #header-sticky.header-hidden { display: none; } .header-white #header-sticky { background-color: #fff; } #header-sticky .container-fluid { padding: 0; } #header-sticky .menu-slide-container { display: none; } #footer-brokerage-logo span, #footer-brokerage-logo-alt span, #mobile-menu-button span.icon-menu span, .social-links span { font-size: 0; } .shareBlock { display: block; float: right; border: 1px solid #444; margin-bottom: 1rem; height: 35px; width: 125px; webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; background: #fff; z-index: 1; } .shareBlock:hover { background: #eee; } .shareBlock .shareTitle, .shareBlock .shareIcons { display: block; position: absolute; top: 50%; transform: translate(0, -50%); height: 35px; width: 100px; line-height: 35px; } .shareBlock.show .shareIcons { opacity: 1; width: 100px; position: absolute; top: 0; height: 35px; transform: unset; } .shareBlock .shareTitle { cursor: pointer; width: -webkit-fill-available; } .shareBlock .shareTitle , .shareBlock .shareIcons { display: inline-block; position: relative; left: 0; } .shareBlock .shareIcons { opacity: 0; height: 0; transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; } .shareBlock.show .shareTitle { opacity: 0; width: 0; } .shareBlock.show .shareIcons { opacity: 1; width: 100%; } .shareBlock.show .shareIcons a { margin-left: 2.5px; margin-right: 2.5px; } .shareBlock.show .shareIcons a.dashicons-email { position: relative; top: 7px; } #super-header, .ihf-listing-detail &gt; .row { background-color: rgba(153,153,153,0.5); } #header { background-color: rgba(255,255,255,0)} nav .menu &gt; li &gt; a, #mobile-menu-button, .dropdown ul li a, a:not([href]):not([tabindex]) { color: #ffffff; } #super-header .left-links svg, #super-header .menu &gt; li &gt; a { color: #ffffff; } .social-links i, .social-links svg { color: #ffffff; } #header-sticky { background-color: #ffffff;} #header-sticky .menu &gt; li &gt; a { color: #000000;} #header-sticky .menu &gt; li &gt; a:hover { color: #000000;} .ihf-share-btn, .ihf-market-report-link, .menu &gt; li.agent-phone a:hover, .menu &gt; li.agent-email a:hover { background-color: #000000!important; } #mobile-menu li a { background-color: #ffffff;} #mobile-menu li a, #mobile-menu, #mobile-menu ul { color: #000000;} background-color: #3890bc!important; color: #ffffff!important; border:none; } .agenta-button,.ihf-extra-info-link-alt,.ihf-virtual-tour-link-alt, .btn-primary, .btn-default, .ihf-btn-primary, .ihf-share-btn, .ihf-market-report-link { background-color: #5aa0c9!important; color: #ffffff!important;border:none; } /* TABLET CSS */ @media (max-width: 1024px) { h1 { font-size: 2rem; line-height: 3rem; } h2 { font-size: 1.5rem; line-height: 2.25rem; } h3 { font-size: 1.25rem; line-height: 2rem; } h4 { font-size: 1.25rem; line-height: 2rem; } h5 { font-size: 1rem; line-height: 1.85rem; } h6 { font-size: 1.85rem; line-height: 1.85rem; } p { } body { } } /* MOBILE CSS */ @media (max-width: 767px) { h1 { font-size: 2rem; line-height: 2.75rem; } h2 { font-size: 1.5rem; line-height: 2.25rem; } h3 { font-size: 1.25rem; line-height: 2rem; } h4 { font-size: 1.25rem; line-height: 2rem; } h5 { font-size: 1rem; line-height: 1.85rem; } h6 { font-size: 1.85rem; line-height: 1.85rem; } p { } body { } } /* LOGO */ #logo img { padding: 25px 0!important; } @media (max-width : 1536px) and (min-width : 769px) and (orientation : portrait) { .slim #logo img { padding: 8px 0!important; } } @media (max-width: 768px) { #logo img { padding: 20px!important; } } #preloader .container img { max-height: 200px; max-width: 200px; left: 0; position: inherit; } /* GRADIENTS */ .nav-gradient .background-container:after, .nav-gradient .video-wrapper:after { content: ''; width: 100%; height: 180px; position: absolute; top: 0; left: 0; background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); } /* NAV */ #homes-for-sale-search-advanced.centernav #header, #homes-for-sale-details.centernav #header, #homes-for-sale-sold-details.centernav #header, #homes-for-sale-featured.centernav #header, #listing-report.centernav #header, #market-report.centernav #header, #open-home-report.centernav #header, #sold-featured-listing.centernav #header, #homes-for-sale-toppicks.centernav #header, #contact-form.centernav #header, #valuation-form.centernav #header { background-color: var(--first-color); } /* NAV */ #header .right .menu &gt; li:nth-of-type(3) { margin-right: 340px; } .centernav #header .left { width: auto; position: absolute; margin: auto; left: calc(50% - 125px); } .centernav #header, .centernav #header nav, .centernav #header #logo, .centernav #header #logo a { height: 160px!important; max-height: 160px!important; } .centernav .menu &gt; li &gt; a { line-height: 160px!important; } .centernav .menu &gt; li &gt; a { font-size: 16px; padding: 0; display: inline-block; line-height: 120px; text-transform: uppercase; letter-spacing: 2px; } .menu &gt; li &gt; a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 50px; left: 0; background-color: #fff; visibility: hidden; transform: scaleX(0); transition: all 0.2s ease-in-out 0s; } #header-sticky { height: 50px; } #header-sticky .menu &gt; li &gt; a:before, .secondary .menu &gt; li &gt; a:before { bottom: 9px; } .secondary nav .menu &gt; li { margin: 0 15px; } .secondary .menu &gt; li &gt; a { padding: 0; } .menu &gt; li &gt; a:hover:before { visibility: visible; transform: scaleX(1); } .centernav #super-header{ display: none; height:0px; } .centernav #header nav { border-top: none; height: 120px; } .centernav .menu li.dropdown ul { top: 120px!important; margin: 0 0 0 25px!important; } .centernav #header-sticky .right, .centernav #header-sticky nav { height: 50px; } .centernav #header-sticky .menu &gt; li &gt; a { line-height: 50px!important; } .centernav #header-sticky .menu li.dropdown ul { top: 50px!important; } .dark-header #header{ background: #111; } .dark-header #header #logo, .dark-header #header #logo a { height: 120px; } .dark-header #header .left { left: calc(50% - 35px); } .dark-header #content-wrapper .panel-1col.container { padding-top: 120px; } .dark-header.no-padding #content-wrapper .panel-1col.container { padding-top: 0; } @media (max-width: 768px) { .centernav #header .left { left: 0; } .dark-header #content-wrapper .panel-1col.container { padding-top: 70px; } .centernav #header, .centernav #header nav, .centernav #header #logo, .centernav #header #logo a { height: 100px!important; } .centernav #mobile-menu-button { top: 47px; right: 33px; } } /* BORDERS */ /* 20px Border */ .border-20 #header-container, .border-20 .panel-1col.container { padding: 20px; } /* 10px Border */ .border-10 #header-container, .border-10 .panel-1col.container { padding: 10px; } /* 5px Border */ .border-5 #header-container, .border-5 .panel-1col.container { padding: 5px; } /* No Border */ .no-border #header-container, .no-border .panel-1col.container { padding: 0px; } @media (max-width: 768px) { .border-20 #header-container, .border-20 .panel-1col.container, .border-10 #header-container, .border-10 .panel-1col.container, .border-20 #header .container-fluid,.border-10 #header .container-fluid,.border-5 #header .container-fluid { padding: 0px; } .no-border #header-container, .no-border .panel-1col.container { padding: 0px; } } /* HERO */ #hero.black-box h1 { background: #000; width: fit-content; margin: auto; padding: 25px 45px; } #hero.headline-left .centered-text { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; transform: none; top: unset; left: 0; position: absolute; display: block; bottom: 0; } #hero.headline-right .centered-text { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; transform: none; top: unset; right: 0; left:unset; position: absolute; display: block; bottom: 0; } #hero.headline-right h1, #hero.headline-left h1 { width: fit-content; margin: auto; padding: 25px 45px; } /* BUTTON */ .ihf-virtual-tour-link-alt a { color: #000!important; } #ihf-main-container button.btn-primary, #ihf-main-container button.btn-primary:hover { font-weight:400!important; border: 2px solid #000!important; } .copy-button, .ihf-btn-primary, #homepage .hero-buttons, .ihf-widget #ihf-valuation-request-form button.btn-primary { color: #fff!important; height:auto; border: 2px solid #fff!important; padding: 14px 25px!important; background-size: 100% 200%!important; background-color: transparent!important; background-image: linear-gradient(to top, rgba(255,255,255,1) 50%, rgba(0,0,0,0) 50%)!important; -webkit-transition: all .3s!important; -moz-transition: all .3s!important; transition: all .3s!important; font-weight:400!important; } .copy-button:hover, .ihf-btn-primary:hover, #homepage .hero-buttons:hover, .ihf-widget #ihf-valuation-request-form button.btn-primary:hover, #ihf-contact-request-form button.btn-primary:hover { color: #000!important; border: 2px solid #fff!important; background-position: 0 100%!important; } .dark-button .copy-button, .dark-button .btn, .emc-btn, #ihf-main-container button.dropdown-toggle, #ihf-main-container .ihf-more-info-widget-submit, .ihf-virtual-tour-link-alt, .entry-footer .copy-button, .dark-button button.ihf-btn-primary, #ihf-contact-request-form button.btn-primary, #ihf-login-form button.btn-default, #ihf-main-container .ihf-market-report .ihf-market-report-header-text .btn-primary, #ihf-create-organizer-form button.btn-primary, #ihf-valuation-request-form button.btn-primary, .ihf-market-report-link, .ihf-market-report-header-text .btn-primary, .ihf-email-alert-widget-submit, #ihf-main-container .modal-content .btn { color: #000!important; height:auto; padding: 14px 25px!important; border: 2px solid #000!important; background-size: 100% 200%!important; background-color: transparent!important; background-image: linear-gradient(to top, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 50%)!important; -webkit-transition: all .3s!important; -moz-transition: all .3s!important; transition: all .3s!important; font-weight:400!important; } .dark-button .copy-button:hover, .dark-button .btn:hover, .entry-footer .copy-button:hover, .emc-btn:hover, #ihf-main-container button.dropdown-toggle:hover, #ihf-main-container .ihf-more-info-widget-submit:hover, .ihf-virtual-tour-link-alt:hover, .dark-button button.ihf-btn-primary:hover, #ihf-main-container .ihf-market-report .ihf-market-report-header-text .btn-primary:hover, #ihf-contact-request-form button.btn-primary:hover, #ihf-login-form button.btn-default:hover, #ihf-create-organizer-form button.btn-primary:hover, #ihf-valuation-request-form button.btn-primary:hover, .ihf-market-report-link:hover, .ihf-market-report-header-text .btn-primary:hover, .ihf-email-alert-widget-submit:hover, #ihf-main-container .modal-content .btn:hover { color: #fff!important; border: 2px solid #000!important; background-position: 0 100%!important; } .emc-btn { border-radius: 0!important; line-height: initial!important; } .copy-box a { color: #555; font-weight:bold; padding: 0; } /* FOOTER */ #main-footer .agent-phone::before, #main-footer .agent-email::before, #main-footer .agent-address::before, #main-footer .brokerage-phone::before, #main-footer .brokerage-email::before, #main-footer .brokerage-address::before { display: none; } #main-footer .agent-phone::before, #main-footer .brokerage-phone::before { top: -5px; } #main-footer .agent-email::before, #main-footer .brokerage-email::before { top: -3px; } .footer-contact { margin-left: 0; } @media (max-width: 767px) { .footer-contact li { padding-left: 0; } } /* IHF LOGIN/ADMIN */ #admin-hero.titleBox .video-wrapper { background: #000; /* background: linear-gradient(176deg, rgba(70,70,70,1) 0%, rgba(0,0,0,1) 100%); */ } /* COMPASS STYLES */ .invert-background .static-background { filter: invert(1); } .lines-underline { position:relative; margin:auto; width:50%; padding-top:60px; } .dots-background { display: block; height: auto; width: 100%; background-position: 0%; background-image: url(https://media.agentaprd.com/sites/193/dot-bg-dark-01.svg); background-size: 22px; } .abstract-background { display: block; background-position: center; background-image: url(https://media.agentaprd.com/sites/193/geometric-abstract.webp); background-size: contain; } .dots-gif { background-image: url(https://media.agentaprd.com/sites/193/square-dots-animated-white.gif); background-size:100% 100%; content:''; margin-bottom: 10px; width: 80px; height:80px; } .dots-gif.dark { filter: invert(1); } .nine-dots-gif { background-image: url(https://media.agentaprd.com/sites/193/nine-dot-grid-animated.gif); background-size:100% 100%; content:''; margin-bottom: 10px; width: 60px; height:60px; } .nine-dots-gif.dark { filter: invert(1); } .dots-dark .copy-box::before { background-image: url(https://media.agentaprd.com/sites/193/square-dots-animated-white.gif); background-size: 100% 100%; content: ''; width: 60px; height: 60px; position: absolute; top: 30px; right: 30px; z-index: 2; } .dots-light .copy-box::before { background-image: url(https://media.agentaprd.com/sites/193/square-dots-animated-white.gif); background-size: 100% 100%; content: ''; width: 60px; height: 60px; position: absolute; top: 30px; right: 30px; z-index: 2; filter: invert(1); } .about-me-thumbnail::before, .split-screen-right-copy-block .background-container .lazy::before, .split-screen-left-copy-block .background-container .lazy::before, .cta-box-style-1 .cta-box::before { content:""; display:block; position:absolute; z-index:1; top:0; left:0; height:100%; width:100%; background-size:100% 100%; background:#f7f7f7; animation-delay: 1s; animation-name: colorswipe; animation-duration: .8s; animation-fill-mode: forwards; } @keyframes colorswipe { 100% { width:0%;} } @media (max-width: 768px) { .lines-underline { width:80%; padding-top:30px; } } /* MODALS */ #ihf-main-container .modal-dialog, .ihf-eureka .modal-dialog, .ihf-eureka .ihf-modal-dialog { overflow: hidden; } .modal-dialog .modal-body #emailSignupForm{ height: 380px; } .modal-dialog .modal-body #emailSignupForm div.row:nth-child(7) { width: 100%; } /* IDX OVERRIDE */ #ihf-main-container { padding: 0 1rem; } .ihf-market-report { text-align: left; } .market-report #ihf-main-container .ihf-market-report-header-text { text-align: left; } #homes-for-sale-details .detail-information .glyphicon{ display:none; } #homes-for-sale-sold-details .ihf-sold-date-alt, #homes-for-sale-sold-details .ihf-sold-price-alt { font-weight: 400; text-align: left; margin: 5px 0; } #ihf-main-container .property-main-detail-item-alt.ihf-virtual-tour-link-alt .hidden-xs { padding: 0 10px 0 0; } body.prop-cards-img-top #ihf-main-container .ihf-slideshow-container .well .ihf-grid-result-attribution { height: 50px; } @media (max-width: 768px) { #ihf-market-report-header .btn, #ihf-market-report-header .btn-group { width: 100%!important; } } /* 1.8.4 GLOBAL CSS FIXES */ #newsletter-signup.contact-form-newsletter div.submit .form-submit { padding: 8px!important; height: 52px; width: 60px; } #newsletter-signup.contact-form-newsletter .form-field { width: calc(100% - 60px); margin: 0 0 15px 0!important; } @media (max-width: 767px) { #newsletter-signup.contact-form-newsletter .form-field { background: transparent; } #newsletter-signup .form-field input { background: #fff; } #newsletter-signup.contact-form-newsletter div.submit { top: 36px; height: 50px; } } /* FUB Disclaimer */ .fub-disclaimer { font-size: .65rem; color: #000; } .light .fub-disclaimer, .dark-button .fub-disclaimer { font-size: .65rem; color: #000; } .dark .fub-disclaimer, #valuation-request-short .fub-disclaimer, #mlp-valuation-request-1 .fub-disclaimer { font-size: .65rem; color: #fff; } #mlp-property-details-modal .fub-disclaimer { display: none; } </pre></body></html>