/* -------As Per Template Order---------- mimpl-uikit-main,jqueryui,datepicker,mimpl-general,header,home,reservation,footer,our-partner,ai-search */ /* -------Database List---------- File: mimpl-uikit-main, SiteID: 5013 File: jqueryui, SiteID: 5013 File: datepicker, SiteID: 5013 File: mimpl-general, SiteID: 5013 File: header, SiteID: 5013 File: home, SiteID: 5013 File: reservation, SiteID: 5013 File: footer, SiteID: 5013 File: our-partner, SiteID: 5013 File: ai-search, SiteID: 5013 */ /* -------cacheFileName---------- key4C63A7CD60F63F52ADBE6EF14B7127B763D75F9BDD77CFC439327EA0D82F0787#2025-12-12T15--45--41 */ html { font-size:16px; font-weight:400; line-height:1.5; -webkit-text-size-adjust:100%; background:#fff; color:#666 } body { margin:0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;} a:active, a:hover { outline:0 } .uk-link, a { color:#1F2933; text-decoration:none;} #see-map-list p a { color: #fff; } .uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover { color:#0f6ecd; text-decoration:underline } abbr[title] { text-decoration:underline dotted; -webkit-text-decoration-style:dotted } b, strong { font-weight:bolder } :not(pre)>code, :not(pre)>kbd, :not(pre)>samp { font-family:Consolas, monaco, monospace; font-size:.875rem; color:#25314B; white-space:nowrap; padding:2px 6px; background:#f8f8f8 } em { color:#25314B } ins { background:#ffd; color:#666; text-decoration:none } mark { background:#ffd; color:#666 } q { font-style:italic } small { font-size:80% } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } sup { top:-.5em } sub { bottom:-.25em } audio, canvas, iframe, img, svg, video { vertical-align:middle } canvas, img, video { max-width:100%; height:auto; box-sizing:border-box } input, textarea, select{ font-family: 'Red Hat Display';} @supports (display:block) { svg { max-width:100%; height:auto; box-sizing:border-box } } svg:not(:root) { overflow:hidden } img:not([src]) { min-width:1px; visibility:hidden } iframe { border:0 } address, dl, fieldset, figure, ol, p, pre, ul { margin:0 0 20px 0 } *+address, *+dl, *+fieldset, *+figure, *+ol, *+p, *+pre, *+ul { margin-top:20px } .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 { margin:0 0 20px 0; font-weight:400; text-transform:none } *+.uk-h1, *+.uk-h2, *+.uk-h3, *+.uk-h4, *+.uk-h5, *+.uk-h6, *+.uk-heading-2xlarge, *+.uk-heading-large, *+.uk-heading-medium, *+.uk-heading-small, *+.uk-heading-xlarge, *+h1, *+h2, *+h3, *+h4, *+h5, *+h6 { margin-top:40px } .uk-h1, h1 { font-size:2.23125rem; line-height:1.2 } .uk-h2, h2 { font-size:1.7rem; line-height:1.3 } .uk-h3, h3 { font-size:1.5rem; line-height:1.4 } .uk-h4, h4 { font-size:1.25rem; line-height:1.4 } .uk-h5, h5 { font-size:16px; line-height:1.4 } .uk-h6, h6 { font-size:.875rem; line-height:1.4 } @media (min-width:960px) { .uk-h1, h1 { font-size:2.625rem } .uk-h2, h2 { font-size:2rem } } ol, ul { padding-left:30px } ol>li>ol, ol>li>ul, ul>li>ol, ul>li>ul { margin:0 } dt { font-weight:700 } dd { margin-left:0 } .uk-hr, hr { overflow:visible; text-align:inherit; margin:0 0 20px 0; border:0; border-top:1px solid #e5e5e5 } *+.uk-hr, *+hr { margin-top:20px } address { font-style:normal } blockquote { margin:0 0 20px 0; font-size:1.25rem; line-height:1.5; font-style:italic; color:#333 } *+blockquote { margin-top:20px } blockquote p:last-of-type { margin-bottom:0 } blockquote footer { margin-top:10px; font-size:.875rem; line-height:1.5; color:#666 } blockquote footer::before { content:"— " } pre { font:.875rem/1.5 Consolas, monaco, monospace; color:#666; -moz-tab-size:4; tab-size:4; overflow:auto; padding:10px; border:1px solid #e5e5e5; border-radius:3px; background:#fff } pre code { font-family:Consolas, monaco, monospace } ::selection { background:#39f; color:#fff; text-shadow:none } details, main { display:block } summary { display:list-item } template { display:none } .uk-breakpoint-s::before { content:'640px' } .uk-breakpoint-m::before { content:'960px' } .uk-breakpoint-l::before { content:'1200px' } .uk-breakpoint-xl::before { content:'1600px' } :root { --uk-breakpoint-s:640px; --uk-breakpoint-m:960px; --uk-breakpoint-l:1200px; --uk-breakpoint-xl:1600px } .uk-link-muted a, a.uk-link-muted { color:#999 } .uk-link-muted a:hover, .uk-link-toggle:focus .uk-link-muted, .uk-link-toggle:hover .uk-link-muted, a.uk-link-muted:hover { color:#666 } .uk-link-text a, a.uk-link-text { color:inherit } .uk-link-text a:hover, .uk-link-toggle:focus .uk-link-text, .uk-link-toggle:hover .uk-link-text, a.uk-link-text:hover { color:#999 } .uk-link-heading a, a.uk-link-heading { color:inherit } .uk-link-heading a:hover, .uk-link-toggle:focus .uk-link-heading, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover { color:#1e87f0; text-decoration:none } .uk-link-reset a, a.uk-link-reset { color:inherit!important; text-decoration:none!important } .uk-link-toggle { color:inherit!important; text-decoration:none!important } .uk-link-toggle:focus { outline:0 } .uk-heading-small { font-size:2.6rem; line-height:1.2 } .uk-heading-medium { font-size:2.8875rem; line-height:1.1 } .uk-heading-large { font-size:3.4rem; line-height:1.1 } .uk-heading-xlarge { font-size:4rem; line-height:1 } .uk-heading-2xlarge { font-size:6rem; line-height:1 } @media (min-width:960px) { .uk-heading-small { font-size:3.25rem } .uk-heading-medium { font-size:3.5rem } .uk-heading-large { font-size:4rem } .uk-heading-xlarge { font-size:6rem } .uk-heading-2xlarge { font-size:8rem } } @media (min-width:1200px) { .uk-heading-medium { font-size:4rem } .uk-heading-large { font-size:6rem } .uk-heading-xlarge { font-size:8rem } .uk-heading-2xlarge { font-size:11rem } } .uk-heading-divider { padding-bottom:calc(5px + .1em); border-bottom:calc(.2px + .05em) solid #e5e5e5 } .uk-heading-bullet { position:relative } .uk-heading-bullet::before { content:""; display:inline-block; position:relative; top:calc(-.1 * 1em); vertical-align:middle; height:calc(4px + .7em); margin-right:calc(5px + .2em); border-left:calc(5px + .1em) solid #e5e5e5 } .uk-heading-line { overflow:hidden } .uk-heading-line>* { display:inline-block; position:relative } .uk-heading-line>::after, .uk-heading-line>::before { content:""; position:absolute; top:calc(50% - ((.2px + .05em)/ 2)); width:2000px; border-bottom:calc(.2px + .05em) solid #e5e5e5 } .uk-heading-line>::before { right:100%; margin-right:calc(5px + .3em) } .uk-heading-line>::after { left:100%; margin-left:calc(5px + .3em) } [class*=uk-divider] { border:none; margin-bottom:20px } *+[class*=uk-divider] { margin-top:20px } .uk-divider-icon { position:relative; height:20px; background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-position:50% 50% } .uk-divider-icon::after, .uk-divider-icon::before { content:""; position:absolute; top:50%; max-width:calc(50% - (50px / 2)); border-bottom:1px solid #e5e5e5 } .uk-divider-icon::before { right:calc(50% + (50px / 2)); width:100% } .uk-divider-icon::after { left:calc(50% + (50px / 2)); width:100% } .uk-divider-small { line-height:0 } .uk-divider-small::after { content:""; display:inline-block; width:100px; max-width:100%; border-top:1px solid #e5e5e5; vertical-align:top } .uk-divider-vertical { width:1px; height:100px; margin-left:auto; margin-right:auto; border-left:1px solid #e5e5e5 } .uk-list { padding:0; list-style:none } .uk-list>li::after, .uk-list>li::before { content:""; display:table } .uk-list>li::after { clear:both } .uk-list>li>:last-child { margin-bottom:0 } .uk-list ul { margin:0; padding-left:30px; list-style:none } .uk-list>li:nth-child(n+2), .uk-list>li>ul { margin-top:10px } .uk-list-divider>li:nth-child(n+2) { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5 } .uk-list-striped>li { padding:10px 10px } .uk-list-striped>li:nth-of-type(odd) { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5 } .uk-list-striped>li:nth-of-type(odd) { background:#f8f8f8 } .uk-list-striped>li:nth-child(n+2) { margin-top:0 } .uk-list-bullet>li { position:relative; padding-left:calc(1.5em + 10px) } .uk-list-bullet>li::before { content:""; position:absolute; top:0; left:0; width:1.5em; height:1.5em; background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat:no-repeat; background-position:50% 50%; display:block } .uk-list-large>li:nth-child(n+2), .uk-list-large>li>ul { margin-top:20px } .uk-list-large.uk-list-divider>li:nth-child(n+2) { margin-top:20px; padding-top:20px } .uk-list-large.uk-list-striped>li { padding:20px 10px } .uk-list-large.uk-list-striped>li:nth-of-type(odd) { border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5 } .uk-list-large.uk-list-striped>li:nth-child(n+2) { margin-top:0 } .uk-description-list>dt { color:#333; font-size:.875rem; font-weight:400; text-transform:uppercase } .uk-description-list>dt:nth-child(n+2) { margin-top:20px } .uk-description-list-divider>dt:nth-child(n+2) { margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5 } .uk-table { border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:20px } *+.uk-table { margin-top:20px } .uk-table th { padding:16px 12px; text-align:left; vertical-align:bottom; font-size:.875rem; font-weight:400; color:#999; text-transform:uppercase } .uk-table td { padding:16px 12px; vertical-align:top } .uk-table td>:last-child { margin-bottom:0 } .uk-table tfoot { font-size:.875rem } .uk-table caption { font-size:.875rem; text-align:left; color:#999 } .uk-table-middle, .uk-table-middle td { vertical-align:middle!important } .uk-table-divider>:first-child>tr:not(:first-child), .uk-table-divider>:not(:first-child)>tr, .uk-table-divider>tr:not(:first-child) { border-top:1px solid #e5e5e5 } .uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd) { background:#f8f8f8; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5 } .uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover { background:#ffd } .uk-table tbody tr.uk-active, .uk-table>tr.uk-active { background:#ffd } .uk-table-small td, .uk-table-small th { padding:10px 12px } .uk-table-large td, .uk-table-large th { padding:22px 12px } .uk-table-justify td:first-child, .uk-table-justify th:first-child { padding-left:0 } .uk-table-justify td:last-child, .uk-table-justify th:last-child { padding-right:0 } .uk-table-shrink { width:1px } .uk-table-expand { min-width:150px } .uk-table-link { padding:0!important } .uk-table-link>a { display:block; padding:16px 12px } .uk-table-small .uk-table-link>a { padding:10px 12px } @media (max-width:959px) { .uk-table-responsive, .uk-table-responsive tbody, .uk-table-responsive td, .uk-table-responsive th, .uk-table-responsive tr { display:block } .uk-table-responsive thead { display:none } .uk-table-responsive td, .uk-table-responsive th { width:auto!important; max-width:none!important; min-width:0!important; overflow:visible!important; white-space:normal!important } .uk-table-responsive .uk-table-link:not(:first-child)>a, .uk-table-responsive td:not(:first-child):not(.uk-table-link), .uk-table-responsive th:not(:first-child):not(.uk-table-link) { padding-top:5px!important } .uk-table-responsive .uk-table-link:not(:last-child)>a, .uk-table-responsive td:not(:last-child):not(.uk-table-link), .uk-table-responsive th:not(:last-child):not(.uk-table-link) { padding-bottom:5px!important } .uk-table-justify.uk-table-responsive td, .uk-table-justify.uk-table-responsive th { padding-left:0; padding-right:0 } } .uk-table tbody tr { transition:background-color .1s linear } .uk-icon { margin:0; border:none; border-radius:0; overflow:visible; font:inherit; color:inherit; text-transform:none; padding:0; background-color:transparent; display:inline-block; fill:currentcolor; line-height:0 } button.uk-icon:not(:disabled) { cursor:pointer } .uk-icon::-moz-focus-inner { border:0; padding:0 } .uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill:currentcolor } .uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke:currentcolor } .uk-icon>* { transform:translate(0, 0) } .uk-icon-image { width:20px; height:20px; background-position:50% 50%; background-repeat:no-repeat; background-size:contain; vertical-align:middle } .uk-icon-link { color:#999 } .uk-icon-link:focus, .uk-icon-link:hover { color:#666; outline:0 } .uk-active>.uk-icon-link, .uk-icon-link:active { color:#595959 } .uk-icon-button { box-sizing:border-box; width:36px; height:36px; border-radius:500px; background:#f8f8f8; color:#999; vertical-align:middle; display:inline-flex; justify-content:center; align-items:center; transition:.1s ease-in-out; transition-property:color, background-color } .uk-icon-button:focus, .uk-icon-button:hover { background-color:#ebebeb; color:#666; outline:0 } .uk-active>.uk-icon-button, .uk-icon-button:active { background-color:#dfdfdf; color:#666 } .uk-range { box-sizing:border-box; margin:0; vertical-align:middle; max-width:100%; width:100%; -webkit-appearance:none; background:0 0; padding:0 } .uk-range:focus { outline:0 } .uk-range::-moz-focus-outer { border:none } .uk-range::-ms-track { height:15px; background:0 0; border-color:transparent; color:transparent } .uk-range:not(:disabled)::-webkit-slider-thumb { cursor:pointer } .uk-range:not(:disabled)::-moz-range-thumb { cursor:pointer } .uk-range:not(:disabled)::-ms-thumb { cursor:pointer } .uk-range::-webkit-slider-thumb { -webkit-appearance:none; margin-top:-7px; height:15px; width:15px; border-radius:500px; background:#fff; border:1px solid #ccc } .uk-range::-moz-range-thumb { border:none; height:15px; width:15px; border-radius:500px; background:#fff; border:1px solid #ccc } .uk-range::-ms-thumb { margin-top:0 } .uk-range::-ms-thumb { border:none; height:15px; width:15px; border-radius:500px; background:#fff; border:1px solid #ccc } .uk-range::-ms-tooltip { display:none } .uk-range::-webkit-slider-runnable-track { height:3px; background:#ebebeb; border-radius:500px } .uk-range:active::-webkit-slider-runnable-track, .uk-range:focus::-webkit-slider-runnable-track { background:#d2d2d2 } .uk-range::-moz-range-track { height:3px; background:#ebebeb; border-radius:500px } .uk-range:focus::-moz-range-track { background:#d2d2d2 } .uk-range::-ms-fill-lower, .uk-range::-ms-fill-upper { height:3px; background:#ebebeb; border-radius:500px } .uk-range:focus::-ms-fill-lower, .uk-range:focus::-ms-fill-upper { background:#d2d2d2 } .uk-checkbox, .uk-input, .uk-radio, .uk-select, .uk-textarea { box-sizing:border-box; margin:0; border-radius:0; font:inherit } .uk-input { overflow:visible } .uk-select { text-transform:none } .uk-select optgroup { font:inherit; font-weight:700 } .uk-textarea { overflow:auto } .uk-input[type=search]::-webkit-search-cancel-button, .uk-input[type=search]::-webkit-search-decoration { -webkit-appearance:none } .uk-input[type=number]::-webkit-inner-spin-button, .uk-input[type=number]::-webkit-outer-spin-button { height:auto } .uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder { opacity:1 } .uk-checkbox:not(:disabled), .uk-radio:not(:disabled) { cursor:pointer } .uk-fieldset { border:none; margin:0; padding:0 } .uk-input, .uk-textarea { -webkit-appearance:none } .uk-input, .uk-select, .uk-textarea { max-width:100%; width:100%; border:0 none; padding:0 10px; background:#fff; color:#666; border:1px solid #C3C3C3; transition:.2s ease-in-out; transition-property:color, background-color, border } .uk-input, .uk-select:not([multiple]):not([size]) { height:50px; vertical-align:middle; display:inline-block;border-radius: 4px; } .uk-textarea { vertical-align: middle; border-radius: 4px; height: 100px; display: block; } .uk-input:not(input), .uk-select:not(select) { line-height:38px } .uk-select[multiple], .uk-select[size], .uk-textarea { padding-top:4px; padding-bottom:4px; vertical-align:top } .uk-input:focus, .uk-select:focus, .uk-textarea:focus { outline:0; background-color:#fff; color:#666; border-color:#1e87f0 } .uk-input:disabled, .uk-select:disabled, .uk-textarea:disabled { background-color:#f8f8f8; color:#999; border-color:#e5e5e5 } .uk-input::-ms-input-placeholder { color:#999!important } .uk-input::placeholder { color:#999 } .uk-textarea::-ms-input-placeholder { color:#999!important } .uk-textarea::placeholder { color:#999 } .uk-form-small { font-size:.875rem } .uk-form-small:not(textarea):not([multiple]):not([size]) { height:30px; padding-left:8px; padding-right:8px } .uk-form-small:not(select):not(input):not(textarea) { line-height:28px } .uk-form-large { font-size:1.25rem } .uk-form-large:not(textarea):not([multiple]):not([size]) { height:55px; padding-left:12px; padding-right:12px } .uk-form-large:not(select):not(input):not(textarea) { line-height:53px } .uk-form-danger, .uk-form-danger:focus { color:#f0506e; border-color:#f0506e } .uk-form-success, .uk-form-success:focus { color:#32d296; border-color:#32d296 } .uk-form-blank { background:0 0; border-color:transparent } .uk-form-blank:focus { border-color:#e5e5e5; border-style:dashed } input.uk-form-width-xsmall { width:50px } select.uk-form-width-xsmall { width:75px } .uk-form-width-small { width:130px } .uk-form-width-medium { width:200px } .uk-form-width-large { width:500px } .uk-select:not([multiple]):not([size]) { -webkit-appearance:none; -moz-appearance:none; padding-right:20px; background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); background-repeat:no-repeat; background-position:100% 50% } .uk-select:not([multiple]):not([size])::-ms-expand { display:none } .uk-select:not([multiple]):not([size]) option { color:#444 } .uk-select:not([multiple]):not([size]):disabled { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") } .uk-input[list] { padding-right:20px; background-repeat:no-repeat; background-position:100% 50% } .uk-input[list]:focus, .uk-input[list]:hover { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") } .uk-input[list]::-webkit-calendar-picker-indicator { display:none } .uk-checkbox, .uk-radio { display: inline-block; height: 21px; padding: 0 10px; width: 12px; overflow: hidden; margin-top: -4px; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; background-color:#fff; background-repeat: no-repeat; background-position: 50% 50%; border: 1px solid #CFD2D6; transition: .2s ease-in-out; transition-property: background-color, border;} .uk-radio { border-radius:50% } .uk-checkbox:focus, .uk-radio:focus { outline:0; border-color:#1e87f0 } .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked { background-color:#fff; border-color:transparent } .uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked { background-color:#BA4B00 } .uk-radio:checked { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-checkbox:checked { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") } .uk-checkbox:indeterminate { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-checkbox:disabled, .uk-radio:disabled { background-color:#f8f8f8; border-color:#e5e5e5 } .uk-radio:disabled:checked { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-checkbox:disabled:checked { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") } .uk-checkbox:disabled:indeterminate { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-legend { width:100%; color:inherit; padding:0; font-size:1.5rem; line-height:1.4 } .uk-form-custom { display:inline-block; position:relative; max-width:100%; vertical-align:middle } .uk-form-custom input[type=file], .uk-form-custom select { position:absolute; top:0; z-index:1; width:100%; height:100%; left:0; -webkit-appearance:none; opacity:0; cursor:pointer } .uk-form-custom input[type=file] { font-size:500px; overflow:hidden } .uk-form-label { color:#333; font-size:.875rem } .uk-form-stacked .uk-form-label { display:block; margin-bottom:5px } @media (max-width:959px) { .uk-form-horizontal .uk-form-label { display:block; margin-bottom:5px } } @media (min-width:960px) { .uk-form-horizontal .uk-form-label { width:200px; margin-top:7px; float:left } .uk-form-horizontal .uk-form-controls { margin-left:215px } .uk-form-horizontal .uk-form-controls-text { padding-top:7px } } .uk-form-icon { position:absolute; top:0; bottom:0; left:0; width:40px; display:inline-flex; justify-content:center; align-items:center; color:#999 } .uk-form-icon:hover { color:#666 } .uk-form-icon:not(a):not(button):not(input) { pointer-events:none } .uk-form-icon:not(.uk-form-icon-flip)~.uk-input { padding-left:40px!important } .uk-form-icon-flip { right:0; left:auto } .uk-form-icon-flip~.uk-input { padding-right:40px!important } .uk-button { margin:0; border:none; overflow:visible; font:inherit; color:inherit; text-transform:none; -webkit-appearance:none; border-radius:0; display:inline-block; box-sizing:border-box; padding:0 20px 0 20px; vertical-align:middle; font-size:.875rem; line-height:38px; text-align:center; text-decoration:none; text-transform:uppercase; transition:.1s ease-in-out; transition-property:color, background-color, border-color } .uk-button:not(:disabled) { cursor:pointer } .uk-button::-moz-focus-inner { border:0; padding:0 } .uk-button:hover { text-decoration:none } .uk-button:focus { outline:0 } .uk-button-default { background-color:transparent; color:#333; border:1px solid #e5e5e5 } .uk-button-default:focus, .uk-button-default:hover { background-color:transparent; color:#333; border-color:#b2b2b2 } .uk-button-default.uk-active, .uk-button-default:active { background-color:transparent; color:#333; border-color:#999 } .uk-button-primary { background-color:#1e87f0; color:#fff; border:1px solid transparent } .uk-button-primary:focus, .uk-button-primary:hover { background-color:#0f7ae5; color:#fff } .uk-button-primary.uk-active, .uk-button-primary:active { background-color:#0e6dcd; color:#fff } .uk-button-secondary { background-color:#222; color:#fff; border:1px solid transparent } .uk-button-secondary:focus, .uk-button-secondary:hover { background-color:#151515; color:#fff } .uk-button-secondary.uk-active, .uk-button-secondary:active { background-color:#080808; color:#fff } .uk-button-danger { background-color:#f0506e; color:#fff; border:1px solid transparent } .uk-button-danger:focus, .uk-button-danger:hover { background-color:#ee395b; color:#fff } .uk-button-danger.uk-active, .uk-button-danger:active { background-color:#ec2147; color:#fff } .uk-button-danger:disabled, .uk-button-default:disabled, .uk-button-primary:disabled, .uk-button-secondary:disabled { background-color:transparent; color:#999; border-color:#e5e5e5 } .uk-button-small { padding:0 15px; line-height:28px; font-size:.875rem } .uk-button-large { padding:0 40px; line-height:53px; font-size:.875rem } .uk-button-text { padding:0; line-height:1.5; background:0 0; color:#333; position:relative } .uk-button-text::before { content:""; position:absolute; bottom:0; left:0; right:100%; border-bottom:1px solid #333; transition:right .3s ease-out } .uk-button-text:focus, .uk-button-text:hover { color:#333 } .uk-button-text:focus::before, .uk-button-text:hover::before { right:0 } .uk-button-text:disabled { color:#999 } .uk-button-text:disabled::before { display:none } .uk-button-link { padding:0; line-height:1.5; background:0 0; color:#1e87f0 } .uk-button-link:focus, .uk-button-link:hover { color:#0f6ecd; text-decoration:underline } .uk-button-link:disabled { color:#999; text-decoration:none } .uk-button-group { display:inline-flex; vertical-align:middle; position:relative } .uk-button-group>.uk-button:nth-child(n+2), .uk-button-group>div:nth-child(n+2) .uk-button { margin-left:-1px } .uk-button-group .uk-button.uk-active, .uk-button-group .uk-button:active, .uk-button-group .uk-button:focus, .uk-button-group .uk-button:hover { position:relative; z-index:1 } .uk-section { box-sizing:border-box; padding-top:40px; padding-bottom:40px } @media (min-width:960px) { .uk-section { padding-top:70px; padding-bottom:70px } } .uk-section::after, .uk-section::before { content:""; display:table } .uk-section::after { clear:both } .uk-section>:last-child { margin-bottom:0 } .uk-section-xsmall { padding-top:20px; padding-bottom:20px } .uk-section-small { padding-top:40px; padding-bottom:40px } .uk-section-large { padding-top:70px; padding-bottom:70px } @media (min-width:960px) { .uk-section-large { padding-top:140px; padding-bottom:140px } } .uk-section-xlarge { padding-top:140px; padding-bottom:140px } @media (min-width:960px) { .uk-section-xlarge { padding-top:210px; padding-bottom:210px } } .uk-section-default { background:#fff } .uk-section-muted { background:#f8f8f8 } .uk-section-primary { background:#1e87f0 } .uk-section-secondary { background:#222 } .uk-container { box-sizing:content-box; max-width:1320px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px } @media (min-width:640px) { .uk-container { padding-left:20px; padding-right:20px } } @media (min-width:960px) { .uk-container { padding-left:40px; padding-right:40px } } .uk-container::after, .uk-container::before { content:""; display:table } .uk-container::after { clear:both } .uk-container>:last-child { margin-bottom:0 } .uk-container .uk-container { padding-left:0; padding-right:0 } .uk-container-xsmall { max-width:750px } .uk-container-small { max-width:900px } .uk-container-large { max-width:1400px } .uk-container-xlarge { max-width:1600px } .uk-container-expand { max-width:none } .uk-container-expand-left { margin-left:0 } .uk-container-expand-right { margin-right:0 } @media (min-width:640px) { .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall { max-width:calc(50% + (750px / 2) - 30px) } .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small { max-width:calc(50% + (900px / 2) - 30px) } } @media (min-width:960px) { .uk-container-expand-left, .uk-container-expand-right { max-width:calc(50% + (1200px / 2) - 40px) } .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall { max-width:calc(50% + (750px / 2) - 40px) } .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small { max-width:calc(50% + (900px / 2) - 40px) } .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large { max-width:calc(50% + (1400px / 2) - 40px) } .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge { max-width:calc(50% + (1600px / 2) - 40px) } } .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width:calc(100% + 15px) } .uk-container-item-padding-remove-left { margin-left:-15px } .uk-container-item-padding-remove-right { margin-right:-15px } @media (min-width:640px) { .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width:calc(100% + 30px) } .uk-container-item-padding-remove-left { margin-left:-30px } .uk-container-item-padding-remove-right { margin-right:-30px } } @media (min-width:960px) { .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right { width:calc(100% + 40px) } .uk-container-item-padding-remove-left { margin-left:-40px } .uk-container-item-padding-remove-right { margin-right:-40px } } .uk-grid { display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none } .uk-grid>* { margin:0 } .uk-grid>*>:last-child { margin-bottom:0 } .uk-grid { margin-left:-30px } .uk-grid>* { padding-left:30px } *+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin { margin-top:30px } @media (min-width:1200px) { .uk-grid { margin-left:-40px } .uk-grid>* { padding-left:40px } *+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin { margin-top:40px } } .uk-grid-column-small, .uk-grid-small { margin-left:-15px } .uk-grid-column-small>*, .uk-grid-small>* { padding-left:15px } *+.uk-grid-margin-small, .uk-grid+.uk-grid-row-small, .uk-grid+.uk-grid-small, .uk-grid-row-small>.uk-grid-margin, .uk-grid-small>.uk-grid-margin { margin-top:15px } .uk-grid-column-medium, .uk-grid-medium { margin-left:-30px } .uk-grid-column-medium>*, .uk-grid-medium>* { padding-left:30px } *+.uk-grid-margin-medium, .uk-grid+.uk-grid-medium, .uk-grid+.uk-grid-row-medium, .uk-grid-medium>.uk-grid-margin, .uk-grid-row-medium>.uk-grid-margin { margin-top:30px } .uk-grid-column-large, .uk-grid-large { margin-left:-40px } .uk-grid-column-large>*, .uk-grid-large>* { padding-left:40px } *+.uk-grid-margin-large, .uk-grid+.uk-grid-large, .uk-grid+.uk-grid-row-large, .uk-grid-large>.uk-grid-margin, .uk-grid-row-large>.uk-grid-margin { margin-top:40px } @media (min-width:1200px) { .uk-grid-column-large, .uk-grid-large { margin-left:-70px } .uk-grid-column-large>*, .uk-grid-large>* { padding-left:70px } *+.uk-grid-margin-large, .uk-grid+.uk-grid-large, .uk-grid+.uk-grid-row-large, .uk-grid-large>.uk-grid-margin, .uk-grid-row-large>.uk-grid-margin { margin-top:70px } } .uk-grid-collapse, .uk-grid-column-collapse { margin-left:0 } .uk-grid-collapse>*, .uk-grid-column-collapse>* { padding-left:0 } .uk-grid+.uk-grid-collapse, .uk-grid+.uk-grid-row-collapse, .uk-grid-collapse>.uk-grid-margin, .uk-grid-row-collapse>.uk-grid-margin { margin-top:0 } .uk-grid-divider>* { position:relative } .uk-grid-divider>:not(.uk-first-column)::before { content:""; position:absolute; top:0; bottom:0; border-left:1px solid #e5e5e5 } .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { content:""; position:absolute; left:0; right:0; border-top:1px solid #e5e5e5 } .uk-grid-divider { margin-left:-60px } .uk-grid-divider>* { padding-left:60px } .uk-grid-divider>:not(.uk-first-column)::before { left:30px } .uk-grid-divider.uk-grid-stack>.uk-grid-margin { margin-top:60px } .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { top:-30px; left:60px } @media (min-width:1200px) { .uk-grid-divider { margin-left:-80px } .uk-grid-divider>* { padding-left:80px } .uk-grid-divider>:not(.uk-first-column)::before { left:40px } .uk-grid-divider.uk-grid-stack>.uk-grid-margin { margin-top:80px } .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { top:-40px; left:80px } } .uk-grid-divider.uk-grid-column-small, .uk-grid-divider.uk-grid-small { margin-left:-30px } .uk-grid-divider.uk-grid-column-small>*, .uk-grid-divider.uk-grid-small>* { padding-left:30px } .uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before, .uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before { left:15px } .uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin, .uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin { margin-top:30px } .uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before { top:-15px; left:30px } .uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before { top:-15px } .uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before { left:30px } .uk-grid-divider.uk-grid-column-medium, .uk-grid-divider.uk-grid-medium { margin-left:-60px } .uk-grid-divider.uk-grid-column-medium>*, .uk-grid-divider.uk-grid-medium>* { padding-left:60px } .uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before, .uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before { left:30px } .uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin { margin-top:60px } .uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before { top:-30px; left:60px } .uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before { top:-30px } .uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before { left:60px } .uk-grid-divider.uk-grid-column-large, .uk-grid-divider.uk-grid-large { margin-left:-80px } .uk-grid-divider.uk-grid-column-large>*, .uk-grid-divider.uk-grid-large>* { padding-left:80px } .uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before, .uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before { left:40px } .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin { margin-top:80px } .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before { top:-40px; left:80px } .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before { top:-40px } .uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before { left:80px } @media (min-width:1200px) { .uk-grid-divider.uk-grid-column-large, .uk-grid-divider.uk-grid-large { margin-left:-140px } .uk-grid-divider.uk-grid-column-large>*, .uk-grid-divider.uk-grid-large>* { padding-left:140px } .uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before, .uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before { left:70px } .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin { margin-top:140px } .uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before { top:-70px; left:140px } .uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before { top:-70px } .uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before { left:140px } } .uk-grid-item-match, .uk-grid-match>* { display:flex; flex-wrap:wrap } .uk-grid-item-match>:not([class*=uk-width]), .uk-grid-match>*>:not([class*=uk-width]) { box-sizing:border-box; width:100%; flex:auto } .uk-tile { position:relative; box-sizing:border-box; padding-left:15px; padding-right:15px; padding-top:40px; padding-bottom:40px } @media (min-width:640px) { .uk-tile { padding-left:30px; padding-right:30px } } @media (min-width:960px) { .uk-tile { padding-left:40px; padding-right:40px; padding-top:70px; padding-bottom:70px } } .uk-tile::after, .uk-tile::before { content:""; display:table } .uk-tile::after { clear:both } .uk-tile>:last-child { margin-bottom:0 } .uk-tile-xsmall { padding-top:20px; padding-bottom:20px } .uk-tile-small { padding-top:40px; padding-bottom:40px } .uk-tile-large { padding-top:70px; padding-bottom:70px } @media (min-width:960px) { .uk-tile-large { padding-top:140px; padding-bottom:140px } } .uk-tile-xlarge { padding-top:140px; padding-bottom:140px } @media (min-width:960px) { .uk-tile-xlarge { padding-top:210px; padding-bottom:210px } } .uk-tile-default { background:#fff } .uk-tile-muted { background:#f8f8f8 } .uk-tile-primary { background:#1e87f0 } .uk-tile-secondary { background:#222 } .uk-card { position:relative; box-sizing:border-box; transition:box-shadow .1s ease-in-out } .uk-card-body { padding:30px 30px } .uk-card-header { padding:15px 30px } .uk-card-footer { padding:15px 30px } @media (min-width:1200px) { .uk-card-body { padding:40px 40px } .uk-card-header { padding:20px 40px } .uk-card-footer { padding:20px 40px } } .uk-card-body::after, .uk-card-body::before, .uk-card-footer::after, .uk-card-footer::before, .uk-card-header::after, .uk-card-header::before { content:""; display:table } .uk-card-body::after, .uk-card-footer::after, .uk-card-header::after { clear:both } .uk-card-body>:last-child, .uk-card-footer>:last-child, .uk-card-header>:last-child { margin-bottom:0 } .uk-card-title { font-size:1.5rem; line-height:1.4 } .uk-card-badge { position:absolute; top:30px; right:30px; z-index:1 } .uk-card-badge:first-child+* { margin-top:0 } .uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { background:#fff; box-shadow:0 14px 25px rgba(0,0,0,.16) } .uk-card-default { background:#fff; color:#666; box-shadow:0 5px 15px rgba(0,0,0,.08) } .uk-card-default .uk-card-title { color:#333 } .uk-card-default.uk-card-hover:hover { background-color:#fff; box-shadow:0 14px 25px rgba(0,0,0,.16) } .uk-card-default .uk-card-header { border-bottom:1px solid #e5e5e5 } .uk-card-default .uk-card-footer { border-top:1px solid #e5e5e5 } .uk-card-primary { background:#1e87f0; color:#fff; box-shadow:0 5px 15px rgba(0,0,0,.08) } .uk-card-primary .uk-card-title { color:#fff } .uk-card-primary.uk-card-hover:hover { background-color:#1e87f0; box-shadow:0 14px 25px rgba(0,0,0,.16) } .uk-card-secondary { background:#222; color:#fff; box-shadow:0 5px 15px rgba(0,0,0,.08) } .uk-card-secondary .uk-card-title { color:#fff } .uk-card-secondary.uk-card-hover:hover { background-color:#222; box-shadow:0 14px 25px rgba(0,0,0,.16) } .uk-card-small .uk-card-body, .uk-card-small.uk-card-body { padding:20px 20px } .uk-card-small .uk-card-header { padding:13px 20px } .uk-card-small .uk-card-footer { padding:13px 20px } @media (min-width:1200px) { .uk-card-large .uk-card-body, .uk-card-large.uk-card-body { padding:70px 70px } .uk-card-large .uk-card-header { padding:35px 70px } .uk-card-large .uk-card-footer { padding:35px 70px } } .uk-card-body>.uk-nav-default { margin-left:-30px; margin-right:-30px } .uk-card-body>.uk-nav-default:only-child { margin-top:-15px; margin-bottom:-15px } .uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default>li>a { padding-left:30px; padding-right:30px } .uk-card-body .uk-nav-default .uk-nav-sub { padding-left:45px } @media (min-width:1200px) { .uk-card-body>.uk-nav-default { margin-left:-40px; margin-right:-40px } .uk-card-body>.uk-nav-default:only-child { margin-top:-25px; margin-bottom:-25px } .uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-body .uk-nav-default .uk-nav-header, .uk-card-body .uk-nav-default>li>a { padding-left:40px; padding-right:40px } .uk-card-body .uk-nav-default .uk-nav-sub { padding-left:55px } } .uk-card-small>.uk-nav-default { margin-left:-20px; margin-right:-20px } .uk-card-small>.uk-nav-default:only-child { margin-top:-5px; margin-bottom:-5px } .uk-card-small .uk-nav-default .uk-nav-divider, .uk-card-small .uk-nav-default .uk-nav-header, .uk-card-small .uk-nav-default>li>a { padding-left:20px; padding-right:20px } .uk-card-small .uk-nav-default .uk-nav-sub { padding-left:35px } @media (min-width:1200px) { .uk-card-large>.uk-nav-default { margin:0 } .uk-card-large>.uk-nav-default:only-child { margin:0 } .uk-card-large .uk-nav-default .uk-nav-divider, .uk-card-large .uk-nav-default .uk-nav-header, .uk-card-large .uk-nav-default>li>a { padding-left:0; padding-right:0 } .uk-card-large .uk-nav-default .uk-nav-sub { padding-left:15px } } .uk-close { color:#999; transition:.1s ease-in-out; transition-property:color, opacity } .uk-close:focus, .uk-close:hover { color:#666; outline:0 } .uk-spinner>* { animation:uk-spinner-rotate 1.4s linear infinite } @keyframes uk-spinner-rotate { 0% { transform:rotate(0) } 100% { transform:rotate(270deg) } } .uk-spinner>*>* { stroke-dasharray:88px; stroke-dashoffset:0; transform-origin:center; animation:uk-spinner-dash 1.4s ease-in-out infinite; stroke-width:1; stroke-linecap:round } @keyframes uk-spinner-dash { 0% { stroke-dashoffset:88px } 50% { stroke-dashoffset:22px; transform:rotate(135deg) } 100% { stroke-dashoffset:88px; transform:rotate(450deg) } } .uk-totop { padding:5px; color:#999; transition:color .1s ease-in-out } .uk-totop:focus, .uk-totop:hover { color:#666; outline:0 } .uk-totop:active { color:#333 } .uk-marker { padding:5px; background:#222; color:#fff; border-radius:500px } .uk-marker:focus, .uk-marker:hover { color:#fff; outline:0 } .uk-alert { position:relative; margin-bottom:20px; padding:15px 29px 15px 15px; background:#f8f8f8; color:#666 } *+.uk-alert { margin-top:20px } .uk-alert>:last-child { margin-bottom:0 } .uk-alert-close { position:absolute; top:20px; right:15px; color:inherit; opacity:.4 } .uk-alert-close:first-child+* { margin-top:0 } .uk-alert-close:focus, .uk-alert-close:hover { color:inherit; opacity:.8 } .uk-alert-primary { background:#d8eafc; color:#1e87f0 } .uk-alert-success { background:#edfbf6; color:#32d296 } .uk-alert-warning { background:#fff6ee; color:#faa05a } .uk-alert-danger { background:#fef4f6; color:#f0506e } .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color:inherit } .uk-alert a:not([class]) { color:inherit; text-decoration:underline } .uk-alert a:not([class]):hover { color:inherit; text-decoration:underline } .uk-badge { box-sizing:border-box; min-width:22px; height:22px; padding:0 5px; border-radius:500px; vertical-align:middle; background:#1e87f0; color:#fff; font-size:.875rem; display:inline-flex; justify-content:center; align-items:center } .uk-badge:focus, .uk-badge:hover { color:#fff; text-decoration:none; outline:0 } .uk-label { display:inline-block; padding:0 10px; background:#1e87f0; line-height:1.5; font-size:.875rem; color:#fff; vertical-align:middle; white-space:nowrap; border-radius:2px; text-transform:uppercase } .uk-label-success { background-color:#32d296; color:#fff } .uk-label-warning { background-color:#faa05a; color:#fff } .uk-label-danger { background-color:#f0506e; color:#fff } .uk-overlay { padding:30px 30px } .uk-overlay>:last-child { margin-bottom:0 } .uk-overlay-default { background:rgba(255,255,255,.8) } .uk-overlay-primary { background:rgba(34,34,34,.8) } .uk-article::after, .uk-article::before { content:""; display:table } .uk-article::after { clear:both } .uk-article>:last-child { margin-bottom:0 } .uk-article+.uk-article { margin-top:70px } .uk-article-title { font-size:2.23125rem; line-height:1.2 } @media (min-width:960px) { .uk-article-title { font-size:2.625rem } } .uk-article-meta { font-size:.875rem; line-height:1.4; color:#999 } .uk-article-meta a { color:#999 } .uk-article-meta a:hover { color:#666; text-decoration:none } .uk-comment-body { overflow-wrap:break-word; word-wrap:break-word } .uk-comment-header { margin-bottom:20px } .uk-comment-body::after, .uk-comment-body::before, .uk-comment-header::after, .uk-comment-header::before { content:""; display:table } .uk-comment-body::after, .uk-comment-header::after { clear:both } .uk-comment-body>:last-child, .uk-comment-header>:last-child { margin-bottom:0 } .uk-comment-title { font-size:1.25rem; line-height:1.4 } .uk-comment-meta { font-size:.875rem; line-height:1.4; color:#999 } .uk-comment-list { padding:0; list-style:none } .uk-comment-list>:nth-child(n+2) { margin-top:70px } .uk-comment-list .uk-comment~ul { margin:70px 0 0 0; padding-left:30px; list-style:none } @media (min-width:960px) { .uk-comment-list .uk-comment~ul { padding-left:100px } } .uk-comment-list .uk-comment~ul>:nth-child(n+2) { margin-top:70px } .uk-comment-primary { padding:30px; background-color:#f8f8f8 } .uk-search { display:inline-block; position:relative; max-width:100%; margin:0 } .uk-search-input::-webkit-search-cancel-button, .uk-search-input::-webkit-search-decoration { -webkit-appearance:none } .uk-search-input::-moz-placeholder { opacity:1 } .uk-search-input { box-sizing:border-box; margin:0; border-radius:0; font:inherit; overflow:visible; -webkit-appearance:none; vertical-align:middle; width:100%; border:none; color:#666 } .uk-search-input:focus { outline:0 } .uk-search-input:-ms-input-placeholder { color:#999!important } .uk-search-input::placeholder { color:#999 } .uk-search-icon:focus { outline:0 } .uk-search .uk-search-icon { position:absolute; top:0; bottom:0; left:0; display:inline-flex; justify-content:center; align-items:center; color:#999 } .uk-search .uk-search-icon:hover { color:#999 } .uk-search .uk-search-icon:not(a):not(button):not(input) { pointer-events:none } .uk-search .uk-search-icon-flip { right:0; left:auto } .uk-search-default { width:180px } .uk-search-default .uk-search-input { height:40px; padding-left:6px; padding-right:6px; background:0 0; border:1px solid #e5e5e5 } .uk-search-default .uk-search-input:focus { background-color:transparent } .uk-search-default .uk-search-icon { width:40px } .uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input { padding-left:40px } .uk-search-default .uk-search-icon-flip~.uk-search-input { padding-right:40px } .uk-search-navbar { width:400px } .uk-search-navbar .uk-search-input { height:40px; background:0 0; font-size:1.5rem } .uk-search-navbar .uk-search-icon { width:40px } .uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input { padding-left:40px } .uk-search-navbar .uk-search-icon-flip~.uk-search-input { padding-right:40px } .uk-search-large { width:500px } .uk-search-large .uk-search-input { height:80px; background:0 0; font-size:2.625rem } .uk-search-large .uk-search-icon { width:80px } .uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input { padding-left:80px } .uk-search-large .uk-search-icon-flip~.uk-search-input { padding-right:80px } .uk-search-toggle { color:#999 } .uk-search-toggle:focus, .uk-search-toggle:hover { color:#666 } .uk-nav, .uk-nav ul { margin:0; padding:0; list-style:none } .uk-nav li>a { display:block; text-decoration:none } .uk-nav li>a:focus { outline:0 } .uk-nav>li>a { padding:5px 0 } ul.uk-nav-sub { padding:5px 0 5px 15px } .uk-nav-sub ul { padding-left:15px } .uk-nav-sub a { padding:2px 0 } .uk-nav-parent-icon>.uk-parent>a::after { content:""; width:1.5em; height:1.5em; float:right; background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); background-repeat:no-repeat; background-position:50% 50% } .uk-nav-parent-icon>.uk-parent.uk-open>a::after { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-nav-header { padding:5px 0; text-transform:uppercase; font-size:.875rem } .uk-nav-header:not(:first-child) { margin-top:20px } .uk-nav-divider { margin:5px 0 } .uk-nav-default { font-size:.875rem } .uk-nav-default>li>a { color:#999 } .uk-nav-default>li>a:focus, .uk-nav-default>li>a:hover { color:#666 } .uk-nav-default>li.uk-active>a { color:#333 } .uk-nav-default .uk-nav-header { color:#333 } .uk-nav-default .uk-nav-divider { border-top:1px solid #e5e5e5 } .uk-nav-default .uk-nav-sub a { color:#999 } .uk-nav-default .uk-nav-sub a:focus, .uk-nav-default .uk-nav-sub a:hover { color:#666 } .uk-nav-default .uk-nav-sub li.uk-active>a { color:#333 } .uk-nav-primary>li>a { font-size:1.5rem; line-height:1.5; color:#999 } .uk-nav-primary>li>a:focus, .uk-nav-primary>li>a:hover { color:#666 } .uk-nav-primary>li.uk-active>a { color:#333 } .uk-nav-primary .uk-nav-header { color:#333 } .uk-nav-primary .uk-nav-divider { border-top:1px solid #e5e5e5 } .uk-nav-primary .uk-nav-sub a { color:#999 } .uk-nav-primary .uk-nav-sub a:focus, .uk-nav-primary .uk-nav-sub a:hover { color:#666 } .uk-nav-primary .uk-nav-sub li.uk-active>a { color:#333 } .uk-nav-center { text-align:center } .uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul { padding-left:0 } .uk-nav-center.uk-nav-parent-icon>.uk-parent>a::after { position:absolute } .uk-navbar { display:flex; position:relative } .uk-navbar-container:not(.uk-navbar-transparent) { background:#f8f8f8 } .uk-navbar-container>::after, .uk-navbar-container>::before { display:none!important } .uk-navbar-center, .uk-navbar-center-left>*, .uk-navbar-center-right>*, .uk-navbar-left, .uk-navbar-right { display:flex; align-items:center } .uk-navbar-right { margin-left:auto } .uk-navbar-center:only-child { margin-left:auto; margin-right:auto; position:relative } .uk-navbar-center:not(:only-child) { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:max-content; box-sizing:border-box; z-index:990 } .uk-navbar-center-left, .uk-navbar-center-right { position:absolute; top:0 } .uk-navbar-center-left { right:100% } .uk-navbar-center-right { left:100% } [class*=uk-navbar-center-] { width:max-content; box-sizing:border-box } .uk-navbar-nav { display:flex; margin:0; padding:0; list-style:none } .uk-navbar-center:only-child, .uk-navbar-left, .uk-navbar-right { flex-wrap:wrap } .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle { display:flex; justify-content:left; align-items:center; box-sizing:border-box; min-height:inherit; padding:15px 20px; font-size: 23px; text-decoration:none; font-weight: bold; letter-spacing: 1px; } .uk-navbar-nav>li {margin: 0 0 20px 0;} .uk-navbar-nav>li>a { padding-top: 0; padding-bottom: 0;text-transform:uppercase; transition:.1s ease-in-out; transition-property:color, background-color } .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a.uk-open, .uk-navbar-nav>li>a:focus { color:#666; outline:0 } .uk-navbar-nav>li>a:active { color:#333 } .uk-navbar-nav>li.uk-active>a { color:#333 } .uk-navbar-item { color:#666 } .uk-navbar-toggle { color:#999 } .uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover { color:#666; outline:0; text-decoration:none } .uk-navbar-subtitle { font-size:.875rem } .uk-navbar-dropdown { display:none; position:absolute; z-index:1020; box-sizing:border-box; width:200px; padding:25px; background:#fff; color:#666; box-shadow:0 5px 12px rgba(0,0,0,.15) } .uk-navbar-dropdown.uk-open { display:block } [class*=uk-navbar-dropdown-top] { margin-top:-15px } [class*=uk-navbar-dropdown-bottom] { margin-top:15px } [class*=uk-navbar-dropdown-left] { margin-left:-15px } [class*=uk-navbar-dropdown-right] { margin-left:15px } .uk-navbar-dropdown-grid { margin-left:-50px } .uk-navbar-dropdown-grid>* { padding-left:50px } .uk-navbar-dropdown-grid>.uk-grid-margin { margin-top:50px } .uk-navbar-dropdown-stack .uk-navbar-dropdown-grid>* { width:100%!important } .uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { width:400px } .uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { width:600px } .uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { width:800px } .uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { width:1000px } .uk-navbar-dropdown-dropbar { margin-top:0; margin-bottom:0; box-shadow:none } .uk-navbar-dropdown-nav { font-size:.875rem } .uk-navbar-dropdown-nav>li>a { color:#999 } .uk-navbar-dropdown-nav>li>a:focus, .uk-navbar-dropdown-nav>li>a:hover { color:#666 } .uk-navbar-dropdown-nav>li.uk-active>a { color:#333 } .uk-navbar-dropdown-nav .uk-nav-header { color:#333 } .uk-navbar-dropdown-nav .uk-nav-divider { border-top:1px solid #e5e5e5 } .uk-navbar-dropdown-nav .uk-nav-sub a { color:#999 } .uk-navbar-dropdown-nav .uk-nav-sub a:focus, .uk-navbar-dropdown-nav .uk-nav-sub a:hover { color:#666 } .uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a { color:#333 } .uk-navbar-dropbar { background:#fff } .uk-navbar-dropbar-slide { position:absolute; z-index:980; left:0; right:0; box-shadow:0 5px 7px rgba(0,0,0,.05) } .uk-navbar-container>.uk-container .uk-navbar-left { margin-left:-15px; margin-right:-15px } .uk-navbar-container>.uk-container .uk-navbar-right { margin-right:-15px } .uk-navbar-dropdown-grid>* { position:relative } .uk-navbar-dropdown-grid>:not(.uk-first-column)::before { content:""; position:absolute; top:0; bottom:0; left:25px; border-left:1px solid #e5e5e5 } .uk-navbar-dropdown-grid.uk-grid-stack>.uk-grid-margin::before { content:""; position:absolute; top:-25px; left:50px; right:0; border-top:1px solid #e5e5e5 } .uk-subnav { display:flex; flex-wrap:wrap; margin-left:-20px; padding:0; list-style:none } .uk-subnav>* { flex:none; padding-left:20px; position:relative } .uk-subnav>*>:first-child { display:block; color:#999; font-size:.875rem; text-transform:uppercase; transition:.1s ease-in-out; transition-property:color, background-color } .uk-subnav>*>a:focus, .uk-subnav>*>a:hover { color:#666; text-decoration:none; outline:0 } .uk-subnav>.uk-active>a { color:#333 } .uk-subnav-divider>* { display:flex; align-items:center } .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { content:""; height:1.5em; margin-left:0; margin-right:20px; border-left:1px solid #e5e5e5 } .uk-subnav-pill>*>:first-child { padding:5px 10px; background:0 0; color:#999 } .uk-subnav-pill>*>a:focus, .uk-subnav-pill>*>a:hover { background-color:#f8f8f8; color:#666 } .uk-subnav-pill>*>a:active { background-color:#f8f8f8; color:#666 } .uk-subnav-pill>.uk-active>a { background-color:#1e87f0; color:#fff } .uk-subnav>.uk-disabled>a { color:#999 } .uk-breadcrumb { display:flex; flex-wrap:wrap; padding:0; list-style:none } .uk-breadcrumb>* { flex:none } .uk-breadcrumb>*>* { display:inline-block; font-size:.875rem; color:#999 } .uk-breadcrumb>*>:focus, .uk-breadcrumb>*>:hover { color:#666; text-decoration:none } .uk-breadcrumb>:last-child>* { color:#666 } .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { content:"/"; display:inline-block; margin:0 20px; font-size:.875rem; color:#999 } .uk-pagination { display:flex; flex-wrap:wrap; margin-left:-20px; padding:0; list-style:none } .uk-pagination>* { flex:none; padding-left:20px; position:relative } .uk-pagination>*>* { display:block; color:#999; transition:color .1s ease-in-out } .uk-pagination>*>:focus, .uk-pagination>*>:hover { color:#666; text-decoration:none } .uk-pagination>.uk-active>* { color:#666 } .uk-pagination>.uk-disabled>* { color:#999 } .uk-tab { display:flex; flex-wrap:wrap; margin-left:-20px; padding:0; list-style:none; position:relative } .uk-tab::before { content:""; position:absolute; bottom:0; left:20px; right:0; border-bottom:1px solid #e5e5e5 } .uk-tab>* { flex:none; padding-left:20px; position:relative } .uk-tab>*>a { display:block; text-align:center; padding:5px 10px; color:#999; border-bottom:1px solid transparent; font-size:.875rem; text-transform:uppercase; transition:color .1s ease-in-out } .uk-tab>*>a:focus, .uk-tab>*>a:hover { color:#666; text-decoration:none } .uk-tab>.uk-active>a { color:#333; border-color:#1e87f0 } .uk-tab>.uk-disabled>a { color:#999 } .uk-tab-bottom::before { top:0; bottom:auto } .uk-tab-bottom>*>a { border-top:1px solid transparent; border-bottom:none } .uk-tab-left, .uk-tab-right { flex-direction:column; margin-left:0 } .uk-tab-left>*, .uk-tab-right>* { padding-left:0 } .uk-tab-left::before { top:0; bottom:0; left:auto; right:0; border-left:1px solid #e5e5e5; border-bottom:none } .uk-tab-right::before { top:0; bottom:0; left:0; right:auto; border-left:1px solid #e5e5e5; border-bottom:none } .uk-tab-left>*>a { text-align:left; border-right:1px solid transparent; border-bottom:none } .uk-tab-right>*>a { text-align:left; border-left:1px solid transparent; border-bottom:none } .uk-tab .uk-dropdown { margin-left:30px } .uk-slidenav { padding:5px 10px; color: #06204f; transition:color .1s ease-in-out } .uk-slidenav:focus, .uk-slidenav:hover, .uk-slidenav:hover:after, .uk-slidenav:focus:after { color:#c93214; outline:0 } .uk-slidenav:active { color:rgba(102,102,102,.5) } .uk-slidenav-large { padding:10px 10px } .uk-slidenav-container { display:flex } .uk-dotnav { display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; margin-left:-12px } .uk-dotnav>* { flex:none; padding-left:12px } .uk-dotnav>*>* { display:block; box-sizing:border-box; width:10px; height:10px; border-radius:50%; background: #fff; text-indent:100%; overflow:hidden; white-space:nowrap; border:2px solid #fff !important; transition:.2s ease-in-out; transition-property:background-color, border-color } .uk-dotnav>*>:focus, .uk-dotnav>*>:hover {background-color: transparent; border-color: #c7462d; } .uk-dotnav>*>:active { background-color:rgba(102,102,102,.2); border-color:transparent } .uk-dotnav>.uk-active>* { background-color: transparent; border-color: #c7462d; } .uk-dotnav-vertical { flex-direction:column; margin-left:0; margin-top:-12px } .uk-dotnav-vertical>* { padding-left:0; padding-top:12px } .uk-thumbnav { display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; margin-left:-15px } .uk-thumbnav>* { padding-left:15px } .uk-thumbnav>*>* { display:inline-block; position:relative } .uk-thumbnav>*>::after { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,.4); transition:background-color .1s ease-in-out } .uk-thumbnav>*>:focus, .uk-thumbnav>*>:hover { outline:0 } .uk-thumbnav>*>:focus::after, .uk-thumbnav>*>:hover::after { background-color:transparent } .uk-thumbnav>.uk-active>::after { background-color:transparent } .uk-thumbnav-vertical { flex-direction:column; margin-left:0; margin-top:-15px } .uk-thumbnav-vertical>* { padding-left:0; padding-top:15px } .uk-accordion { padding:0; list-style:none } .uk-accordion>:nth-child(n+2) { margin-top:0px } .uk-accordion-title {border: none !important; display:block; font-size:1.25rem; line-height:1.4; overflow:hidden } .uk-accordion-title::before {content: '\e977'; width: 21px; height: 21px; margin-left: 10px; float: right; font-family: mimiconfont!important;} .uk-open>.uk-accordion-title::before { font-family: mimiconfont!important; content: '\e977'; transform: rotate(180deg); position: relative; top: 6px;} .uk-accordion-title:focus, .uk-accordion-title:hover { color:#666; text-decoration:none; outline:0 } .uk-accordion-content { margin-top:20px } .uk-accordion-content::after, .uk-accordion-content::before { content:""; display:table } .uk-accordion-content::after { clear:both } .uk-accordion-content>:last-child { margin-bottom:0 } .uk-drop { display:none; position:absolute; z-index:1020; box-sizing:border-box; width:300px } .uk-drop.uk-open { display:block } [class*=uk-drop-top] { margin-top:-20px } [class*=uk-drop-bottom] { margin-top:20px } [class*=uk-drop-left] { margin-left:-20px } [class*=uk-drop-right] { margin-left:20px } .uk-drop-stack .uk-drop-grid>* { width:100%!important } .uk-dropdown { display:none; position:absolute; z-index:1020; box-sizing:border-box; min-width:200px; padding:25px; background:#fff; color:#666; box-shadow:0 3px 30px rgb(27 29 31 / 25%) } .uk-dropdown.uk-open { display:block } .uk-dropdown-nav { white-space:nowrap; font-size:.875rem } .uk-dropdown-nav>li>a { color:#999 } .uk-dropdown-nav>li.uk-active>a, .uk-dropdown-nav>li>a:focus, .uk-dropdown-nav>li>a:hover { color:#666 } .uk-dropdown-nav .uk-nav-header { color:#333 } .uk-dropdown-nav .uk-nav-divider { border-top:1px solid #e5e5e5 } .uk-dropdown-nav .uk-nav-sub a { color:#999 } .uk-dropdown-nav .uk-nav-sub a:focus, .uk-dropdown-nav .uk-nav-sub a:hover, .uk-dropdown-nav .uk-nav-sub li.uk-active>a { color:#666 } [class*=uk-dropdown-top] { margin-top:-10px } [class*=uk-dropdown-bottom] { margin-top:10px } [class*=uk-dropdown-left] { margin-left:-10px } [class*=uk-dropdown-right] { margin-left:10px } .uk-dropdown-stack .uk-dropdown-grid>* { width:100%!important } .uk-modal { display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1010; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:15px 15px; background:rgba(0,0,0,.8); opacity:0; transition:opacity .15s linear } @media (min-width:640px) { .uk-modal { padding:50px 30px } } @media (min-width:960px) { .uk-modal { padding-left:40px; padding-right:40px } } .uk-modal.uk-open { opacity:1 } .uk-modal-page { overflow:hidden } .uk-modal-dialog { position:relative; box-sizing:border-box; margin:0 auto; width:600px; max-width:calc(100% - .01px)!important; background:#fff; opacity:0; transform:translateY(-100px); transition:.3s linear; transition-property:opacity, transform } .uk-open>.uk-modal-dialog { opacity:1; transform:translateY(0) } .uk-modal-container .uk-modal-dialog { width:1200px } .uk-modal-full { padding:0; background:0 0 } .uk-modal-full .uk-modal-dialog { margin:0; width:100%; max-width:100%; transform:translateY(0) } .uk-modal-body { padding:30px 30px } .uk-modal-header { padding:0 20px 0 80px; background:#fff; border-bottom:1px solid #15243f } .uk-modal-footer { padding:15px 30px; background:#fff; border-top:1px solid #e5e5e5 } .uk-modal-body::after, .uk-modal-body::before, .uk-modal-footer::after, .uk-modal-footer::before, .uk-modal-header::after, .uk-modal-header::before { content:""; display:table } .uk-modal-body::after, .uk-modal-footer::after, .uk-modal-header::after { clear:both } .uk-modal-body>:last-child, .uk-modal-footer>:last-child, .uk-modal-header>:last-child { margin-bottom:0 } .uk-modal-title { font-size:2rem; line-height:1.3 } [class*=uk-modal-close-] { position:absolute; z-index:1010; top:25px; right:20px; padding:5px } [class*=uk-modal-close-]:first-child+* { margin-top:0 } .uk-modal-close-outside { top:0; right:-5px; transform:translate(0, -100%); color:#fff } .uk-modal-close-outside:hover { color:#fff } @media (min-width:960px) { .uk-modal-close-outside { right:0; transform:translate(100%, -100%) } } .uk-modal-close-full { top:0; left:0; padding:15px; background:#d7391d; color:#fff;width:50px; } .uk-modal-close-full svg {fill:#fff;} .uk-lightbox { display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:1010; background:rgb(0 0 0 / 90%); opacity:0; transition:opacity .15s linear } .uk-lightbox.uk-open { display:block; opacity:1 } .uk-lightbox-page { overflow:hidden } .uk-lightbox-items>* { position:absolute; top:0; right:0; bottom:0; left:0; display:none; justify-content:center; align-items:center; color:rgba(255,255,255,.7); will-change:transform, opacity } .uk-lightbox-items>*>* { max-width:100vw; max-height:100vh } .uk-lightbox-items>:focus { outline:0 } .uk-lightbox-items>*>:not(iframe) { width:auto; height:auto } .uk-lightbox-items>.uk-active { display:flex } .uk-lightbox-toolbar { padding:10px 10px; background:rgba(0,0,0,.3); color:rgba(255,255,255,.7) } .uk-lightbox-toolbar>* { color:rgba(255,255,255,.7) } .uk-lightbox-toolbar-icon { padding:5px; color:rgba(255,255,255,.7) } .uk-lightbox-toolbar-icon:hover { color:#fff } .uk-lightbox-button { box-sizing:border-box; width:50px; height:50px; background:rgba(0,0,0,.3); color:rgba(255,255,255,.7); display:inline-flex; justify-content:center; align-items:center } .uk-lightbox-button:hover { color:#fff } .uk-lightbox-iframe { width:80%; height:80% } .uk-slideshow { -webkit-tap-highlight-color:transparent } .uk-slideshow-items { position:relative; z-index:0; margin:0; padding:0; list-style:none; overflow:hidden; -webkit-touch-callout:none } .uk-slideshow-items>* { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; will-change:transform, opacity; touch-action:pan-y } .uk-slideshow-items>:focus { outline:0 } .uk-slideshow-items>:not(.uk-active) { display:none } .uk-slider { -webkit-tap-highlight-color:transparent } .uk-slider-container { overflow:hidden } .uk-slider-items { will-change:transform; position:relative } .uk-slider-items:not(.uk-grid) { display:flex; margin:0; padding:0; list-style:none; -webkit-touch-callout:none } .uk-slider-items.uk-grid { flex-wrap:nowrap } .uk-slider-items>* { flex:none; position:relative; touch-action:pan-y } .uk-slider-items>:focus { outline:0 } .uk-sticky-fixed { z-index:980; box-sizing:border-box; margin:0!important; -webkit-backface-visibility:hidden; backface-visibility:hidden } .uk-sticky[class*=uk-animation-] { animation-duration:.2s } .uk-sticky.uk-animation-reverse { animation-duration:.2s } .uk-offcanvas { display:none; position:fixed; top:0; bottom:0; left:0; z-index:1; } .uk-offcanvas-flip .uk-offcanvas { right:0; left:auto } .uk-offcanvas-bar { position:absolute; top:0; bottom:0; left:-270px; box-sizing:border-box; width:270px; padding:80px 20px 20px 20px; background:#f7f7f4; overflow-y:auto; -webkit-overflow-scrolling:touch } @media (min-width:960px) { .uk-offcanvas-bar { left:-350px; width:350px; padding:40px 40px } } .uk-offcanvas-flip .uk-offcanvas-bar { left:auto; right:-270px } @media (min-width:960px) { .uk-offcanvas-flip .uk-offcanvas-bar { right:-350px } } .uk-open>.uk-offcanvas-bar { left:0 } .uk-offcanvas-flip .uk-open>.uk-offcanvas-bar { left:auto; right:0 } .uk-offcanvas-bar-animation { transition:left .3s ease-out } .uk-offcanvas-flip .uk-offcanvas-bar-animation { transition-property:right } .uk-offcanvas-reveal { position:absolute; top:0; bottom:0; left:0; width:0; overflow:hidden; transition:width .3s ease-out } .uk-offcanvas-reveal .uk-offcanvas-bar { left:0 } .uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { left:auto; right:0 } .uk-open>.uk-offcanvas-reveal { width:270px } @media (min-width:960px) { .uk-open>.uk-offcanvas-reveal { width:350px } } .uk-offcanvas-flip .uk-offcanvas-reveal { right:0; left:auto } .uk-offcanvas-close { position:absolute; z-index:1000; top:20px; right:20px; padding:5px; color: #c93214 } .uk-offcanvas-overlay { width:100vw; touch-action:none } .uk-offcanvas-overlay::before { content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.1); opacity:0; transition:opacity .15s linear } .uk-offcanvas-overlay.uk-open::before { opacity:1 } .uk-offcanvas-container, .uk-offcanvas-page { /*overflow-x:hidden*/; overflow:hidden; } .uk-offcanvas-container { position:relative; left:0; transition:left .3s ease-out; box-sizing:border-box; width:100% } :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left:270px } .uk-offcanvas-flip.uk-offcanvas-container-animation { left:-270px } @media (min-width:960px) { :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left:350px } .uk-offcanvas-flip.uk-offcanvas-container-animation { left:-350px } } .uk-switcher { margin:0; padding:0; list-style:none } .uk-switcher>:not(.uk-active) { display:none } .uk-switcher>*>:last-child { margin-bottom:0 } .uk-leader { overflow:hidden } .uk-leader-fill::after { display:inline-block; margin-left:15px; width:0; content:attr(data-fill); white-space:nowrap } .uk-leader-fill.uk-leader-hide::after { display:none } .uk-leader-fill-content::before { content:'.' } /*:root { --uk-leader-fill-content:.}*/ .uk-iconnav { display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; margin-left:-10px } .uk-iconnav>* { padding-left:10px } .uk-iconnav>*>a { display:block; color:#999 } .uk-iconnav>*>a:focus, .uk-iconnav>*>a:hover { color:#666; outline:0 } .uk-iconnav>.uk-active>a { color:#666 } .uk-iconnav-vertical { flex-direction:column; margin-left:0; margin-top:-10px } .uk-iconnav-vertical>* { padding-left:0; padding-top:10px } .uk-notification { position:fixed; top:10px; left:10px; z-index:1040; box-sizing:border-box; width:350px } .uk-notification-bottom-right, .uk-notification-top-right { left:auto; right:10px } .uk-notification-bottom-center, .uk-notification-top-center { left:50%; margin-left:-175px } .uk-notification-bottom-center, .uk-notification-bottom-left, .uk-notification-bottom-right { top:auto; bottom:10px } @media (max-width:639px) { .uk-notification { left:10px; right:10px; width:auto; margin:0 } } .uk-notification-message { position:relative; padding:15px; background:#f8f8f8; color:#666; font-size:1.25rem; line-height:1.4; cursor:pointer } *+.uk-notification-message { margin-top:10px } .uk-notification-close { display:none; position:absolute; top:20px; right:15px } .uk-notification-message:hover .uk-notification-close { display:block } .uk-notification-message-primary { color:#1e87f0 } .uk-notification-message-success { color:#32d296 } .uk-notification-message-warning { color:#faa05a } .uk-notification-message-danger { color:#f0506e } .uk-tooltip { display:none; position:absolute; z-index:1030; box-sizing:border-box; max-width:200px; padding:3px 6px; background:#ffffff; border-radius:2px; color:#242f2c; font-size:12px } .uk-tooltip.uk-active { display:block } [class*=uk-tooltip-top] { margin-top:-10px } [class*=uk-tooltip-bottom] { margin-top:10px } [class*=uk-tooltip-left] { margin-left:-10px } [class*=uk-tooltip-right] { margin-left:10px } .uk-placeholder { margin-bottom:20px; padding:30px 30px; background:0 0; border:1px dashed #e5e5e5 } *+.uk-placeholder { margin-top:20px } .uk-placeholder>:last-child { margin-bottom:0 } .uk-progress { vertical-align:baseline; -webkit-appearance:none; -moz-appearance:none; display:block; width:100%; border:0; background-color:#f8f8f8; margin-bottom:20px; height:15px; border-radius:500px; overflow:hidden } *+.uk-progress { margin-top:20px } .uk-progress:indeterminate { color:transparent } .uk-progress::-webkit-progress-bar { background-color:#f8f8f8; border-radius:500px; overflow:hidden } .uk-progress:indeterminate::-moz-progress-bar { width:0 } .uk-progress::-webkit-progress-value { background-color:#1e87f0; transition:width .6s ease } .uk-progress::-moz-progress-bar { background-color:#1e87f0 } .uk-progress::-ms-fill { background-color:#1e87f0; transition:width .6s ease; border:0 } .uk-sortable { position:relative } .uk-sortable svg { pointer-events:none } .uk-sortable>:last-child { margin-bottom:0 } .uk-sortable-drag { position:absolute!important; z-index:1050!important; pointer-events:none } .uk-sortable-placeholder { opacity:0; pointer-events:none } .uk-sortable-empty { min-height:50px } .uk-sortable-handle:hover { cursor:move } .uk-countdown-number { font-size:2rem; line-height:.8 } @media (min-width:640px) { .uk-countdown-number { font-size:4rem } } @media (min-width:960px) { .uk-countdown-number { font-size:6rem } } .uk-countdown-separator { font-size:1rem; line-height:1.6 } @media (min-width:640px) { .uk-countdown-separator { font-size:2rem } } @media (min-width:960px) { .uk-countdown-separator { font-size:3rem } } [class*=uk-animation-] { animation-duration:.5s; animation-timing-function:ease-out; animation-fill-mode:both } .uk-animation-fade { animation-name:uk-fade; animation-duration:.8s; animation-timing-function:linear } .uk-animation-scale-up { animation-name:uk-fade-scale-02 } .uk-animation-scale-down { animation-name:uk-fade-scale-18 } .uk-animation-slide-top { animation-name:uk-fade-top } .uk-animation-slide-bottom { animation-name:uk-fade-bottom } .uk-animation-slide-left { animation-name:uk-fade-left } .uk-animation-slide-right { animation-name:uk-fade-right } .uk-animation-slide-top-small { animation-name:uk-fade-top-small } .uk-animation-slide-bottom-small { animation-name:uk-fade-bottom-small } .uk-animation-slide-left-small { animation-name:uk-fade-left-small } .uk-animation-slide-right-small { animation-name:uk-fade-right-small } .uk-animation-slide-top-medium { animation-name:uk-fade-top-medium } .uk-animation-slide-bottom-medium { animation-name:uk-fade-bottom-medium } .uk-animation-slide-left-medium { animation-name:uk-fade-left-medium } .uk-animation-slide-right-medium { animation-name:uk-fade-right-medium } .uk-animation-kenburns { animation-name:uk-scale-kenburns; animation-duration:15s } .uk-animation-shake { animation-name:uk-shake } .uk-animation-stroke { animation-name:uk-stroke; stroke-dasharray:var(--uk-animation-stroke); animation-duration:2s } .uk-animation-reverse { animation-direction:reverse; animation-timing-function:ease-in } .uk-animation-fast { animation-duration:.1s } .uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-] { animation-name:none } .uk-animation-toggle { -webkit-tap-highlight-color:transparent } .uk-animation-toggle:focus { outline:0 } @keyframes uk-fade { 0% { opacity:0 } 100% { opacity:1 } } @keyframes uk-fade-top { 0% { opacity:0; transform:translateY(-100%) } 100% { opacity:1; transform:translateY(0) } } @keyframes uk-fade-bottom { 0% { opacity:0; transform:translateY(100%) } 100% { opacity:1; transform:translateY(0) } } @keyframes uk-fade-left { 0% { opacity:0; transform:translateX(-100%) } 100% { opacity:1; transform:translateX(0) } } @keyframes uk-fade-right { 0% { opacity:0; transform:translateX(100%) } 100% { opacity:1; transform:translateX(0) } } @keyframes uk-fade-top-small { 0% { opacity:0; transform:translateY(-10px) } 100% { opacity:1; transform:translateY(0) } } @keyframes uk-fade-bottom-small { 0% { opacity:0; transform:translateY(10px) } 100% { opacity:1; transform:translateY(0) } } @keyframes uk-fade-left-small { 0% { opacity:0; transform:translateX(-10px) } 100% { opacity:1; transform:translateX(0) } } @keyframes uk-fade-right-small { 0% { opacity:0; transform:translateX(10px) } 100% { opacity:1; transform:translateX(0) } } @keyframes uk-fade-top-medium { 0% { opacity:0; transform:translateY(-50px) } 100% { opacity:1; transform:translateY(0) } } @keyframes uk-fade-bottom-medium { 0% { opacity:0; transform:translateY(50px) } 100% { opacity:1; transform:translateY(0) } } @keyframes uk-fade-left-medium { 0% { opacity:0; transform:translateX(-50px) } 100% { opacity:1; transform:translateX(0) } } @keyframes uk-fade-right-medium { 0% { opacity:0; transform:translateX(50px) } 100% { opacity:1; transform:translateX(0) } } @keyframes uk-fade-scale-02 { 0% { opacity:0; transform:scale(.2) } 100% { opacity:1; transform:scale(1) } } @keyframes uk-fade-scale-18 { 0% { opacity:0; transform:scale(1.8) } 100% { opacity:1; transform:scale(1) } } @keyframes uk-scale-kenburns { 0% { transform:scale(1) } 100% { transform:scale(1.2) } } @keyframes uk-shake { 0%, 100% { transform:translateX(0) } 10% { transform:translateX(-9px) } 20% { transform:translateX(8px) } 30% { transform:translateX(-7px) } 40% { transform:translateX(6px) } 50% { transform:translateX(-5px) } 60% { transform:translateX(4px) } 70% { transform:translateX(-3px) } 80% { transform:translateX(2px) } 90% { transform:translateX(-1px) } } @keyframes uk-stroke { 0% { stroke-dashoffset:var(--uk-animation-stroke) } 100% { stroke-dashoffset:0 } } [class*=uk-child-width]>* { box-sizing:border-box; width:100% } .uk-child-width-1-2>* { width:50% } .uk-child-width-1-3>* { width:calc(100% * 1 / 3.001) } .uk-child-width-1-4>* { width:25% } .uk-child-width-1-5>* { width:20% } .uk-child-width-1-6>* { width:calc(100% * 1 / 6.001) } .uk-child-width-auto>* { width:auto } .uk-child-width-expand>:not([class*=uk-width]) { flex:1; min-width:1px } @media (min-width:640px) { .uk-child-width-1-1\@s>* { width:100% } .uk-child-width-1-2\@s>* { width:50% } .uk-child-width-1-3\@s>* { width:calc(100% * 1 / 3.001) } .uk-child-width-1-4\@s>* { width:25% } .uk-child-width-1-5\@s>* { width:20% } .uk-child-width-1-6\@s>* { width:calc(100% * 1 / 6.001) } .uk-child-width-auto\@s>* { width:auto } .uk-child-width-expand\@s>:not([class*=uk-width]) { flex:1; min-width:1px } } @media (min-width:960px) { .uk-child-width-1-1\@m>* { width:100% } .uk-child-width-1-2\@m>* { width:50% } .uk-child-width-1-3\@m>* { width:calc(100% * 1 / 3.001) } .uk-child-width-1-4\@m>* { width:25% } .uk-child-width-1-5\@m>* { width:20% } .uk-child-width-1-6\@m>* { width:calc(100% * 1 / 6.001) } .uk-child-width-auto\@m>* { width:auto } .uk-child-width-expand\@m>:not([class*=uk-width]) { flex:1; min-width:1px } } @media (min-width:1200px) { .uk-child-width-1-1\@l>* { width:100% } .uk-child-width-1-2\@l>* { width:50% } .uk-child-width-1-3\@l>* { width:calc(100% * 1 / 3.001) } .uk-child-width-1-4\@l>* { width:25% } .uk-child-width-1-5\@l>* { width:20% } .uk-child-width-1-6\@l>* { width:calc(100% * 1 / 6.001) } .uk-child-width-auto\@l>* { width:auto } .uk-child-width-expand\@l>:not([class*=uk-width]) { flex:1; min-width:1px } } @media (min-width:1600px) { .uk-child-width-1-1\@xl>* { width:100% } .uk-child-width-1-2\@xl>* { width:50% } .uk-child-width-1-3\@xl>* { width:calc(100% * 1 / 3.001) } .uk-child-width-1-4\@xl>* { width:25% } .uk-child-width-1-5\@xl>* { width:20% } .uk-child-width-1-6\@xl>* { width:calc(100% * 1 / 6.001) } .uk-child-width-auto\@xl>* { width:auto } .uk-child-width-expand\@xl>:not([class*=uk-width]) { flex:1; min-width:1px } } [class*=uk-width] { box-sizing:border-box; width:100%; max-width:100% } .uk-width-1-2 { width:50% } .uk-width-1-3 { width:calc(100% * 1 / 3.001) } .uk-width-2-3 { width:calc(100% * 2 / 3.001) } .uk-width-1-4 { width:25% } .uk-width-3-4 { width:75% } .uk-width-1-5 { width:20% } .uk-width-2-5 { width:40% } .uk-width-3-5 { width:60% } .uk-width-4-5 { width:80% } .uk-width-1-6 { width:calc(100% * 1 / 6.001) } .uk-width-5-6 { width:calc(100% * 5 / 6.001) } .uk-width-small { width:150px } .uk-width-medium { width:300px } .uk-width-large { width:450px } .uk-width-xlarge { width:600px } .uk-width-xxlarge { width:750px } .uk-width-auto { width:auto } .uk-width-expand { flex:1; min-width:1px } @media (min-width:640px) { .uk-width-1-1\@s { width:100% } .uk-width-1-2\@s { width:50% } .uk-width-1-3\@s { width:calc(100% * 1 / 3.001) } .uk-width-2-3\@s { width:calc(100% * 2 / 3.001) } .uk-width-1-4\@s { width:25% } .uk-width-3-4\@s { width:75% } .uk-width-1-5\@s { width:20% } .uk-width-2-5\@s { width:40% } .uk-width-3-5\@s { width:60% } .uk-width-4-5\@s { width:80% } .uk-width-1-6\@s { width:calc(100% * 1 / 6.001) } .uk-width-5-6\@s { width:calc(100% * 5 / 6.001) } .uk-width-small\@s { width:150px } .uk-width-medium\@s { width:300px } .uk-width-large\@s { width:450px } .uk-width-xlarge\@s { width:600px } .uk-width-xxlarge\@s { width:750px } .uk-width-auto\@s { width:auto } .uk-width-expand\@s { flex:1; min-width:1px } } @media (min-width:960px) { .uk-width-1-1\@m { width:100% } .uk-width-1-2\@m { width:50% } .uk-width-1-3\@m { width:calc(100% * 1 / 3.001) } .uk-width-2-3\@m { width:calc(100% * 2 / 3.001) } .uk-width-1-4\@m { width:25% } .uk-width-3-4\@m { width:75% } .uk-width-1-5\@m { width:20% } .uk-width-2-5\@m { width:40% } .uk-width-3-5\@m { width:60% } .uk-width-4-5\@m { width:80% } .uk-width-1-6\@m { width:calc(100% * 1 / 6.001) } .uk-width-5-6\@m { width:calc(100% * 5 / 6.001) } .uk-width-small\@m { width:150px } .uk-width-medium\@m { width:300px } .uk-width-large\@m { width:450px } .uk-width-xlarge\@m { width:600px } .uk-width-xxlarge\@m { width:750px } .uk-width-auto\@m { width:auto } .uk-width-expand\@m { flex:1; min-width:1px } } @media (min-width:1200px) { .uk-width-1-1\@l { width:100% } .uk-width-1-2\@l { width:50% } .uk-width-1-3\@l { width:calc(100% * 1 / 3.001) } .uk-width-2-3\@l { width:calc(100% * 2 / 3.001) } .uk-width-1-4\@l { width:25% } .uk-width-3-4\@l { width:75% } .uk-width-1-5\@l { width:20% } .uk-width-2-5\@l { width:40% } .uk-width-3-5\@l { width:60% } .uk-width-4-5\@l { width:80% } .uk-width-1-6\@l { width:calc(100% * 1 / 6.001) } .uk-width-5-6\@l { width:calc(100% * 5 / 6.001) } .uk-width-small\@l { width:150px } .uk-width-medium\@l { width:300px } .uk-width-large\@l { width:450px } .uk-width-xlarge\@l { width:600px } .uk-width-xxlarge\@l { width:750px } .uk-width-auto\@l { width:auto } .uk-width-expand\@l { flex:1; min-width:1px } } @media (min-width:1600px) { .uk-width-1-1\@xl { width:100% } .uk-width-1-2\@xl { width:50% } .uk-width-1-3\@xl { width:calc(100% * 1 / 3.001) } .uk-width-2-3\@xl { width:calc(100% * 2 / 3.001) } .uk-width-1-4\@xl { width:25% } .uk-width-3-4\@xl { width:75% } .uk-width-1-5\@xl { width:20% } .uk-width-2-5\@xl { width:40% } .uk-width-3-5\@xl { width:60% } .uk-width-4-5\@xl { width:80% } .uk-width-1-6\@xl { width:calc(100% * 1 / 6.001) } .uk-width-5-6\@xl { width:calc(100% * 5 / 6.001) } .uk-width-small\@xl { width:150px } .uk-width-medium\@xl { width:300px } .uk-width-large\@xl { width:450px } .uk-width-xlarge\@xl { width:600px } .uk-width-xxlarge\@xl { width:750px } .uk-width-auto\@xl { width:auto } .uk-width-expand\@xl { flex:1; min-width:1px } } [class*=uk-height] { box-sizing:border-box } .uk-height-1-1 { height:100% } .uk-height-viewport { min-height:100vh } .uk-height-small { height:150px } .uk-height-medium { height:300px } .uk-height-large { height:450px } .uk-height-max-small { max-height:150px } .uk-height-max-medium { max-height:300px } .uk-height-max-large { max-height:450px } .uk-text-lead { font-size:1.5rem; line-height:1.5; color:#333 } .uk-text-meta { font-size:.875rem; line-height:1.4; color:#999 } .uk-text-meta a { color:#999 } .uk-text-meta a:hover { color:#666; text-decoration:none } .uk-text-small { font-size:.875rem; line-height:1.5 } .uk-text-large { font-size:1.5rem; line-height:1.5 } .uk-text-light { font-weight:300 } .uk-text-normal { font-weight:400 } .uk-text-bold { font-weight:700 } .uk-text-lighter { font-weight:lighter } .uk-text-bolder { font-weight:bolder } .uk-text-italic { font-style:italic } .uk-text-capitalize { text-transform:capitalize!important } .uk-text-uppercase { text-transform:uppercase!important } .uk-text-lowercase { text-transform:lowercase!important } .uk-text-muted { color:#999!important } .uk-text-emphasis { color:#333!important } .uk-text-primary { color:#1e87f0!important } .uk-text-secondary { color:#222!important } .uk-text-success { color:#32d296!important } .uk-text-warning { color:#faa05a!important } .uk-text-danger { color:#f0506e!important } .uk-text-background { -webkit-background-clip:text; -webkit-text-fill-color:transparent; display:inline-block; color:#1e87f0!important } @supports (-webkit-background-clip:text) { .uk-text-background { background-color:#1e87f0 } } .uk-text-left { text-align:left!important } .uk-text-right { text-align:right!important } .uk-text-center { text-align:center!important } .uk-text-justify { text-align:justify!important } @media (min-width:640px) { .uk-text-left\@s { text-align:left!important } .uk-text-right\@s { text-align:right!important } .uk-text-center\@s { text-align:center!important } } @media (min-width:960px) { .uk-text-left\@m { text-align:left!important } .uk-text-right\@m { text-align:right!important } .uk-text-center\@m { text-align:center!important } } @media (min-width:1200px) { .uk-text-left\@l { text-align:left!important } .uk-text-right\@l { text-align:right!important } .uk-text-center\@l { text-align:center!important } } @media (min-width:1600px) { .uk-text-left\@xl { text-align:left!important } .uk-text-right\@xl { text-align:right!important } .uk-text-center\@xl { text-align:center!important } } .uk-text-top { vertical-align:top!important } .uk-text-middle { vertical-align:middle!important } .uk-text-bottom { vertical-align:bottom!important } .uk-text-baseline { vertical-align:baseline!important } .uk-text-nowrap { white-space:nowrap } .uk-text-truncate { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } td.uk-text-truncate, th.uk-text-truncate { max-width:0 } .uk-text-break { overflow-wrap:break-word; word-wrap:break-word } td.uk-text-break, th.uk-text-break { word-break:break-all } [class*=uk-column-] { column-gap:30px } @media (min-width:1200px) { [class*=uk-column-] { column-gap:40px } } [class*=uk-column-] img { transform:translate3d(0, 0, 0) } .uk-column-divider { column-rule:1px solid #e5e5e5; column-gap:60px } @media (min-width:1200px) { .uk-column-divider { column-gap:80px } } .uk-column-1-2 { column-count:2 } .uk-column-1-3 { column-count:3 } .uk-column-1-4 { column-count:4 } .uk-column-1-5 { column-count:5 } .uk-column-1-6 { column-count:6 } @media (min-width:640px) { .uk-column-1-2\@s { column-count:2 } .uk-column-1-3\@s { column-count:3 } .uk-column-1-4\@s { column-count:4 } .uk-column-1-5\@s { column-count:5 } .uk-column-1-6\@s { column-count:6 } } @media (min-width:960px) { .uk-column-1-2\@m { column-count:2 } .uk-column-1-3\@m { column-count:3 } .uk-column-1-4\@m { column-count:4 } .uk-column-1-5\@m { column-count:5 } .uk-column-1-6\@m { column-count:6 } } @media (min-width:1200px) { .uk-column-1-2\@l { column-count:2 } .uk-column-1-3\@l { column-count:3 } .uk-column-1-4\@l { column-count:4 } .uk-column-1-5\@l { column-count:5 } .uk-column-1-6\@l { column-count:6 } } @media (min-width:1600px) { .uk-column-1-2\@xl { column-count:2 } .uk-column-1-3\@xl { column-count:3 } .uk-column-1-4\@xl { column-count:4 } .uk-column-1-5\@xl { column-count:5 } .uk-column-1-6\@xl { column-count:6 } } .uk-column-span { column-span:all } .uk-cover { max-width:none; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) } iframe.uk-cover { pointer-events:none } .uk-cover-container { overflow:hidden; position:relative } .uk-background-default { background-color:#fff } .uk-background-muted { background-color:#f8f8f8 } .uk-background-primary { background-color:#1e87f0 } .uk-background-secondary { background-color:#222 } .uk-background-contain, .uk-background-cover { background-position:50% 50%; background-repeat:no-repeat } .uk-background-cover { background-size:cover } .uk-background-contain { background-size:contain } .uk-background-top-left { background-position:0 0 } .uk-background-top-center { background-position:50% 0 } .uk-background-top-right { background-position:100% 0 } .uk-background-center-left { background-position:0 50% } .uk-background-center-center { background-position:50% 50% } .uk-background-center-right { background-position:100% 50% } .uk-background-bottom-left { background-position:0 100% } .uk-background-bottom-center { background-position:50% 100% } .uk-background-bottom-right { background-position:100% 100% } .uk-background-norepeat { background-repeat:no-repeat } .uk-background-fixed { background-attachment:fixed; backface-visibility:hidden } @media (pointer:coarse) { .uk-background-fixed { background-attachment:scroll } } @media (max-width:639px) { .uk-background-image\@s { background-image:none!important } } @media (max-width:959px) { .uk-background-image\@m { background-image:none!important } } @media (max-width:1199px) { .uk-background-image\@l { background-image:none!important } } @media (max-width:1599px) { .uk-background-image\@xl { background-image:none!important } } .uk-background-blend-multiply { background-blend-mode:multiply } .uk-background-blend-screen { background-blend-mode:screen } .uk-background-blend-overlay { background-blend-mode:overlay } .uk-background-blend-darken { background-blend-mode:darken } .uk-background-blend-lighten { background-blend-mode:lighten } .uk-background-blend-color-dodge { background-blend-mode:color-dodge } .uk-background-blend-color-burn { background-blend-mode:color-burn } .uk-background-blend-hard-light { background-blend-mode:hard-light } .uk-background-blend-soft-light { background-blend-mode:soft-light } .uk-background-blend-difference { background-blend-mode:difference } .uk-background-blend-exclusion { background-blend-mode:exclusion } .uk-background-blend-hue { background-blend-mode:hue } .uk-background-blend-saturation { background-blend-mode:saturation } .uk-background-blend-color { background-blend-mode:color } .uk-background-blend-luminosity { background-blend-mode:luminosity } [class*=uk-align] { display:block; margin-bottom:30px } *+[class*=uk-align] { margin-top:30px } .uk-align-center { margin-left:auto; margin-right:auto } .uk-align-left { margin-top:0; margin-right:30px; float:left } .uk-align-right { margin-top:0; margin-left:30px; float:right } @media (min-width:640px) { .uk-align-left\@s { margin-top:0; margin-right:30px; float:left } .uk-align-right\@s { margin-top:0; margin-left:30px; float:right } } @media (min-width:960px) { .uk-align-left\@m { margin-top:0; margin-right:30px; float:left } .uk-align-right\@m { margin-top:0; margin-left:30px; float:right } } @media (min-width:1200px) { .uk-align-left\@l { margin-top:0; float:left } .uk-align-right\@l { margin-top:0; float:right } .uk-align-left, .uk-align-left\@l, .uk-align-left\@m, .uk-align-left\@s { margin-right:40px } .uk-align-right, .uk-align-right\@l, .uk-align-right\@m, .uk-align-right\@s { margin-left:40px } } @media (min-width:1600px) { .uk-align-left\@xl { margin-top:0; margin-right:40px; float:left } .uk-align-right\@xl { margin-top:0; margin-left:40px; float:right } } .uk-svg, .uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { fill:currentcolor } .uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { stroke:currentcolor } .uk-svg { transform:translate(0, 0) } .uk-panel { position:relative; box-sizing:border-box } .uk-panel::after, .uk-panel::before { content:""; display:table } .uk-panel::after { clear:both } /*.uk-panel>:last-child { margin-bottom:0 }*/ .uk-panel-scrollable { height:170px; padding:10px; border:1px solid #e5e5e5; overflow:auto; -webkit-overflow-scrolling:touch; resize:both } .uk-clearfix::before { content:""; display:table-cell } .uk-clearfix::after { content:""; display:table; clear:both } .uk-float-left { float:left } .uk-float-right { float:right } [class*=uk-float-] { max-width:100% } .uk-overflow-hidden { overflow:hidden } .uk-overflow-auto { overflow:auto; -webkit-overflow-scrolling:touch } .uk-overflow-auto>:last-child { margin-bottom:0 } .uk-resize { resize:both } .uk-resize-vertical { resize:vertical } .uk-display-block { display:block!important } .uk-display-inline { display:inline!important } .uk-display-inline-block { display:inline-block!important } [class*=uk-inline] { display:inline-block; position:relative; max-width:100%; vertical-align:middle; -webkit-backface-visibility:hidden } .uk-inline-clip { overflow:hidden } .uk-preserve-width, .uk-preserve-width canvas, .uk-preserve-width img, .uk-preserve-width svg, .uk-preserve-width video { max-width:none } .uk-responsive-height, .uk-responsive-width { box-sizing:border-box } .uk-responsive-width { max-width:100%!important; height:auto } .uk-responsive-height { max-height:100%; width:auto; max-width:none } .uk-border-circle { border-radius:50% } .uk-border-pill { border-radius:500px } .uk-border-rounded { border-radius:5px } .uk-inline-clip[class*=uk-border-] { -webkit-transform:translateZ(0) } .uk-box-shadow-small { box-shadow:0 2px 8px rgba(0,0,0,.08) } .uk-box-shadow-medium { box-shadow:0 5px 15px rgba(0,0,0,.08) } .uk-box-shadow-large { box-shadow:0 14px 25px rgba(0,0,0,.16) } .uk-box-shadow-xlarge { box-shadow:0 28px 50px rgba(0,0,0,.16) } [class*=uk-box-shadow-hover] { transition:box-shadow .1s ease-in-out } .uk-box-shadow-hover-small:hover { box-shadow:0 2px 8px rgba(0,0,0,.08) } .uk-box-shadow-hover-medium:hover { box-shadow:0 5px 15px rgba(0,0,0,.08) } .uk-box-shadow-hover-large:hover { box-shadow:0 14px 25px rgba(0,0,0,.16) } .uk-box-shadow-hover-xlarge:hover { box-shadow:0 28px 50px rgba(0,0,0,.16) } @supports (filter:blur(0)) { .uk-box-shadow-bottom { display:inline-block; position:relative; max-width:100%; vertical-align:middle } .uk-box-shadow-bottom::before { content:''; position:absolute; bottom:-30px; left:0; right:0; height:30px; border-radius:100%; background:#444; filter:blur(20px) } .uk-box-shadow-bottom>* { position:relative } } .uk-dropcap::first-letter, .uk-dropcap>p:first-of-type::first-letter { display:block; margin-right:10px; float:left; font-size:4.5em; line-height:1; margin-bottom:-2px } @-moz-document url-prefix() { .uk-dropcap::first-letter, .uk-dropcap>p:first-of-type::first-letter { margin-top:1.1% } } @supports (-ms-ime-align:auto) { .uk-dropcap>p:first-of-type::first-letter { font-size:1em } } .uk-logo { font-size:1.5rem; color:#666; text-decoration:none } .uk-logo:focus, .uk-logo:hover { color:#666; outline:0; text-decoration:none } .uk-logo-inverse { display:none } .uk-disabled { pointer-events:none } .uk-drag, .uk-drag * { cursor:move } .uk-drag iframe { pointer-events:none } .uk-dragover { box-shadow:0 0 20px rgba(100,100,100,.3) } .uk-blend-multiply { mix-blend-mode:multiply } .uk-blend-screen { mix-blend-mode:screen } .uk-blend-overlay { mix-blend-mode:overlay } .uk-blend-darken { mix-blend-mode:darken } .uk-blend-lighten { mix-blend-mode:lighten } .uk-blend-color-dodge { mix-blend-mode:color-dodge } .uk-blend-color-burn { mix-blend-mode:color-burn } .uk-blend-hard-light { mix-blend-mode:hard-light } .uk-blend-soft-light { mix-blend-mode:soft-light } .uk-blend-difference { mix-blend-mode:difference } .uk-blend-exclusion { mix-blend-mode:exclusion } .uk-blend-hue { mix-blend-mode:hue } .uk-blend-saturation { mix-blend-mode:saturation } .uk-blend-color { mix-blend-mode:color } .uk-blend-luminosity { mix-blend-mode:luminosity } .uk-transform-center { transform:translate(-50%, -50%) } .uk-transform-origin-top-left { transform-origin:0 0 } .uk-transform-origin-top-center { transform-origin:50% 0 } .uk-transform-origin-top-right { transform-origin:100% 0 } .uk-transform-origin-center-left { transform-origin:0 50% } .uk-transform-origin-center-right { transform-origin:100% 50% } .uk-transform-origin-bottom-left { transform-origin:0 100% } .uk-transform-origin-bottom-center { transform-origin:50% 100% } .uk-transform-origin-bottom-right { transform-origin:100% 100% } .uk-flex { display:flex } .uk-flex-inline { display:inline-flex } .uk-flex-inline::after, .uk-flex-inline::before, .uk-flex::after, .uk-flex::before { display:none } .uk-flex-left { justify-content:flex-start } .uk-flex-center { justify-content:center } .uk-flex-right { justify-content:flex-end } .uk-flex-between { justify-content:space-between } .uk-flex-around { justify-content:space-around } @media (min-width:640px) { .uk-flex-left\@s { justify-content:flex-start } .uk-flex-center\@s { justify-content:center } .uk-flex-right\@s { justify-content:flex-end } .uk-flex-between\@s { justify-content:space-between } .uk-flex-around\@s { justify-content:space-around } } @media (min-width:960px) { .uk-flex-left\@m { justify-content:flex-start } .uk-flex-center\@m { justify-content:center } .uk-flex-right\@m { justify-content:flex-end } .uk-flex-between\@m { justify-content:space-between } .uk-flex-around\@m { justify-content:space-around } } @media (min-width:1200px) { .uk-flex-left\@l { justify-content:flex-start } .uk-flex-center\@l { justify-content:center } .uk-flex-right\@l { justify-content:flex-end } .uk-flex-between\@l { justify-content:space-between } .uk-flex-around\@l { justify-content:space-around } } @media (min-width:1600px) { .uk-flex-left\@xl { justify-content:flex-start } .uk-flex-center\@xl { justify-content:center } .uk-flex-right\@xl { justify-content:flex-end } .uk-flex-between\@xl { justify-content:space-between } .uk-flex-around\@xl { justify-content:space-around } } .uk-flex-stretch { align-items:stretch } .uk-flex-top { align-items:flex-start } .uk-flex-middle { align-items:center } .uk-flex-bottom { align-items:flex-end } .uk-flex-row { flex-direction:row } .uk-flex-row-reverse { flex-direction:row-reverse } .uk-flex-column { flex-direction:column } .uk-flex-column-reverse { flex-direction:column-reverse } .uk-flex-nowrap { flex-wrap:nowrap } .uk-flex-wrap { flex-wrap:wrap } .uk-flex-wrap-reverse { flex-wrap:wrap-reverse } .uk-flex-wrap-stretch { align-content:stretch } .uk-flex-wrap-top { align-content:flex-start } .uk-flex-wrap-middle { align-content:center } .uk-flex-wrap-bottom { align-content:flex-end } .uk-flex-wrap-between { align-content:space-between } .uk-flex-wrap-around { align-content:space-around } .uk-flex-first { order:-1 } .uk-flex-last { order:99 } @media (min-width:640px) { .uk-flex-first\@s { order:-1 } .uk-flex-last\@s { order:99 } } @media (min-width:960px) { .uk-flex-first\@m { order:-1 } .uk-flex-last\@m { order:99 } } @media (min-width:1200px) { .uk-flex-first\@l { order:-1 } .uk-flex-last\@l { order:99 } } @media (min-width:1600px) { .uk-flex-first\@xl { order:-1 } .uk-flex-last\@xl { order:99 } } .uk-flex-none { flex:none } .uk-flex-auto { flex:auto } .uk-flex-1 { flex:1 } .uk-margin { margin-bottom:20px } *+.uk-margin { margin-top:20px!important } .uk-margin-top { margin-top:20px!important } .uk-margin-bottom { margin-bottom:20px!important } .uk-margin-left { margin-left:20px!important } .uk-margin-right { margin-right:20px!important } .uk-margin-small { margin-bottom:10px } *+.uk-margin-small { margin-top:10px!important } .uk-margin-small-top { margin-top:10px!important } .uk-margin-small-bottom { margin-bottom:10px!important } .uk-margin-small-left { margin-left:10px!important } .uk-margin-small-right { margin-right:10px!important } .uk-margin-medium { margin-bottom:40px } *+.uk-margin-medium { margin-top:40px!important } .uk-margin-medium-top { margin-top:40px!important } .uk-margin-medium-bottom { margin-bottom:40px!important } .uk-margin-medium-left { margin-left:40px!important } .uk-margin-medium-right { margin-right:40px!important } .uk-margin-large { margin-bottom:40px } *+.uk-margin-large { margin-top:40px!important } .uk-margin-large-top { margin-top:40px!important } .uk-margin-large-bottom { margin-bottom:40px!important } .uk-margin-large-left { margin-left:40px!important } .uk-margin-large-right { margin-right:40px!important } @media (min-width:1200px) { .uk-margin-large { margin-bottom:90px !important } *+.uk-margin-large { margin-top:70px!important } .uk-margin-large-top { margin-top:70px!important } .uk-margin-large-bottom { margin-bottom:70px!important } .uk-margin-large-left { margin-left:70px!important } .uk-margin-large-right { margin-right:70px!important } } .uk-margin-xlarge { margin-bottom:70px } *+.uk-margin-xlarge { margin-top:70px!important } .uk-margin-xlarge-top { margin-top:70px!important } .uk-margin-xlarge-bottom { margin-bottom:70px!important } .uk-margin-xlarge-left { margin-left:70px!important } .uk-margin-xlarge-right { margin-right:70px!important } @media (min-width:1200px) { .uk-margin-xlarge { margin-bottom:140px } *+.uk-margin-xlarge { margin-top:140px!important } .uk-margin-xlarge-top { margin-top:140px!important } .uk-margin-xlarge-bottom { margin-bottom:140px!important } .uk-margin-xlarge-left { margin-left:140px!important } .uk-margin-xlarge-right { margin-right:140px!important } } .uk-margin-auto { margin-left:auto!important; margin-right:auto!important } .uk-margin-auto-top { margin-top:auto!important } .uk-margin-auto-bottom { margin-bottom:auto!important } .uk-margin-auto-left { margin-left:auto!important } .uk-margin-auto-right { margin-right:auto!important } .uk-margin-auto-vertical { margin-top:auto!important; margin-bottom:auto!important } @media (min-width:640px) { .uk-margin-auto\@s { margin-left:auto!important; margin-right:auto!important } .uk-margin-auto-left\@s { margin-left:auto!important } .uk-margin-auto-right\@s { margin-right:auto!important } } @media (min-width:960px) { .uk-margin-auto\@m { margin-left:auto!important; margin-right:auto!important } .uk-margin-auto-left\@m { margin-left:auto!important } .uk-margin-auto-right\@m { margin-right:auto!important } } @media (min-width:1200px) { .uk-margin-auto\@l { margin-left:auto!important; margin-right:auto!important } .uk-margin-auto-left\@l { margin-left:auto!important } .uk-margin-auto-right\@l { margin-right:auto!important } } @media (min-width:1600px) { .uk-margin-auto\@xl { margin-left:auto!important; margin-right:auto!important } .uk-margin-auto-left\@xl { margin-left:auto!important } .uk-margin-auto-right\@xl { margin-right:auto!important } } .uk-margin-remove { margin:0!important } .uk-margin-remove-top { margin-top:0!important } .uk-margin-remove-bottom { margin-bottom:0!important } .uk-margin-remove-left { margin-left:0!important } .uk-margin-remove-right { margin-right:0!important } .uk-margin-remove-vertical { margin-top:0!important; margin-bottom:0!important } .uk-margin-remove-adjacent+*, .uk-margin-remove-first-child>:first-child { margin-top:0!important } .uk-margin-remove-last-child>:last-child { margin-bottom:0!important } @media (min-width:640px) { .uk-margin-remove-left\@s { margin-left:0!important } .uk-margin-remove-right\@s { margin-right:0!important } } @media (min-width:960px) { .uk-margin-remove-left\@m { margin-left:0!important } .uk-margin-remove-right\@m { margin-right:0!important } } @media (min-width:1200px) { .uk-margin-remove-left\@l { margin-left:0!important } .uk-margin-remove-right\@l { margin-right:0!important } } @media (min-width:1600px) { .uk-margin-remove-left\@xl { margin-left:0!important } .uk-margin-remove-right\@xl { margin-right:0!important } } .uk-padding { padding:30px } @media (min-width:1200px) { .uk-padding { padding:40px } } .uk-padding-small { padding:15px } .uk-padding-large { padding:30px } @media (min-width:1200px) { .uk-padding-large { padding:70px } } .uk-padding-remove { padding:0!important } .uk-padding-remove-top { padding-top:0!important } .uk-padding-remove-bottom { padding-bottom:0!important } .uk-padding-remove-left { padding-left:0!important } .uk-padding-remove-right { padding-right:0!important } .uk-padding-remove-vertical { padding-top:0!important; padding-bottom:0!important } .uk-padding-remove-horizontal { padding-left:0!important; padding-right:0!important } [class*=uk-position-bottom], [class*=uk-position-center], [class*=uk-position-left], [class*=uk-position-right], [class*=uk-position-top] { position:absolute!important; max-width:100% } .uk-position-top { top:0; left:0; right:0 } .uk-position-bottom { bottom:0; left:0; right:0 } .uk-position-left { top:0; bottom:0; left:0 } .uk-position-right { top:0; bottom:0; right:0 } .uk-position-top-left { top:0; left:0 } .uk-position-top-right { top:0; right:0 } .uk-position-bottom-left { bottom:0; left:0 } .uk-position-bottom-right { bottom:0; right:0 } .uk-position-center { top:50%; left:50%; transform:translate(-50%, -50%); width:max-content; max-width:100%; box-sizing:border-box } [class*=uk-position-center-left], [class*=uk-position-center-right] { top:50%; transform:translateY(-50%) } .uk-position-center-left { left:0 } .uk-position-center-right { right:0 } .uk-position-center-left-out { right:100%; width:max-content } .uk-position-center-right-out { left:100%; width:max-content } .uk-position-bottom-center, .uk-position-top-center { left:50%; transform:translateX(-50%); width:max-content; max-width:100%; box-sizing:border-box } .uk-position-top-center { top:0 } .uk-position-bottom-center { bottom:0 } .uk-position-cover { position:absolute; top:0; bottom:0; left:0; right:0 } .uk-position-relative { position:relative!important } .uk-position-absolute { position:absolute!important } .uk-position-fixed { position:fixed!important } .uk-position-z-index { z-index:1 } .uk-position-small { max-width:calc(100% - (15px * 2)); margin:15px } .uk-position-small.uk-position-center { transform:translate(-50%, -50%) translate(-15px, -15px) } .uk-position-small[class*=uk-position-center-left], .uk-position-small[class*=uk-position-center-right] { transform:translateY(-50%) translateY(-15px) } .uk-position-small.uk-position-bottom-center, .uk-position-small.uk-position-top-center { transform:translateX(-50%) translateX(-15px) } .uk-position-medium { max-width:calc(100% - (30px * 2)); margin:30px } .uk-position-medium.uk-position-center { transform:translate(-50%, -50%) translate(-30px, -30px) } .uk-position-medium[class*=uk-position-center-left], .uk-position-medium[class*=uk-position-center-right] { transform:translateY(-50%) translateY(-30px) } .uk-position-medium.uk-position-bottom-center, .uk-position-medium.uk-position-top-center { transform:translateX(-50%) translateX(-30px) } .uk-position-large { max-width:calc(100% - (30px * 2)); margin:30px } .uk-position-large.uk-position-center { transform:translate(-50%, -50%) translate(-30px, -30px) } .uk-position-large[class*=uk-position-center-left], .uk-position-large[class*=uk-position-center-right] { transform:translateY(-50%) translateY(-30px) } .uk-position-large.uk-position-bottom-center, .uk-position-large.uk-position-top-center { transform:translateX(-50%) translateX(-30px) } @media (min-width:1200px) { .uk-position-large { max-width:calc(100% - (50px * 2)); margin:50px } .uk-position-large.uk-position-center { transform:translate(-50%, -50%) translate(-50px, -50px) } .uk-position-large[class*=uk-position-center-left], .uk-position-large[class*=uk-position-center-right] { transform:translateY(-50%) translateY(-50px) } .uk-position-large.uk-position-bottom-center, .uk-position-large.uk-position-top-center { transform:translateX(-50%) translateX(-50px) } } .uk-transition-toggle { -webkit-tap-highlight-color:transparent } .uk-transition-toggle:focus { outline:0 } .uk-transition-fade, [class*=uk-transition-scale], [class*=uk-transition-slide] { transition:.3s ease-out; transition-property:opacity, transform, filter; opacity:0 } .uk-transition-active.uk-active .uk-transition-fade, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-toggle:hover .uk-transition-fade { opacity:1 } .uk-transition-scale-up { transform:scale(1, 1) } .uk-transition-scale-down { transform:scale(1.1, 1.1) } .uk-transition-active.uk-active .uk-transition-scale-up, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-toggle:hover .uk-transition-scale-up { opacity:1; transform:scale(1.1, 1.1) } .uk-transition-active.uk-active .uk-transition-scale-down, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-toggle:hover .uk-transition-scale-down { opacity:1; transform:scale(1, 1) } .uk-transition-slide-top { transform:translateY(-100%) } .uk-transition-slide-bottom { transform:translateY(100%) } .uk-transition-slide-left { transform:translateX(-100%) } .uk-transition-slide-right { transform:translateX(100%) } .uk-transition-slide-top-small { transform:translateY(-10px) } .uk-transition-slide-bottom-small { transform:translateY(10px) } .uk-transition-slide-left-small { transform:translateX(-10px) } .uk-transition-slide-right-small { transform:translateX(10px) } .uk-transition-slide-top-medium { transform:translateY(-50px) } .uk-transition-slide-bottom-medium { transform:translateY(50px) } .uk-transition-slide-left-medium { transform:translateX(-50px) } .uk-transition-slide-right-medium { transform:translateX(50px) } .uk-transition-active.uk-active [class*=uk-transition-slide], .uk-transition-toggle:focus [class*=uk-transition-slide], .uk-transition-toggle:hover [class*=uk-transition-slide] { opacity:1; transform:translate(0, 0) } .uk-transition-opaque { opacity:1 } .uk-transition-slow { transition-duration:.7s } .uk-hidden, [hidden] { display:none!important } @media (min-width:640px) { .uk-hidden\@s { display:none!important } } @media (min-width:960px) { .uk-hidden\@m { display:none!important } } @media (min-width:1200px) { .uk-hidden\@l { display:none!important } } @media (min-width:1600px) { .uk-hidden\@xl { display:none!important } } @media (max-width:639px) { .uk-visible\@s { display:none!important } } @media (max-width:959px) { .uk-visible\@m { display:none!important } } @media (max-width:1199px) { .uk-visible\@l { display:none!important } } @media (max-width:1599px) { .uk-visible\@xl { display:none!important } } .uk-invisible { visibility:hidden!important } .uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { position:absolute!important; width:0!important; height:0!important; padding:0!important; margin:0!important; overflow:hidden!important } .uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { opacity:0!important } .uk-visible-toggle { -webkit-tap-highlight-color:transparent } .uk-visible-toggle:focus { outline:0 } @media (pointer:coarse) { .uk-hidden-touch { display:none!important } } .uk-hidden-notouch { display:none!important } @media (pointer:coarse) { .uk-hidden-notouch { display:block!important } } .uk-card-primary.uk-card-body, .uk-card-primary>:not([class*=uk-card-media]), .uk-card-secondary.uk-card-body, .uk-card-secondary>:not([class*=uk-card-media]), .uk-light, .uk-offcanvas-bar, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-link, .uk-card-primary.uk-card-body a, .uk-card-primary>:not([class*=uk-card-media]) .uk-link, .uk-card-primary>:not([class*=uk-card-media]) a, .uk-card-secondary.uk-card-body .uk-link, .uk-card-secondary.uk-card-body a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link, .uk-card-secondary>:not([class*=uk-card-media]) a, .uk-light .uk-link, .uk-light a, .uk-offcanvas-bar .uk-link, .uk-offcanvas-bar a, .uk-overlay-primary .uk-link, .uk-overlay-primary a, .uk-section-primary:not(.uk-preserve-color) .uk-link, .uk-section-primary:not(.uk-preserve-color) a, .uk-section-secondary:not(.uk-preserve-color) .uk-link, .uk-section-secondary:not(.uk-preserve-color) a, .uk-tile-primary:not(.uk-preserve-color) .uk-link, .uk-tile-primary:not(.uk-preserve-color) a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a { color:#25314B } .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary.uk-card-body a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover, .uk-card-primary>:not([class*=uk-card-media]) a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover, .uk-card-secondary>:not([class*=uk-card-media]) a:hover, .uk-light .uk-link:hover, .uk-light a:hover, .uk-offcanvas-bar .uk-link:hover, .uk-offcanvas-bar a:hover, .uk-overlay-primary .uk-link:hover, .uk-overlay-primary a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) a:hover { color:#fff } .uk-card-primary.uk-card-body :not(pre)>code, .uk-card-primary.uk-card-body :not(pre)>kbd, .uk-card-primary.uk-card-body :not(pre)>samp, .uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code, .uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd, .uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp, .uk-card-secondary.uk-card-body :not(pre)>code, .uk-card-secondary.uk-card-body :not(pre)>kbd, .uk-card-secondary.uk-card-body :not(pre)>samp, .uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code, .uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd, .uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp, .uk-light :not(pre)>code, .uk-light :not(pre)>kbd, .uk-light :not(pre)>samp, .uk-offcanvas-bar :not(pre)>code, .uk-offcanvas-bar :not(pre)>kbd, .uk-offcanvas-bar :not(pre)>samp, .uk-overlay-primary :not(pre)>code, .uk-overlay-primary :not(pre)>kbd, .uk-overlay-primary :not(pre)>samp, .uk-section-primary:not(.uk-preserve-color) :not(pre)>code, .uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd, .uk-section-primary:not(.uk-preserve-color) :not(pre)>samp, .uk-section-secondary:not(.uk-preserve-color) :not(pre)>code, .uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd, .uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp, .uk-tile-primary:not(.uk-preserve-color) :not(pre)>code, .uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd, .uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp, .uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code, .uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd, .uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp { color:rgba(255,255,255,.7); background:rgba(255,255,255,.1) } .uk-card-primary.uk-card-body em, .uk-card-primary>:not([class*=uk-card-media]) em, .uk-card-secondary.uk-card-body em, .uk-card-secondary>:not([class*=uk-card-media]) em, .uk-light em, .uk-offcanvas-bar em, .uk-overlay-primary em, .uk-section-primary:not(.uk-preserve-color) em, .uk-section-secondary:not(.uk-preserve-color) em, .uk-tile-primary:not(.uk-preserve-color) em, .uk-tile-secondary:not(.uk-preserve-color) em { color:#fff } .uk-card-primary.uk-card-body .uk-h1, .uk-card-primary.uk-card-body .uk-h2, .uk-card-primary.uk-card-body .uk-h3, .uk-card-primary.uk-card-body .uk-h4, .uk-card-primary.uk-card-body .uk-h5, .uk-card-primary.uk-card-body .uk-h6, .uk-card-primary.uk-card-body .uk-heading-2xlarge, .uk-card-primary.uk-card-body .uk-heading-large, .uk-card-primary.uk-card-body .uk-heading-medium, .uk-card-primary.uk-card-body .uk-heading-small, .uk-card-primary.uk-card-body .uk-heading-xlarge, .uk-card-primary.uk-card-body h1, .uk-card-primary.uk-card-body h2, .uk-card-primary.uk-card-body h3, .uk-card-primary.uk-card-body h4, .uk-card-primary.uk-card-body h5, .uk-card-primary.uk-card-body h6, .uk-card-primary>:not([class*=uk-card-media]) .uk-h1, .uk-card-primary>:not([class*=uk-card-media]) .uk-h2, .uk-card-primary>:not([class*=uk-card-media]) .uk-h3, .uk-card-primary>:not([class*=uk-card-media]) .uk-h4, .uk-card-primary>:not([class*=uk-card-media]) .uk-h5, .uk-card-primary>:not([class*=uk-card-media]) .uk-h6, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-primary>:not([class*=uk-card-media]) h1, .uk-card-primary>:not([class*=uk-card-media]) h2, .uk-card-primary>:not([class*=uk-card-media]) h3, .uk-card-primary>:not([class*=uk-card-media]) h4, .uk-card-primary>:not([class*=uk-card-media]) h5, .uk-card-primary>:not([class*=uk-card-media]) h6, .uk-card-secondary.uk-card-body .uk-h1, .uk-card-secondary.uk-card-body .uk-h2, .uk-card-secondary.uk-card-body .uk-h3, .uk-card-secondary.uk-card-body .uk-h4, .uk-card-secondary.uk-card-body .uk-h5, .uk-card-secondary.uk-card-body .uk-h6, .uk-card-secondary.uk-card-body .uk-heading-2xlarge, .uk-card-secondary.uk-card-body .uk-heading-large, .uk-card-secondary.uk-card-body .uk-heading-medium, .uk-card-secondary.uk-card-body .uk-heading-small, .uk-card-secondary.uk-card-body .uk-heading-xlarge, .uk-card-secondary.uk-card-body h1, .uk-card-secondary.uk-card-body h2, .uk-card-secondary.uk-card-body h3, .uk-card-secondary.uk-card-body h4, .uk-card-secondary.uk-card-body h5, .uk-card-secondary.uk-card-body h6, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h1, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h2, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h3, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h4, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h5, .uk-card-secondary>:not([class*=uk-card-media]) .uk-h6, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge, .uk-card-secondary>:not([class*=uk-card-media]) h1, .uk-card-secondary>:not([class*=uk-card-media]) h2, .uk-card-secondary>:not([class*=uk-card-media]) h3, .uk-card-secondary>:not([class*=uk-card-media]) h4, .uk-card-secondary>:not([class*=uk-card-media]) h5, .uk-card-secondary>:not([class*=uk-card-media]) h6, .uk-light .uk-h1, .uk-light .uk-h2, .uk-light .uk-h3, .uk-light .uk-h4, .uk-light .uk-h5, .uk-light .uk-h6, .uk-light .uk-heading-2xlarge, .uk-light .uk-heading-large, .uk-light .uk-heading-medium, .uk-light .uk-heading-small, .uk-light .uk-heading-xlarge, .uk-light h1, .uk-light h2, .uk-light h3, .uk-light h4, .uk-light h5, .uk-light h6, .uk-offcanvas-bar .uk-h1, .uk-offcanvas-bar .uk-h2, .uk-offcanvas-bar .uk-h3, .uk-offcanvas-bar .uk-h4, .uk-offcanvas-bar .uk-h5, .uk-offcanvas-bar .uk-h6, .uk-offcanvas-bar .uk-heading-2xlarge, .uk-offcanvas-bar .uk-heading-large, .uk-offcanvas-bar .uk-heading-medium, .uk-offcanvas-bar .uk-heading-small, .uk-offcanvas-bar .uk-heading-xlarge, .uk-offcanvas-bar h1, .uk-offcanvas-bar h2, .uk-offcanvas-bar h3, .uk-offcanvas-bar h4, .uk-offcanvas-bar h5, .uk-offcanvas-bar h6, .uk-overlay-primary .uk-h1, .uk-overlay-primary .uk-h2, .uk-overlay-primary .uk-h3, .uk-overlay-primary .uk-h4, .uk-overlay-primary .uk-h5, .uk-overlay-primary .uk-h6, .uk-overlay-primary .uk-heading-2xlarge, .uk-overlay-primary .uk-heading-large, .uk-overlay-primary .uk-heading-medium, .uk-overlay-primary .uk-heading-small, .uk-overlay-primary .uk-heading-xlarge, .uk-overlay-primary h1, .uk-overlay-primary h2, .uk-overlay-primary h3, .uk-overlay-primary h4, .uk-overlay-primary h5, .uk-overlay-primary h6, .uk-section-primary:not(.uk-preserve-color) .uk-h1, .uk-section-primary:not(.uk-preserve-color) .uk-h2, .uk-section-primary:not(.uk-preserve-color) .uk-h3, .uk-section-primary:not(.uk-preserve-color) .uk-h4, .uk-section-primary:not(.uk-preserve-color) .uk-h5, .uk-section-primary:not(.uk-preserve-color) .uk-h6, .uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-primary:not(.uk-preserve-color) .uk-heading-large, .uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-primary:not(.uk-preserve-color) .uk-heading-small, .uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-primary:not(.uk-preserve-color) h1, .uk-section-primary:not(.uk-preserve-color) h2, .uk-section-primary:not(.uk-preserve-color) h3, .uk-section-primary:not(.uk-preserve-color) h4, .uk-section-primary:not(.uk-preserve-color) h5, .uk-section-primary:not(.uk-preserve-color) h6, .uk-section-secondary:not(.uk-preserve-color) .uk-h1, .uk-section-secondary:not(.uk-preserve-color) .uk-h2, .uk-section-secondary:not(.uk-preserve-color) .uk-h3, .uk-section-secondary:not(.uk-preserve-color) .uk-h4, .uk-section-secondary:not(.uk-preserve-color) .uk-h5, .uk-section-secondary:not(.uk-preserve-color) .uk-h6, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-section-secondary:not(.uk-preserve-color) h1, .uk-section-secondary:not(.uk-preserve-color) h2, .uk-section-secondary:not(.uk-preserve-color) h3, .uk-section-secondary:not(.uk-preserve-color) h4, .uk-section-secondary:not(.uk-preserve-color) h5, .uk-section-secondary:not(.uk-preserve-color) h6, .uk-tile-primary:not(.uk-preserve-color) .uk-h1, .uk-tile-primary:not(.uk-preserve-color) .uk-h2, .uk-tile-primary:not(.uk-preserve-color) .uk-h3, .uk-tile-primary:not(.uk-preserve-color) .uk-h4, .uk-tile-primary:not(.uk-preserve-color) .uk-h5, .uk-tile-primary:not(.uk-preserve-color) .uk-h6, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-primary:not(.uk-preserve-color) h1, .uk-tile-primary:not(.uk-preserve-color) h2, .uk-tile-primary:not(.uk-preserve-color) h3, .uk-tile-primary:not(.uk-preserve-color) h4, .uk-tile-primary:not(.uk-preserve-color) h5, .uk-tile-primary:not(.uk-preserve-color) h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-h1, .uk-tile-secondary:not(.uk-preserve-color) .uk-h2, .uk-tile-secondary:not(.uk-preserve-color) .uk-h3, .uk-tile-secondary:not(.uk-preserve-color) .uk-h4, .uk-tile-secondary:not(.uk-preserve-color) .uk-h5, .uk-tile-secondary:not(.uk-preserve-color) .uk-h6, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, .uk-tile-secondary:not(.uk-preserve-color) h1, .uk-tile-secondary:not(.uk-preserve-color) h2, .uk-tile-secondary:not(.uk-preserve-color) h3, .uk-tile-secondary:not(.uk-preserve-color) h4, .uk-tile-secondary:not(.uk-preserve-color) h5, .uk-tile-secondary:not(.uk-preserve-color) h6 { } .uk-card-primary.uk-card-body blockquote, .uk-card-primary>:not([class*=uk-card-media]) blockquote, .uk-card-secondary.uk-card-body blockquote, .uk-card-secondary>:not([class*=uk-card-media]) blockquote, .uk-light blockquote, .uk-offcanvas-bar blockquote, .uk-overlay-primary blockquote, .uk-section-primary:not(.uk-preserve-color) blockquote, .uk-section-secondary:not(.uk-preserve-color) blockquote, .uk-tile-primary:not(.uk-preserve-color) blockquote, .uk-tile-secondary:not(.uk-preserve-color) blockquote { color:#fff } .uk-card-primary.uk-card-body blockquote footer, .uk-card-primary>:not([class*=uk-card-media]) blockquote footer, .uk-card-secondary.uk-card-body blockquote footer, .uk-card-secondary>:not([class*=uk-card-media]) blockquote footer, .uk-light blockquote footer, .uk-offcanvas-bar blockquote footer, .uk-overlay-primary blockquote footer, .uk-section-primary:not(.uk-preserve-color) blockquote footer, .uk-section-secondary:not(.uk-preserve-color) blockquote footer, .uk-tile-primary:not(.uk-preserve-color) blockquote footer, .uk-tile-secondary:not(.uk-preserve-color) blockquote footer { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-hr, .uk-card-primary.uk-card-body hr, .uk-card-primary>:not([class*=uk-card-media]) .uk-hr, .uk-card-primary>:not([class*=uk-card-media]) hr, .uk-card-secondary.uk-card-body .uk-hr, .uk-card-secondary.uk-card-body hr, .uk-card-secondary>:not([class*=uk-card-media]) .uk-hr, .uk-card-secondary>:not([class*=uk-card-media]) hr, .uk-light .uk-hr, .uk-light hr, .uk-offcanvas-bar .uk-hr, .uk-offcanvas-bar hr, .uk-overlay-primary .uk-hr, .uk-overlay-primary hr, .uk-section-primary:not(.uk-preserve-color) .uk-hr, .uk-section-primary:not(.uk-preserve-color) hr, .uk-section-secondary:not(.uk-preserve-color) .uk-hr, .uk-section-secondary:not(.uk-preserve-color) hr, .uk-tile-primary:not(.uk-preserve-color) .uk-hr, .uk-tile-primary:not(.uk-preserve-color) hr, .uk-tile-secondary:not(.uk-preserve-color) .uk-hr, .uk-tile-secondary:not(.uk-preserve-color) hr { border-top-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-link-muted, .uk-card-primary.uk-card-body .uk-link-muted a, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a, .uk-card-secondary.uk-card-body .uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-muted a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a, .uk-light .uk-link-muted, .uk-light .uk-link-muted a, .uk-offcanvas-bar .uk-link-muted, .uk-offcanvas-bar .uk-link-muted a, .uk-overlay-primary .uk-link-muted, .uk-overlay-primary .uk-link-muted a, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-link-muted a:hover, .uk-card-primary.uk-card-body .uk-link-muted:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted:hover, .uk-card-secondary.uk-card-body .uk-link-muted a:hover, .uk-card-secondary.uk-card-body .uk-link-muted:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted:hover, .uk-light .uk-link-muted a:hover, .uk-light .uk-link-muted:hover, .uk-offcanvas-bar .uk-link-muted a:hover, .uk-offcanvas-bar .uk-link-muted:hover, .uk-overlay-primary .uk-link-muted a:hover, .uk-overlay-primary .uk-link-muted:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-link-text a:hover, .uk-card-primary.uk-card-body .uk-link-text:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-text:hover, .uk-card-secondary.uk-card-body .uk-link-text a:hover, .uk-card-secondary.uk-card-body .uk-link-text:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text:hover, .uk-light .uk-link-text a:hover, .uk-light .uk-link-text:hover, .uk-offcanvas-bar .uk-link-text a:hover, .uk-offcanvas-bar .uk-link-text:hover, .uk-overlay-primary .uk-link-text a:hover, .uk-overlay-primary .uk-link-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-link-heading a:hover, .uk-card-primary.uk-card-body .uk-link-heading:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading:hover, .uk-card-secondary.uk-card-body .uk-link-heading a:hover, .uk-card-secondary.uk-card-body .uk-link-heading:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading:hover, .uk-light .uk-link-heading a:hover, .uk-light .uk-link-heading:hover, .uk-offcanvas-bar .uk-link-heading a:hover, .uk-offcanvas-bar .uk-link-heading:hover, .uk-overlay-primary .uk-link-heading a:hover, .uk-overlay-primary .uk-link-heading:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover { color:#fff } .uk-card-primary.uk-card-body .uk-heading-divider, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider, .uk-card-secondary.uk-card-body .uk-heading-divider, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider, .uk-light .uk-heading-divider, .uk-offcanvas-bar .uk-heading-divider, .uk-overlay-primary .uk-heading-divider, .uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider { border-bottom-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-heading-bullet::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before, .uk-card-secondary.uk-card-body .uk-heading-bullet::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before, .uk-light .uk-heading-bullet::before, .uk-offcanvas-bar .uk-heading-bullet::before, .uk-overlay-primary .uk-heading-bullet::before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before { border-left-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-heading-line>::after, .uk-card-primary.uk-card-body .uk-heading-line>::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after, .uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before, .uk-card-secondary.uk-card-body .uk-heading-line>::after, .uk-card-secondary.uk-card-body .uk-heading-line>::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after, .uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before, .uk-light .uk-heading-line>::after, .uk-light .uk-heading-line>::before, .uk-offcanvas-bar .uk-heading-line>::after, .uk-offcanvas-bar .uk-heading-line>::before, .uk-overlay-primary .uk-heading-line>::after, .uk-overlay-primary .uk-heading-line>::before, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after, .uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after, .uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after, .uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before { border-bottom-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-divider-icon, .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon, .uk-card-secondary.uk-card-body .uk-divider-icon, .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon, .uk-light .uk-divider-icon, .uk-offcanvas-bar .uk-divider-icon, .uk-overlay-primary .uk-divider-icon, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") } .uk-card-primary.uk-card-body .uk-divider-icon::after, .uk-card-primary.uk-card-body .uk-divider-icon::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after, .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before, .uk-card-secondary.uk-card-body .uk-divider-icon::after, .uk-card-secondary.uk-card-body .uk-divider-icon::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after, .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before, .uk-light .uk-divider-icon::after, .uk-light .uk-divider-icon::before, .uk-offcanvas-bar .uk-divider-icon::after, .uk-offcanvas-bar .uk-divider-icon::before, .uk-overlay-primary .uk-divider-icon::after, .uk-overlay-primary .uk-divider-icon::before, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before { border-bottom-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-divider-small::after, .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after, .uk-card-secondary.uk-card-body .uk-divider-small::after, .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after, .uk-light .uk-divider-small::after, .uk-offcanvas-bar .uk-divider-small::after, .uk-overlay-primary .uk-divider-small::after, .uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after { border-top-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-divider-vertical, .uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical, .uk-card-secondary.uk-card-body .uk-divider-vertical, .uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical, .uk-light .uk-divider-vertical, .uk-offcanvas-bar .uk-divider-vertical, .uk-overlay-primary .uk-divider-vertical, .uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, .uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical { border-left-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-list-divider>li:nth-child(n+2), .uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>li:nth-child(n+2), .uk-card-secondary.uk-card-body .uk-list-divider>li:nth-child(n+2), .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>li:nth-child(n+2), .uk-light .uk-list-divider>li:nth-child(n+2), .uk-offcanvas-bar .uk-list-divider>li:nth-child(n+2), .uk-overlay-primary .uk-list-divider>li:nth-child(n+2), .uk-section-primary:not(.uk-preserve-color) .uk-list-divider>li:nth-child(n+2), .uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>li:nth-child(n+2), .uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>li:nth-child(n+2), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>li:nth-child(n+2) { border-top-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-list-striped>li:nth-of-type(odd), .uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>li:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped>li:nth-of-type(odd), .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>li:nth-of-type(odd), .uk-light .uk-list-striped>li:nth-of-type(odd), .uk-offcanvas-bar .uk-list-striped>li:nth-of-type(odd), .uk-overlay-primary .uk-list-striped>li:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd) { border-top-color:rgba(255,255,255,.2); border-bottom-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-list-striped>li:nth-of-type(odd), .uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>li:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-list-striped>li:nth-of-type(odd), .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>li:nth-of-type(odd), .uk-light .uk-list-striped>li:nth-of-type(odd), .uk-offcanvas-bar .uk-list-striped>li:nth-of-type(odd), .uk-overlay-primary .uk-list-striped>li:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>li:nth-of-type(odd) { background-color:rgba(255,255,255,.1) } .uk-card-primary.uk-card-body .uk-list-bullet>li::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>li::before, .uk-card-secondary.uk-card-body .uk-list-bullet>li::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>li::before, .uk-light .uk-list-bullet>li::before, .uk-offcanvas-bar .uk-list-bullet>li::before, .uk-overlay-primary .uk-list-bullet>li::before, .uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>li::before, .uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>li::before, .uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>li::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>li::before { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-card-primary.uk-card-body .uk-table th, .uk-card-primary>:not([class*=uk-card-media]) .uk-table th, .uk-card-secondary.uk-card-body .uk-table th, .uk-card-secondary>:not([class*=uk-card-media]) .uk-table th, .uk-light .uk-table th, .uk-offcanvas-bar .uk-table th, .uk-overlay-primary .uk-table th, .uk-section-primary:not(.uk-preserve-color) .uk-table th, .uk-section-secondary:not(.uk-preserve-color) .uk-table th, .uk-tile-primary:not(.uk-preserve-color) .uk-table th, .uk-tile-secondary:not(.uk-preserve-color) .uk-table th { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-table caption, .uk-card-primary>:not([class*=uk-card-media]) .uk-table caption, .uk-card-secondary.uk-card-body .uk-table caption, .uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption, .uk-light .uk-table caption, .uk-offcanvas-bar .uk-table caption, .uk-overlay-primary .uk-table caption, .uk-section-primary:not(.uk-preserve-color) .uk-table caption, .uk-section-secondary:not(.uk-preserve-color) .uk-table caption, .uk-tile-primary:not(.uk-preserve-color) .uk-table caption, .uk-tile-secondary:not(.uk-preserve-color) .uk-table caption { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, .uk-card-primary.uk-card-body .uk-table>tr.uk-active, .uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active, .uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active, .uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, .uk-card-secondary.uk-card-body .uk-table>tr.uk-active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active, .uk-light .uk-table tbody tr.uk-active, .uk-light .uk-table>tr.uk-active, .uk-offcanvas-bar .uk-table tbody tr.uk-active, .uk-offcanvas-bar .uk-table>tr.uk-active, .uk-overlay-primary .uk-table tbody tr.uk-active, .uk-overlay-primary .uk-table>tr.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active { background:rgba(255,255,255,.08) } .uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child), .uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr, .uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child), .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child), .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr, .uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child), .uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child), .uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr, .uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child), .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child), .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr, .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child), .uk-light .uk-table-divider>:first-child>tr:not(:first-child), .uk-light .uk-table-divider>:not(:first-child)>tr, .uk-light .uk-table-divider>tr:not(:first-child), .uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child), .uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr, .uk-offcanvas-bar .uk-table-divider>tr:not(:first-child), .uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child), .uk-overlay-primary .uk-table-divider>:not(:first-child)>tr, .uk-overlay-primary .uk-table-divider>tr:not(:first-child), .uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child), .uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr, .uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child), .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child), .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr, .uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child), .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child), .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr, .uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child) { border-top-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd), .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd), .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd), .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd), .uk-light .uk-table-striped tbody tr:nth-of-type(odd), .uk-light .uk-table-striped>tr:nth-of-type(odd), .uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd), .uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd), .uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), .uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), .uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd) { background:rgba(255,255,255,.1); border-top-color:rgba(255,255,255,.2); border-bottom-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, .uk-card-primary.uk-card-body .uk-table-hover>tr:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover, .uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, .uk-card-secondary.uk-card-body .uk-table-hover>tr:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover, .uk-light .uk-table-hover tbody tr:hover, .uk-light .uk-table-hover>tr:hover, .uk-offcanvas-bar .uk-table-hover tbody tr:hover, .uk-offcanvas-bar .uk-table-hover>tr:hover, .uk-overlay-primary .uk-table-hover tbody tr:hover, .uk-overlay-primary .uk-table-hover>tr:hover, .uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover { background:rgba(255,255,255,.08) } .uk-card-primary.uk-card-body .uk-icon-link, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link, .uk-light .uk-icon-link, .uk-offcanvas-bar .uk-icon-link, .uk-overlay-primary .uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-icon-link:focus, .uk-card-primary.uk-card-body .uk-icon-link:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover, .uk-card-secondary.uk-card-body .uk-icon-link:focus, .uk-card-secondary.uk-card-body .uk-icon-link:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover, .uk-light .uk-icon-link:focus, .uk-light .uk-icon-link:hover, .uk-offcanvas-bar .uk-icon-link:focus, .uk-offcanvas-bar .uk-icon-link:hover, .uk-overlay-primary .uk-icon-link:focus, .uk-overlay-primary .uk-icon-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-active>.uk-icon-link, .uk-card-primary.uk-card-body .uk-icon-link:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active, .uk-card-secondary.uk-card-body .uk-active>.uk-icon-link, .uk-card-secondary.uk-card-body .uk-icon-link:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active, .uk-light .uk-active>.uk-icon-link, .uk-light .uk-icon-link:active, .uk-offcanvas-bar .uk-active>.uk-icon-link, .uk-offcanvas-bar .uk-icon-link:active, .uk-overlay-primary .uk-active>.uk-icon-link, .uk-overlay-primary .uk-icon-link:active, .uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link, .uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-icon-button, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button, .uk-card-secondary.uk-card-body .uk-icon-button, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button, .uk-light .uk-icon-button, .uk-offcanvas-bar .uk-icon-button, .uk-overlay-primary .uk-icon-button, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button { background-color:rgba(255,255,255,.1); color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-icon-button:focus, .uk-card-primary.uk-card-body .uk-icon-button:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover, .uk-card-secondary.uk-card-body .uk-icon-button:focus, .uk-card-secondary.uk-card-body .uk-icon-button:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover, .uk-light .uk-icon-button:focus, .uk-light .uk-icon-button:hover, .uk-offcanvas-bar .uk-icon-button:focus, .uk-offcanvas-bar .uk-icon-button:hover, .uk-overlay-primary .uk-icon-button:focus, .uk-overlay-primary .uk-icon-button:hover, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover { background-color:rgba(242,242,242,.1); color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-icon-button:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active, .uk-card-secondary.uk-card-body .uk-icon-button:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active, .uk-light .uk-icon-button:active, .uk-offcanvas-bar .uk-icon-button:active, .uk-overlay-primary .uk-icon-button:active, .uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active { background-color:rgba(230,230,230,.1); color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-input, .uk-card-primary.uk-card-body .uk-select, .uk-card-primary.uk-card-body .uk-textarea, .uk-card-primary>:not([class*=uk-card-media]) .uk-input, .uk-card-primary>:not([class*=uk-card-media]) .uk-select, .uk-card-primary>:not([class*=uk-card-media]) .uk-textarea, .uk-card-secondary.uk-card-body .uk-input, .uk-card-secondary.uk-card-body .uk-select, .uk-card-secondary.uk-card-body .uk-textarea, .uk-card-secondary>:not([class*=uk-card-media]) .uk-input, .uk-card-secondary>:not([class*=uk-card-media]) .uk-select, .uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea, .uk-light .uk-input, .uk-light .uk-select, .uk-light .uk-textarea, .uk-offcanvas-bar .uk-input, .uk-offcanvas-bar .uk-select, .uk-offcanvas-bar .uk-textarea, .uk-overlay-primary .uk-input, .uk-overlay-primary .uk-select, .uk-overlay-primary .uk-textarea, .uk-section-primary:not(.uk-preserve-color) .uk-input, .uk-section-primary:not(.uk-preserve-color) .uk-select, .uk-section-primary:not(.uk-preserve-color) .uk-textarea, .uk-section-secondary:not(.uk-preserve-color) .uk-input, .uk-section-secondary:not(.uk-preserve-color) .uk-select, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea, .uk-tile-primary:not(.uk-preserve-color) .uk-input, .uk-tile-primary:not(.uk-preserve-color) .uk-select, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea, .uk-tile-secondary:not(.uk-preserve-color) .uk-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-select, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea { background-color:rgba(255,255,255,.1); color:rgba(255,255,255,.7); background-clip:padding-box; border-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-input:focus, .uk-card-primary.uk-card-body .uk-select:focus, .uk-card-primary.uk-card-body .uk-textarea:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus, .uk-card-secondary.uk-card-body .uk-input:focus, .uk-card-secondary.uk-card-body .uk-select:focus, .uk-card-secondary.uk-card-body .uk-textarea:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus, .uk-light .uk-input:focus, .uk-light .uk-select:focus, .uk-light .uk-textarea:focus, .uk-offcanvas-bar .uk-input:focus, .uk-offcanvas-bar .uk-select:focus, .uk-offcanvas-bar .uk-textarea:focus, .uk-overlay-primary .uk-input:focus, .uk-overlay-primary .uk-select:focus, .uk-overlay-primary .uk-textarea:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-select:focus, .uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus { background-color:rgba(255,255,255,.1); color:rgba(255,255,255,.7); border-color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder, .uk-card-primary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder, .uk-card-secondary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder, .uk-light .uk-input::-ms-input-placeholder, .uk-offcanvas-bar .uk-input::-ms-input-placeholder, .uk-overlay-primary .uk-input::-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder { color:rgba(255,255,255,.5)!important } .uk-card-primary.uk-card-body .uk-input::placeholder, .uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder, .uk-card-secondary.uk-card-body .uk-input::placeholder, .uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder, .uk-light .uk-input::placeholder, .uk-offcanvas-bar .uk-input::placeholder, .uk-overlay-primary .uk-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder, .uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder, .uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder, .uk-light .uk-textarea::-ms-input-placeholder, .uk-offcanvas-bar .uk-textarea::-ms-input-placeholder, .uk-overlay-primary .uk-textarea::-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder { color:rgba(255,255,255,.5)!important } .uk-card-primary.uk-card-body .uk-textarea::placeholder, .uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder, .uk-card-secondary.uk-card-body .uk-textarea::placeholder, .uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder, .uk-light .uk-textarea::placeholder, .uk-offcanvas-bar .uk-textarea::placeholder, .uk-overlay-primary .uk-textarea::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]), .uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), .uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]), .uk-light .uk-select:not([multiple]):not([size]), .uk-offcanvas-bar .uk-select:not([multiple]):not([size]), .uk-overlay-primary .uk-select:not([multiple]):not([size]), .uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), .uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]) { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") } .uk-card-primary.uk-card-body .uk-input[list]:focus, .uk-card-primary.uk-card-body .uk-input[list]:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover, .uk-card-secondary.uk-card-body .uk-input[list]:focus, .uk-card-secondary.uk-card-body .uk-input[list]:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover, .uk-light .uk-input[list]:focus, .uk-light .uk-input[list]:hover, .uk-offcanvas-bar .uk-input[list]:focus, .uk-offcanvas-bar .uk-input[list]:hover, .uk-overlay-primary .uk-input[list]:focus, .uk-overlay-primary .uk-input[list]:hover, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") } .uk-card-primary.uk-card-body .uk-checkbox, .uk-card-primary.uk-card-body .uk-radio, .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox, .uk-card-primary>:not([class*=uk-card-media]) .uk-radio, .uk-card-secondary.uk-card-body .uk-checkbox, .uk-card-secondary.uk-card-body .uk-radio, .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox, .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio, .uk-light .uk-checkbox, .uk-light .uk-radio, .uk-offcanvas-bar .uk-checkbox, .uk-offcanvas-bar .uk-radio, .uk-overlay-primary .uk-checkbox, .uk-overlay-primary .uk-radio, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox, .uk-section-primary:not(.uk-preserve-color) .uk-radio, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-section-secondary:not(.uk-preserve-color) .uk-radio, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-primary:not(.uk-preserve-color) .uk-radio, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio { background-color:rgba(242,242,242,.1); border-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-checkbox:focus, .uk-card-primary.uk-card-body .uk-radio:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus, .uk-card-secondary.uk-card-body .uk-checkbox:focus, .uk-card-secondary.uk-card-body .uk-radio:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus, .uk-light .uk-checkbox:focus, .uk-light .uk-radio:focus, .uk-offcanvas-bar .uk-checkbox:focus, .uk-offcanvas-bar .uk-radio:focus, .uk-overlay-primary .uk-checkbox:focus, .uk-overlay-primary .uk-radio:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus { border-color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked, .uk-light .uk-checkbox:checked, .uk-light .uk-checkbox:indeterminate, .uk-light .uk-radio:checked, .uk-offcanvas-bar .uk-checkbox:checked, .uk-offcanvas-bar .uk-checkbox:indeterminate, .uk-offcanvas-bar .uk-radio:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-overlay-primary .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked { background-color:#fff; border-color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-checkbox:checked:focus, .uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-primary.uk-card-body .uk-radio:checked:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, .uk-card-secondary.uk-card-body .uk-radio:checked:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus, .uk-light .uk-checkbox:checked:focus, .uk-light .uk-checkbox:indeterminate:focus, .uk-light .uk-radio:checked:focus, .uk-offcanvas-bar .uk-checkbox:checked:focus, .uk-offcanvas-bar .uk-checkbox:indeterminate:focus, .uk-offcanvas-bar .uk-radio:checked:focus, .uk-overlay-primary .uk-checkbox:checked:focus, .uk-overlay-primary .uk-checkbox:indeterminate:focus, .uk-overlay-primary .uk-radio:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus { background-color:#e6e6e6 } .uk-card-primary.uk-card-body .uk-radio:checked, .uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked, .uk-card-secondary.uk-card-body .uk-radio:checked, .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked, .uk-light .uk-radio:checked, .uk-offcanvas-bar .uk-radio:checked, .uk-overlay-primary .uk-radio:checked, .uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-card-primary.uk-card-body .uk-checkbox:checked, .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked, .uk-card-secondary.uk-card-body .uk-checkbox:checked, .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked, .uk-light .uk-checkbox:checked, .uk-offcanvas-bar .uk-checkbox:checked, .uk-overlay-primary .uk-checkbox:checked, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A") } .uk-card-primary.uk-card-body .uk-checkbox:indeterminate, .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate, .uk-light .uk-checkbox:indeterminate, .uk-offcanvas-bar .uk-checkbox:indeterminate, .uk-overlay-primary .uk-checkbox:indeterminate, .uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-card-primary.uk-card-body .uk-form-label, .uk-card-primary>:not([class*=uk-card-media]) .uk-form-label, .uk-card-secondary.uk-card-body .uk-form-label, .uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label, .uk-light .uk-form-label, .uk-offcanvas-bar .uk-form-label, .uk-overlay-primary .uk-form-label, .uk-section-primary:not(.uk-preserve-color) .uk-form-label, .uk-section-secondary:not(.uk-preserve-color) .uk-form-label, .uk-tile-primary:not(.uk-preserve-color) .uk-form-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-label { color:#fff } .uk-card-primary.uk-card-body .uk-form-icon, .uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon, .uk-card-secondary.uk-card-body .uk-form-icon, .uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon, .uk-light .uk-form-icon, .uk-offcanvas-bar .uk-form-icon, .uk-overlay-primary .uk-form-icon, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-form-icon:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover, .uk-card-secondary.uk-card-body .uk-form-icon:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover, .uk-light .uk-form-icon:hover, .uk-offcanvas-bar .uk-form-icon:hover, .uk-overlay-primary .uk-form-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-button-default, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default, .uk-card-secondary.uk-card-body .uk-button-default, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default, .uk-light .uk-button-default, .uk-offcanvas-bar .uk-button-default, .uk-overlay-primary .uk-button-default, .uk-section-primary:not(.uk-preserve-color) .uk-button-default, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default { background-color:transparent; color:#fff; border-color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-button-default:focus, .uk-card-primary.uk-card-body .uk-button-default:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover, .uk-card-secondary.uk-card-body .uk-button-default:focus, .uk-card-secondary.uk-card-body .uk-button-default:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover, .uk-light .uk-button-default:focus, .uk-light .uk-button-default:hover, .uk-offcanvas-bar .uk-button-default:focus, .uk-offcanvas-bar .uk-button-default:hover, .uk-overlay-primary .uk-button-default:focus, .uk-overlay-primary .uk-button-default:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover { background-color:transparent; color:#fff; border-color:#fff } .uk-card-primary.uk-card-body .uk-button-default.uk-active, .uk-card-primary.uk-card-body .uk-button-default:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active, .uk-card-secondary.uk-card-body .uk-button-default.uk-active, .uk-card-secondary.uk-card-body .uk-button-default:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active, .uk-light .uk-button-default.uk-active, .uk-light .uk-button-default:active, .uk-offcanvas-bar .uk-button-default.uk-active, .uk-offcanvas-bar .uk-button-default:active, .uk-overlay-primary .uk-button-default.uk-active, .uk-overlay-primary .uk-button-default:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active { background-color:transparent; color:#fff; border-color:#fff } .uk-card-primary.uk-card-body .uk-button-primary, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary, .uk-card-secondary.uk-card-body .uk-button-primary, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary, .uk-light .uk-button-primary, .uk-offcanvas-bar .uk-button-primary, .uk-overlay-primary .uk-button-primary, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary { background-color:#fff; color:#666 } .uk-card-primary.uk-card-body .uk-button-primary:focus, .uk-card-primary.uk-card-body .uk-button-primary:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover, .uk-card-secondary.uk-card-body .uk-button-primary:focus, .uk-card-secondary.uk-card-body .uk-button-primary:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover, .uk-light .uk-button-primary:focus, .uk-light .uk-button-primary:hover, .uk-offcanvas-bar .uk-button-primary:focus, .uk-offcanvas-bar .uk-button-primary:hover, .uk-overlay-primary .uk-button-primary:focus, .uk-overlay-primary .uk-button-primary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover { background-color:#f2f2f2; color:#666 } .uk-card-primary.uk-card-body .uk-button-primary.uk-active, .uk-card-primary.uk-card-body .uk-button-primary:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active, .uk-card-secondary.uk-card-body .uk-button-primary.uk-active, .uk-card-secondary.uk-card-body .uk-button-primary:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active, .uk-light .uk-button-primary.uk-active, .uk-light .uk-button-primary:active, .uk-offcanvas-bar .uk-button-primary.uk-active, .uk-offcanvas-bar .uk-button-primary:active, .uk-overlay-primary .uk-button-primary.uk-active, .uk-overlay-primary .uk-button-primary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active { background-color:#e6e6e6; color:#666 } .uk-card-primary.uk-card-body .uk-button-secondary, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary, .uk-card-secondary.uk-card-body .uk-button-secondary, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary, .uk-light .uk-button-secondary, .uk-offcanvas-bar .uk-button-secondary, .uk-overlay-primary .uk-button-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary { background-color:#fff; color:#666 } .uk-card-primary.uk-card-body .uk-button-secondary:focus, .uk-card-primary.uk-card-body .uk-button-secondary:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover, .uk-card-secondary.uk-card-body .uk-button-secondary:focus, .uk-card-secondary.uk-card-body .uk-button-secondary:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover, .uk-light .uk-button-secondary:focus, .uk-light .uk-button-secondary:hover, .uk-offcanvas-bar .uk-button-secondary:focus, .uk-offcanvas-bar .uk-button-secondary:hover, .uk-overlay-primary .uk-button-secondary:focus, .uk-overlay-primary .uk-button-secondary:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover { background-color:#f2f2f2; color:#666 } .uk-card-primary.uk-card-body .uk-button-secondary.uk-active, .uk-card-primary.uk-card-body .uk-button-secondary:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active, .uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, .uk-card-secondary.uk-card-body .uk-button-secondary:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active, .uk-light .uk-button-secondary.uk-active, .uk-light .uk-button-secondary:active, .uk-offcanvas-bar .uk-button-secondary.uk-active, .uk-offcanvas-bar .uk-button-secondary:active, .uk-overlay-primary .uk-button-secondary.uk-active, .uk-overlay-primary .uk-button-secondary:active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active { background-color:#e6e6e6; color:#666 } .uk-card-primary.uk-card-body .uk-button-text, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text, .uk-card-secondary.uk-card-body .uk-button-text, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text, .uk-light .uk-button-text, .uk-offcanvas-bar .uk-button-text, .uk-overlay-primary .uk-button-text, .uk-section-primary:not(.uk-preserve-color) .uk-button-text, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text { color:#fff } .uk-card-primary.uk-card-body .uk-button-text::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before, .uk-card-secondary.uk-card-body .uk-button-text::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before, .uk-light .uk-button-text::before, .uk-offcanvas-bar .uk-button-text::before, .uk-overlay-primary .uk-button-text::before, .uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before { border-bottom-color:#fff } .uk-card-primary.uk-card-body .uk-button-text:focus, .uk-card-primary.uk-card-body .uk-button-text:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover, .uk-card-secondary.uk-card-body .uk-button-text:focus, .uk-card-secondary.uk-card-body .uk-button-text:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover, .uk-light .uk-button-text:focus, .uk-light .uk-button-text:hover, .uk-offcanvas-bar .uk-button-text:focus, .uk-offcanvas-bar .uk-button-text:hover, .uk-overlay-primary .uk-button-text:focus, .uk-overlay-primary .uk-button-text:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover { color:#fff } .uk-card-primary.uk-card-body .uk-button-text:disabled, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled, .uk-card-secondary.uk-card-body .uk-button-text:disabled, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled, .uk-light .uk-button-text:disabled, .uk-offcanvas-bar .uk-button-text:disabled, .uk-overlay-primary .uk-button-text:disabled, .uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-button-link, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-link, .uk-card-secondary.uk-card-body .uk-button-link, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link, .uk-light .uk-button-link, .uk-offcanvas-bar .uk-button-link, .uk-overlay-primary .uk-button-link, .uk-section-primary:not(.uk-preserve-color) .uk-button-link, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-button-link:focus, .uk-card-primary.uk-card-body .uk-button-link:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover, .uk-card-secondary.uk-card-body .uk-button-link:focus, .uk-card-secondary.uk-card-body .uk-button-link:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover, .uk-light .uk-button-link:focus, .uk-light .uk-button-link:hover, .uk-offcanvas-bar .uk-button-link:focus, .uk-offcanvas-bar .uk-button-link:hover, .uk-overlay-primary .uk-button-link:focus, .uk-overlay-primary .uk-button-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus, .uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before, .uk-light .uk-grid-divider>:not(.uk-first-column)::before, .uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before, .uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before { border-left-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before { border-top-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-close, .uk-card-primary>:not([class*=uk-card-media]) .uk-close, .uk-card-secondary.uk-card-body .uk-close, .uk-card-secondary>:not([class*=uk-card-media]) .uk-close, .uk-light .uk-close, .uk-offcanvas-bar .uk-close, .uk-overlay-primary .uk-close, .uk-section-primary:not(.uk-preserve-color) .uk-close, .uk-section-secondary:not(.uk-preserve-color) .uk-close, .uk-tile-primary:not(.uk-preserve-color) .uk-close, .uk-tile-secondary:not(.uk-preserve-color) .uk-close { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-close:focus, .uk-card-primary.uk-card-body .uk-close:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-close:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover, .uk-card-secondary.uk-card-body .uk-close:focus, .uk-card-secondary.uk-card-body .uk-close:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-close:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover, .uk-light .uk-close:focus, .uk-light .uk-close:hover, .uk-offcanvas-bar .uk-close:focus, .uk-offcanvas-bar .uk-close:hover, .uk-overlay-primary .uk-close:focus, .uk-overlay-primary .uk-close:hover, .uk-section-primary:not(.uk-preserve-color) .uk-close:focus, .uk-section-primary:not(.uk-preserve-color) .uk-close:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-close:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-close:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-totop, .uk-card-primary>:not([class*=uk-card-media]) .uk-totop, .uk-card-secondary.uk-card-body .uk-totop, .uk-card-secondary>:not([class*=uk-card-media]) .uk-totop, .uk-light .uk-totop, .uk-offcanvas-bar .uk-totop, .uk-overlay-primary .uk-totop, .uk-section-primary:not(.uk-preserve-color) .uk-totop, .uk-section-secondary:not(.uk-preserve-color) .uk-totop, .uk-tile-primary:not(.uk-preserve-color) .uk-totop, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-totop:focus, .uk-card-primary.uk-card-body .uk-totop:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-totop:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover, .uk-card-secondary.uk-card-body .uk-totop:focus, .uk-card-secondary.uk-card-body .uk-totop:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover, .uk-light .uk-totop:focus, .uk-light .uk-totop:hover, .uk-offcanvas-bar .uk-totop:focus, .uk-offcanvas-bar .uk-totop:hover, .uk-overlay-primary .uk-totop:focus, .uk-overlay-primary .uk-totop:hover, .uk-section-primary:not(.uk-preserve-color) .uk-totop:focus, .uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-totop:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active, .uk-card-secondary.uk-card-body .uk-totop:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active, .uk-light .uk-totop:active, .uk-offcanvas-bar .uk-totop:active, .uk-overlay-primary .uk-totop:active, .uk-section-primary:not(.uk-preserve-color) .uk-totop:active, .uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active { color:#fff } .uk-card-primary.uk-card-body .uk-marker, .uk-card-primary>:not([class*=uk-card-media]) .uk-marker, .uk-card-secondary.uk-card-body .uk-marker, .uk-card-secondary>:not([class*=uk-card-media]) .uk-marker, .uk-light .uk-marker, .uk-offcanvas-bar .uk-marker, .uk-overlay-primary .uk-marker, .uk-section-primary:not(.uk-preserve-color) .uk-marker, .uk-section-secondary:not(.uk-preserve-color) .uk-marker, .uk-tile-primary:not(.uk-preserve-color) .uk-marker, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker { background:#f8f8f8; color:#666 } .uk-card-primary.uk-card-body .uk-marker:focus, .uk-card-primary.uk-card-body .uk-marker:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-marker:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover, .uk-card-secondary.uk-card-body .uk-marker:focus, .uk-card-secondary.uk-card-body .uk-marker:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover, .uk-light .uk-marker:focus, .uk-light .uk-marker:hover, .uk-offcanvas-bar .uk-marker:focus, .uk-offcanvas-bar .uk-marker:hover, .uk-overlay-primary .uk-marker:focus, .uk-overlay-primary .uk-marker:hover, .uk-section-primary:not(.uk-preserve-color) .uk-marker:focus, .uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover { color:#666 } .uk-card-primary.uk-card-body .uk-badge, .uk-card-primary>:not([class*=uk-card-media]) .uk-badge, .uk-card-secondary.uk-card-body .uk-badge, .uk-card-secondary>:not([class*=uk-card-media]) .uk-badge, .uk-light .uk-badge, .uk-offcanvas-bar .uk-badge, .uk-overlay-primary .uk-badge, .uk-section-primary:not(.uk-preserve-color) .uk-badge, .uk-section-secondary:not(.uk-preserve-color) .uk-badge, .uk-tile-primary:not(.uk-preserve-color) .uk-badge, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge { background-color:#fff; color:#666 } .uk-card-primary.uk-card-body .uk-badge:focus, .uk-card-primary.uk-card-body .uk-badge:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-badge:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-badge:hover, .uk-card-secondary.uk-card-body .uk-badge:focus, .uk-card-secondary.uk-card-body .uk-badge:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-badge:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-badge:hover, .uk-light .uk-badge:focus, .uk-light .uk-badge:hover, .uk-offcanvas-bar .uk-badge:focus, .uk-offcanvas-bar .uk-badge:hover, .uk-overlay-primary .uk-badge:focus, .uk-overlay-primary .uk-badge:hover, .uk-section-primary:not(.uk-preserve-color) .uk-badge:focus, .uk-section-primary:not(.uk-preserve-color) .uk-badge:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover { color:#666 } .uk-card-primary.uk-card-body .uk-label, .uk-card-primary>:not([class*=uk-card-media]) .uk-label, .uk-card-secondary.uk-card-body .uk-label, .uk-card-secondary>:not([class*=uk-card-media]) .uk-label, .uk-light .uk-label, .uk-offcanvas-bar .uk-label, .uk-overlay-primary .uk-label, .uk-section-primary:not(.uk-preserve-color) .uk-label, .uk-section-secondary:not(.uk-preserve-color) .uk-label, .uk-tile-primary:not(.uk-preserve-color) .uk-label, .uk-tile-secondary:not(.uk-preserve-color) .uk-label { background-color:#fff; color:#666 } .uk-card-primary.uk-card-body .uk-article-meta, .uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta, .uk-card-secondary.uk-card-body .uk-article-meta, .uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta, .uk-light .uk-article-meta, .uk-offcanvas-bar .uk-article-meta, .uk-overlay-primary .uk-article-meta, .uk-section-primary:not(.uk-preserve-color) .uk-article-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-search-input, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-input, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input, .uk-light .uk-search-input, .uk-offcanvas-bar .uk-search-input, .uk-overlay-primary .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder, .uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder, .uk-light .uk-search-input:-ms-input-placeholder, .uk-offcanvas-bar .uk-search-input:-ms-input-placeholder, .uk-overlay-primary .uk-search-input:-ms-input-placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder { color:rgba(255,255,255,.5)!important } .uk-card-primary.uk-card-body .uk-search-input::placeholder, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder, .uk-card-secondary.uk-card-body .uk-search-input::placeholder, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder, .uk-light .uk-search-input::placeholder, .uk-offcanvas-bar .uk-search-input::placeholder, .uk-overlay-primary .uk-search-input::placeholder, .uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-search .uk-search-icon, .uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon, .uk-light .uk-search .uk-search-icon, .uk-offcanvas-bar .uk-search .uk-search-icon, .uk-overlay-primary .uk-search .uk-search-icon, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover, .uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover, .uk-light .uk-search .uk-search-icon:hover, .uk-offcanvas-bar .uk-search .uk-search-icon:hover, .uk-overlay-primary .uk-search .uk-search-icon:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-search-default .uk-search-input, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input, .uk-light .uk-search-default .uk-search-input, .uk-offcanvas-bar .uk-search-default .uk-search-input, .uk-overlay-primary .uk-search-default .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input { background-color:transparent; border-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus, .uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus, .uk-light .uk-search-default .uk-search-input:focus, .uk-offcanvas-bar .uk-search-default .uk-search-input:focus, .uk-overlay-primary .uk-search-default .uk-search-input:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus { background-color:transparent } .uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input, .uk-light .uk-search-navbar .uk-search-input, .uk-offcanvas-bar .uk-search-navbar .uk-search-input, .uk-overlay-primary .uk-search-navbar .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input { background-color:transparent } .uk-card-primary.uk-card-body .uk-search-large .uk-search-input, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input, .uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input, .uk-light .uk-search-large .uk-search-input, .uk-offcanvas-bar .uk-search-large .uk-search-input, .uk-overlay-primary .uk-search-large .uk-search-input, .uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input { background-color:transparent } .uk-card-primary.uk-card-body .uk-search-toggle, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle, .uk-card-secondary.uk-card-body .uk-search-toggle, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle, .uk-light .uk-search-toggle, .uk-offcanvas-bar .uk-search-toggle, .uk-overlay-primary .uk-search-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-search-toggle:focus, .uk-card-primary.uk-card-body .uk-search-toggle:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover, .uk-card-secondary.uk-card-body .uk-search-toggle:focus, .uk-card-secondary.uk-card-body .uk-search-toggle:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover, .uk-light .uk-search-toggle:focus, .uk-light .uk-search-toggle:hover, .uk-offcanvas-bar .uk-search-toggle:focus, .uk-offcanvas-bar .uk-search-toggle:hover, .uk-overlay-primary .uk-search-toggle:focus, .uk-overlay-primary .uk-search-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent>a::after, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a::after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent>a::after, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a::after, .uk-light .uk-nav-parent-icon>.uk-parent>a::after, .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after, .uk-overlay-primary .uk-nav-parent-icon>.uk-parent>a::after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-light .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-overlay-primary .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-card-primary.uk-card-body .uk-nav-default>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-card-secondary.uk-card-body .uk-nav-default>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a, .uk-light .uk-nav-default>li>a, .uk-offcanvas-bar .uk-nav-default>li>a, .uk-overlay-primary .uk-nav-default>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-nav-default>li>a:focus, .uk-card-primary.uk-card-body .uk-nav-default>li>a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover, .uk-card-secondary.uk-card-body .uk-nav-default>li>a:focus, .uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover, .uk-light .uk-nav-default>li>a:focus, .uk-light .uk-nav-default>li>a:hover, .uk-offcanvas-bar .uk-nav-default>li>a:focus, .uk-offcanvas-bar .uk-nav-default>li>a:hover, .uk-overlay-primary .uk-nav-default>li>a:focus, .uk-overlay-primary .uk-nav-default>li>a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a, .uk-light .uk-nav-default>li.uk-active>a, .uk-offcanvas-bar .uk-nav-default>li.uk-active>a, .uk-overlay-primary .uk-nav-default>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a { color:#fff } .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header, .uk-light .uk-nav-default .uk-nav-header, .uk-offcanvas-bar .uk-nav-default .uk-nav-header, .uk-overlay-primary .uk-nav-default .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header { color:#fff } .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider, .uk-light .uk-nav-default .uk-nav-divider, .uk-offcanvas-bar .uk-nav-default .uk-nav-divider, .uk-overlay-primary .uk-nav-default .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider { border-top-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a, .uk-light .uk-nav-default .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a, .uk-overlay-primary .uk-nav-default .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover, .uk-light .uk-nav-default .uk-nav-sub a:focus, .uk-light .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus, .uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-light .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a { color:#fff } .uk-card-primary.uk-card-body .uk-nav-primary>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-card-secondary.uk-card-body .uk-nav-primary>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a, .uk-light .uk-nav-primary>li>a, .uk-offcanvas-bar .uk-nav-primary>li>a, .uk-overlay-primary .uk-nav-primary>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-nav-primary>li>a:focus, .uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary>li>a:focus, .uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover, .uk-light .uk-nav-primary>li>a:focus, .uk-light .uk-nav-primary>li>a:hover, .uk-offcanvas-bar .uk-nav-primary>li>a:focus, .uk-offcanvas-bar .uk-nav-primary>li>a:hover, .uk-overlay-primary .uk-nav-primary>li>a:focus, .uk-overlay-primary .uk-nav-primary>li>a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a, .uk-light .uk-nav-primary>li.uk-active>a, .uk-offcanvas-bar .uk-nav-primary>li.uk-active>a, .uk-overlay-primary .uk-nav-primary>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a { color:#fff } .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header, .uk-light .uk-nav-primary .uk-nav-header, .uk-offcanvas-bar .uk-nav-primary .uk-nav-header, .uk-overlay-primary .uk-nav-primary .uk-nav-header, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header { color:#fff } .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider, .uk-light .uk-nav-primary .uk-nav-divider, .uk-offcanvas-bar .uk-nav-primary .uk-nav-divider, .uk-overlay-primary .uk-nav-primary .uk-nav-divider, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider { border-top-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a, .uk-light .uk-nav-primary .uk-nav-sub a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover, .uk-light .uk-nav-primary .uk-nav-sub a:focus, .uk-light .uk-nav-primary .uk-nav-sub a:hover, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus, .uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a { color:#fff } .uk-card-primary.uk-card-body .uk-navbar-nav>li>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a, .uk-light .uk-navbar-nav>li>a, .uk-offcanvas-bar .uk-navbar-nav>li>a, .uk-overlay-primary .uk-navbar-nav>li>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a { color:#1f2933;} .uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open, .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a.uk-open, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:focus, .uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a.uk-open, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:focus, .uk-light .uk-navbar-nav>li:hover>a, .uk-light .uk-navbar-nav>li>a.uk-open, .uk-light .uk-navbar-nav>li>a:focus, .uk-offcanvas-bar .uk-navbar-nav>li:hover>a, .uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open, .uk-offcanvas-bar .uk-navbar-nav>li>a:focus, .uk-overlay-primary .uk-navbar-nav>li:hover>a, .uk-overlay-primary .uk-navbar-nav>li>a.uk-open, .uk-overlay-primary .uk-navbar-nav>li>a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus { color:#0057bf } .uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active, .uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active, .uk-light .uk-navbar-nav>li>a:active, .uk-offcanvas-bar .uk-navbar-nav>li>a:active, .uk-overlay-primary .uk-navbar-nav>li>a:active, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active { color:#fff } .uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a, .uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a, .uk-light .uk-navbar-nav>li.uk-active>a, .uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a, .uk-overlay-primary .uk-navbar-nav>li.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a { color:#fff } .uk-card-primary.uk-card-body .uk-navbar-item, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item, .uk-card-secondary.uk-card-body .uk-navbar-item, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item, .uk-light .uk-navbar-item, .uk-offcanvas-bar .uk-navbar-item, .uk-overlay-primary .uk-navbar-item, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-navbar-toggle, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle, .uk-card-secondary.uk-card-body .uk-navbar-toggle, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle, .uk-light .uk-navbar-toggle, .uk-offcanvas-bar .uk-navbar-toggle, .uk-overlay-primary .uk-navbar-toggle, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open, .uk-card-primary.uk-card-body .uk-navbar-toggle:focus, .uk-card-primary.uk-card-body .uk-navbar-toggle:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle.uk-open, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover, .uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open, .uk-card-secondary.uk-card-body .uk-navbar-toggle:focus, .uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle.uk-open, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover, .uk-light .uk-navbar-toggle.uk-open, .uk-light .uk-navbar-toggle:focus, .uk-light .uk-navbar-toggle:hover, .uk-offcanvas-bar .uk-navbar-toggle.uk-open, .uk-offcanvas-bar .uk-navbar-toggle:focus, .uk-offcanvas-bar .uk-navbar-toggle:hover, .uk-overlay-primary .uk-navbar-toggle.uk-open, .uk-overlay-primary .uk-navbar-toggle:focus, .uk-overlay-primary .uk-navbar-toggle:hover, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-subnav>*>:first-child, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child, .uk-card-secondary.uk-card-body .uk-subnav>*>:first-child, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child, .uk-light .uk-subnav>*>:first-child, .uk-offcanvas-bar .uk-subnav>*>:first-child, .uk-overlay-primary .uk-subnav>*>:first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-subnav>*>a:focus, .uk-card-primary.uk-card-body .uk-subnav>*>a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover, .uk-card-secondary.uk-card-body .uk-subnav>*>a:focus, .uk-card-secondary.uk-card-body .uk-subnav>*>a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover, .uk-light .uk-subnav>*>a:focus, .uk-light .uk-subnav>*>a:hover, .uk-offcanvas-bar .uk-subnav>*>a:focus, .uk-offcanvas-bar .uk-subnav>*>a:hover, .uk-overlay-primary .uk-subnav>*>a:focus, .uk-overlay-primary .uk-subnav>*>a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-subnav>.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a, .uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a, .uk-light .uk-subnav>.uk-active>a, .uk-offcanvas-bar .uk-subnav>.uk-active>a, .uk-overlay-primary .uk-subnav>.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a { color:#fff } .uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before { border-left-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child, .uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child, .uk-light .uk-subnav-pill>*>:first-child, .uk-offcanvas-bar .uk-subnav-pill>*>:first-child, .uk-overlay-primary .uk-subnav-pill>*>:first-child, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child { background-color:transparent; color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-subnav-pill>*>a:focus, .uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover, .uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:focus, .uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover, .uk-light .uk-subnav-pill>*>a:focus, .uk-light .uk-subnav-pill>*>a:hover, .uk-offcanvas-bar .uk-subnav-pill>*>a:focus, .uk-offcanvas-bar .uk-subnav-pill>*>a:hover, .uk-overlay-primary .uk-subnav-pill>*>a:focus, .uk-overlay-primary .uk-subnav-pill>*>a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover { background-color:rgba(255,255,255,.1); color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active, .uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active, .uk-light .uk-subnav-pill>*>a:active, .uk-offcanvas-bar .uk-subnav-pill>*>a:active, .uk-overlay-primary .uk-subnav-pill>*>a:active, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active { background-color:rgba(255,255,255,.1); color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a, .uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a, .uk-light .uk-subnav-pill>.uk-active>a, .uk-offcanvas-bar .uk-subnav-pill>.uk-active>a, .uk-overlay-primary .uk-subnav-pill>.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a { background-color:#fff; color:#666 } .uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a, .uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a, .uk-light .uk-subnav>.uk-disabled>a, .uk-offcanvas-bar .uk-subnav>.uk-disabled>a, .uk-overlay-primary .uk-subnav>.uk-disabled>a, .uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a, .uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a, .uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-breadcrumb>*>*, .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*, .uk-card-secondary.uk-card-body .uk-breadcrumb>*>*, .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*, .uk-light .uk-breadcrumb>*>*, .uk-offcanvas-bar .uk-breadcrumb>*>*, .uk-overlay-primary .uk-breadcrumb>*>*, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>* { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-breadcrumb>*>:focus, .uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover, .uk-card-secondary.uk-card-body .uk-breadcrumb>*>:focus, .uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover, .uk-light .uk-breadcrumb>*>:focus, .uk-light .uk-breadcrumb>*>:hover, .uk-offcanvas-bar .uk-breadcrumb>*>:focus, .uk-offcanvas-bar .uk-breadcrumb>*>:hover, .uk-overlay-primary .uk-breadcrumb>*>:focus, .uk-overlay-primary .uk-breadcrumb>*>:hover, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*, .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*, .uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*, .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*, .uk-light .uk-breadcrumb>:last-child>*, .uk-offcanvas-bar .uk-breadcrumb>:last-child>*, .uk-overlay-primary .uk-breadcrumb>:last-child>*, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>* { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-pagination>*>*, .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*, .uk-card-secondary.uk-card-body .uk-pagination>*>*, .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*, .uk-light .uk-pagination>*>*, .uk-offcanvas-bar .uk-pagination>*>*, .uk-overlay-primary .uk-pagination>*>*, .uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>* { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-pagination>*>:focus, .uk-card-primary.uk-card-body .uk-pagination>*>:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover, .uk-card-secondary.uk-card-body .uk-pagination>*>:focus, .uk-card-secondary.uk-card-body .uk-pagination>*>:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover, .uk-light .uk-pagination>*>:focus, .uk-light .uk-pagination>*>:hover, .uk-offcanvas-bar .uk-pagination>*>:focus, .uk-offcanvas-bar .uk-pagination>*>:hover, .uk-overlay-primary .uk-pagination>*>:focus, .uk-overlay-primary .uk-pagination>*>:hover, .uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:focus, .uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-pagination>.uk-active>*, .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*, .uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*, .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*, .uk-light .uk-pagination>.uk-active>*, .uk-offcanvas-bar .uk-pagination>.uk-active>*, .uk-overlay-primary .uk-pagination>.uk-active>*, .uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>* { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*, .uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*, .uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*, .uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*, .uk-light .uk-pagination>.uk-disabled>*, .uk-offcanvas-bar .uk-pagination>.uk-disabled>*, .uk-overlay-primary .uk-pagination>.uk-disabled>*, .uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*, .uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*, .uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>* { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-tab::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before, .uk-card-secondary.uk-card-body .uk-tab::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before, .uk-light .uk-tab::before, .uk-offcanvas-bar .uk-tab::before, .uk-overlay-primary .uk-tab::before, .uk-section-primary:not(.uk-preserve-color) .uk-tab::before, .uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before { border-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-tab>*>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a, .uk-card-secondary.uk-card-body .uk-tab>*>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a, .uk-light .uk-tab>*>a, .uk-offcanvas-bar .uk-tab>*>a, .uk-overlay-primary .uk-tab>*>a, .uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-tab>*>a:focus, .uk-card-primary.uk-card-body .uk-tab>*>a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover, .uk-card-secondary.uk-card-body .uk-tab>*>a:focus, .uk-card-secondary.uk-card-body .uk-tab>*>a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover, .uk-light .uk-tab>*>a:focus, .uk-light .uk-tab>*>a:hover, .uk-offcanvas-bar .uk-tab>*>a:focus, .uk-offcanvas-bar .uk-tab>*>a:hover, .uk-overlay-primary .uk-tab>*>a:focus, .uk-overlay-primary .uk-tab>*>a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-tab>.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a, .uk-card-secondary.uk-card-body .uk-tab>.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a, .uk-light .uk-tab>.uk-active>a, .uk-offcanvas-bar .uk-tab>.uk-active>a, .uk-overlay-primary .uk-tab>.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a { color:#fff; border-color:#fff } .uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a, .uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a, .uk-light .uk-tab>.uk-disabled>a, .uk-offcanvas-bar .uk-tab>.uk-disabled>a, .uk-overlay-primary .uk-tab>.uk-disabled>a, .uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a, .uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a, .uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav, .uk-light .uk-slidenav, .uk-offcanvas-bar .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-slidenav:focus, .uk-card-primary.uk-card-body .uk-slidenav:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover, .uk-card-secondary.uk-card-body .uk-slidenav:focus, .uk-card-secondary.uk-card-body .uk-slidenav:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover, .uk-light .uk-slidenav:focus, .uk-light .uk-slidenav:hover, .uk-offcanvas-bar .uk-slidenav:focus, .uk-offcanvas-bar .uk-slidenav:hover, .uk-overlay-primary .uk-slidenav:focus, .uk-overlay-primary .uk-slidenav:hover, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover { color:rgba(255,255,255,.95) } .uk-card-primary.uk-card-body .uk-slidenav:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active, .uk-card-secondary.uk-card-body .uk-slidenav:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active, .uk-light .uk-slidenav:active, .uk-offcanvas-bar .uk-slidenav:active, .uk-overlay-primary .uk-slidenav:active, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-dotnav>*>*, .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*, .uk-card-secondary.uk-card-body .uk-dotnav>*>*, .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*, .uk-light .uk-dotnav>*>*, .uk-offcanvas-bar .uk-dotnav>*>*, .uk-overlay-primary .uk-dotnav>*>*, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>* { background-color:transparent; border-color:rgba(255,255,255,.9) } .uk-card-primary.uk-card-body .uk-dotnav>*>:focus, .uk-card-primary.uk-card-body .uk-dotnav>*>:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover, .uk-card-secondary.uk-card-body .uk-dotnav>*>:focus, .uk-card-secondary.uk-card-body .uk-dotnav>*>:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover, .uk-light .uk-dotnav>*>:focus, .uk-light .uk-dotnav>*>:hover, .uk-offcanvas-bar .uk-dotnav>*>:focus, .uk-offcanvas-bar .uk-dotnav>*>:hover, .uk-overlay-primary .uk-dotnav>*>:focus, .uk-overlay-primary .uk-dotnav>*>:hover, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover { background-color:rgba(255,255,255,.9); border-color:transparent } .uk-card-primary.uk-card-body .uk-dotnav>*>:active, .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active, .uk-card-secondary.uk-card-body .uk-dotnav>*>:active, .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active, .uk-light .uk-dotnav>*>:active, .uk-offcanvas-bar .uk-dotnav>*>:active, .uk-overlay-primary .uk-dotnav>*>:active, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active { background-color:rgba(255,255,255,.5); border-color:transparent } .uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*, .uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*, .uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*, .uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*, .uk-light .uk-dotnav>.uk-active>*, .uk-offcanvas-bar .uk-dotnav>.uk-active>*, .uk-overlay-primary .uk-dotnav>.uk-active>*, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>* { background-color:#fff; border-color:transparent } .uk-card-primary.uk-card-body .uk-accordion-title, .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title, .uk-card-secondary.uk-card-body .uk-accordion-title, .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title, .uk-light .uk-accordion-title, .uk-offcanvas-bar .uk-accordion-title, .uk-overlay-primary .uk-accordion-title, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title { color:#fff } .uk-card-primary.uk-card-body .uk-accordion-title:focus, .uk-card-primary.uk-card-body .uk-accordion-title:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover, .uk-card-secondary.uk-card-body .uk-accordion-title:focus, .uk-card-secondary.uk-card-body .uk-accordion-title:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover, .uk-light .uk-accordion-title:focus, .uk-light .uk-accordion-title:hover, .uk-offcanvas-bar .uk-accordion-title:focus, .uk-offcanvas-bar .uk-accordion-title:hover, .uk-overlay-primary .uk-accordion-title:focus, .uk-overlay-primary .uk-accordion-title:hover, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-iconnav>*>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a, .uk-card-secondary.uk-card-body .uk-iconnav>*>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a, .uk-light .uk-iconnav>*>a, .uk-offcanvas-bar .uk-iconnav>*>a, .uk-overlay-primary .uk-iconnav>*>a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-iconnav>*>a:focus, .uk-card-primary.uk-card-body .uk-iconnav>*>a:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover, .uk-card-secondary.uk-card-body .uk-iconnav>*>a:focus, .uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover, .uk-light .uk-iconnav>*>a:focus, .uk-light .uk-iconnav>*>a:hover, .uk-offcanvas-bar .uk-iconnav>*>a:focus, .uk-offcanvas-bar .uk-iconnav>*>a:hover, .uk-overlay-primary .uk-iconnav>*>a:focus, .uk-overlay-primary .uk-iconnav>*>a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a, .uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a, .uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a, .uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a, .uk-light .uk-iconnav>.uk-active>a, .uk-offcanvas-bar .uk-iconnav>.uk-active>a, .uk-overlay-primary .uk-iconnav>.uk-active>a, .uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a, .uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a, .uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a, .uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead, .uk-light .uk-text-lead, .uk-offcanvas-bar .uk-text-lead, .uk-overlay-primary .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta, .uk-card-secondary.uk-card-body .uk-text-meta, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta, .uk-light .uk-text-meta, .uk-offcanvas-bar .uk-text-meta, .uk-overlay-primary .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta { color:rgba(255,255,255,.5) } .uk-card-primary.uk-card-body .uk-text-muted, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted, .uk-card-secondary.uk-card-body .uk-text-muted, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted, .uk-light .uk-text-muted, .uk-offcanvas-bar .uk-text-muted, .uk-overlay-primary .uk-text-muted, .uk-section-primary:not(.uk-preserve-color) .uk-text-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted { color:rgba(255,255,255,.5)!important } .uk-card-primary.uk-card-body .uk-text-emphasis, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis, .uk-card-secondary.uk-card-body .uk-text-emphasis, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis, .uk-light .uk-text-emphasis, .uk-offcanvas-bar .uk-text-emphasis, .uk-overlay-primary .uk-text-emphasis, .uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis { color:#fff!important } .uk-card-primary.uk-card-body .uk-text-primary, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary, .uk-card-secondary.uk-card-body .uk-text-primary, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary, .uk-light .uk-text-primary, .uk-offcanvas-bar .uk-text-primary, .uk-overlay-primary .uk-text-primary, .uk-section-primary:not(.uk-preserve-color) .uk-text-primary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary { color:#fff!important } .uk-card-primary.uk-card-body .uk-text-secondary, .uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary, .uk-card-secondary.uk-card-body .uk-text-secondary, .uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary, .uk-light .uk-text-secondary, .uk-offcanvas-bar .uk-text-secondary, .uk-overlay-primary .uk-text-secondary, .uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary { color:#fff!important } .uk-card-primary.uk-card-body .uk-column-divider, .uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider, .uk-card-secondary.uk-card-body .uk-column-divider, .uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider, .uk-light .uk-column-divider, .uk-offcanvas-bar .uk-column-divider, .uk-overlay-primary .uk-column-divider, .uk-section-primary:not(.uk-preserve-color) .uk-column-divider, .uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, .uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider { column-rule-color:rgba(255,255,255,.2) } .uk-card-primary.uk-card-body .uk-logo, .uk-card-primary>:not([class*=uk-card-media]) .uk-logo, .uk-card-secondary.uk-card-body .uk-logo, .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo, .uk-light .uk-logo, .uk-offcanvas-bar .uk-logo, .uk-overlay-primary .uk-logo, .uk-section-primary:not(.uk-preserve-color) .uk-logo, .uk-section-secondary:not(.uk-preserve-color) .uk-logo, .uk-tile-primary:not(.uk-preserve-color) .uk-logo, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-logo:focus, .uk-card-primary.uk-card-body .uk-logo:hover, .uk-card-primary>:not([class*=uk-card-media]) .uk-logo:focus, .uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover, .uk-card-secondary.uk-card-body .uk-logo:focus, .uk-card-secondary.uk-card-body .uk-logo:hover, .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:focus, .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover, .uk-light .uk-logo:focus, .uk-light .uk-logo:hover, .uk-offcanvas-bar .uk-logo:focus, .uk-offcanvas-bar .uk-logo:hover, .uk-overlay-primary .uk-logo:focus, .uk-overlay-primary .uk-logo:hover, .uk-section-primary:not(.uk-preserve-color) .uk-logo:focus, .uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus, .uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus, .uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover { color:rgba(255,255,255,.7) } .uk-card-primary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-light .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-offcanvas-bar .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-overlay-primary .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type), .uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type) { display:none } .uk-card-primary.uk-card-body .uk-logo-inverse, .uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse, .uk-card-secondary.uk-card-body .uk-logo-inverse, .uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse, .uk-light .uk-logo-inverse, .uk-offcanvas-bar .uk-logo-inverse, .uk-overlay-primary .uk-logo-inverse, .uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, .uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse { display:inline } .uk-card-primary.uk-card-body .uk-accordion-title::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-accordion-title::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before, .uk-light .uk-accordion-title::before, .uk-offcanvas-bar .uk-accordion-title::before, .uk-overlay-primary .uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E") } .uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before, .uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before, .uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before, .uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before, .uk-light .uk-open>.uk-accordion-title::before, .uk-offcanvas-bar .uk-open>.uk-accordion-title::before, .uk-overlay-primary .uk-open>.uk-accordion-title::before, .uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before, .uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before, .uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before, .uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before { background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E") } @media print { *, ::after, ::before { background:0 0!important; color:#000!important; box-shadow:none!important; text-shadow:none!important } a, a:visited { text-decoration:underline } blockquote, pre { border:1px solid #999; page-break-inside:avoid } thead { display:table-header-group } img, tr { page-break-inside:avoid } img { max-width:100%!important } @page { margin:.5cm } h2, h3, p { orphans:3; widows:3 } h2, h3 { page-break-after:avoid } } .control_slide { background: red; } .local-guide-sec a.uk-link {color: #fff; } /*! jQuery UI - v1.8.24 - 2012-09-28 * https://github.com/jquery/jquery-ui * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css * Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */ /* Layout helpers ----------------------------------*/ /*custom css */ .ui-autocomplete { position: fixed; cursor: default; z-index: 10000; } /*custom css */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,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; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.24 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { padding: 18px 20px 15px 20px; border-bottom: 1px solid #cdd4db; line-height: 20px; display: block; font-weight: normal; font-size: 14px; color: #004876; cursor: pointer; font-family: 'GothamHTF-Book'; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .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-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .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 { border-left-width:0; } .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:0em; } /* 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 { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; 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-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .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-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .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-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .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: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { background: #fff; color: #666; box-shadow: 0 5px 12px rgb(0 0 0 / 15%); border-radius: 4px; padding: 0; margin: 25px 0 0 0;} .ui-widget-content::before {content: ''; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #999; top: -10px; left: 30px; z-index: 999999;} .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; 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 { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ /*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color: #00619f; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ /*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .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; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; /*{iconsContent}*/; } .ui-widget-content .ui-icon {/*{iconsContent}*/; } .ui-widget-header .ui-icon {/*{iconsHeader}*/; } .ui-state-default .ui-icon {/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {/*{iconsHover}*/; } .ui-state-active .ui-icon {/*{iconsActive}*/; } .ui-state-highlight .ui-icon {/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-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: -64px -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: -64px -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: 0 -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-off { background-position: -96px -144px; } .ui-icon-radio-on { 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 { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ /*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height: 1%; } .ui-helper-clearfix { display: block; } /* end clearfix */ .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-datepicker { width: 17em; padding: .1em .1em 0; z-index: 9999 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; border: none; } .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.0em; line-height: 1.8em; text-align: center; font-family: 'CocogooseProCondensed', Impact; text-transform: uppercase; } .ui-datepicker .ui-datepicker-title select { float: left; font-size: 1em; margin: 1px 0; width: 60px; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 2px; line-height: 24px; } .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: 0 .4em; text-align: right; text-decoration: none; list-style: 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; font-family: 'CocogooseProCondensed', Impact; text-transform: uppercase; border-radius: 0; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-widget { font-size: 0.9em; z-index: 999; display: none; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; } .ui-widget-content { background-color: #ffffff; color: #25314B; } .ui-widget-content a { color: #222222; } .ui-widget-header { background-color: #cccccc; color: #25314B; font-weight: bold; border: none; } .ui-widget-header a { color: #25314B; } .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cdcdcd; background-color: #e6e6e6; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; list-style: none; outline: none; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:focus { color: #212121; text-decoration: none; list-style: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background-color: #ffffff; font-weight: normal; color: #212121/*{fcActive}*/; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; outline: none; text-decoration: none; list-style: none; } /*CalendarColor*/ #ui-datepicker-div { z-index: 1001; display: none; font-size: 14px; margin-top:10px; } .ui-datepicker { padding: 1px 5px; background-color: #FFFFFF; border: solid 1px #cbcbcb; border-radius: 0; } .ui-widget-header { background-color: #FFFFFF; border-bottom: 1px solid #cbcbcb; margin: 0px 7px; padding: 4px 0px !important; border: none; } .ui-widget select { border: #0D0D0D solid 1px; } .ui-datepicker th { background-color: #FFFFFF; color:#25314B; font-family: 'CocogooseProCondensed', Impact; text-transform: uppercase; } .ui-datepicker-month { color: #25314b; font-size: 12px; } .ui-datepicker-year { color: #25314b; font-size: 12px; } .ui-widget-content .ui-state-default { background-color: #FFFFFF; color: #25314B; border: #FFFFFF solid 1px; text-align: center; } .ui-state-disabled .ui-state-default { background-color: #FFFFFF; color: #25314B; border: #FFFFFF solid 1px; text-align: center; opacity:0.6; } .ui-state-highlight, .ui-widget-content .ui-state-highlight { background-color: #FFFFFF; color: #25314B;/*COLOR CHANGE*/ border: #25314B solid 1px; } .ui-widget-content .ui-state-active { background-color: #25314B; color: #FFFFFF; border: #25314B solid 1px; } .ui-widget-content .ui-state-hover { background-color: #25314B; color: #FFFFFF; border: #25314B solid 1px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { width: 10px; height: 9px; position: relative; top: 6px; cursor: pointer; display: inline; transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; } .ui-datepicker .ui-datepicker-prev { background: url(https://www.sunoutdoors.com/images_noindex/sprite.png) -85px 0px no-repeat; left: 0px; float: left; } .ui-datepicker .ui-datepicker-prev-hover { background: url(https://www.sunoutdoors.com/images_noindex/sprite.png) -58px 0px no-repeat; left: 0px; border: none; float: left; } .ui-datepicker .ui-datepicker-next { background: url(https://www.sunoutdoors.com/images_noindex/sprite.png) -72px 0 no-repeat; right: 0px; float: right; } .ui-datepicker .ui-datepicker-next-hover { background: url(https://www.sunoutdoors.com/images_noindex/sprite.png) -43px 0px no-repeat; right: 0px; border: none; float: right; } .ui-state-disabled { background: none !important; } .ui-datepicker .ui-datepicker-buttonpane button:hover, .ui-datepicker .ui-datepicker-buttonpane button:focus { background-color: #25314B; color: #fff; } .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next:focus { background: url(https://www.sunoutdoors.com/images_noindex/sprite.png) -43px 0 no-repeat; right: 0; border: none; float: right; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-prev:focus { background: url(https://www.sunoutdoors.com/images_noindex/sprite.png) -58px 0 no-repeat; left: 0; border: none; float: left; } /* Reset Css [start]*/ html{ color: #25314B;} body{font-size:15px; line-height:24px; background: #25314B; font-family: 'Red Hat Display'; color:#25314B;} #wrapper { background: #FFF4EC; } * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; } .uk-container { box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; } a, button { outline: none; text-decoration: none; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -moz-transition: all 0.6s ease; } button{ cursor:pointer;} .bold{font-weight:bold;} a:hover, a:focus { color: #7a2500; text-decoration: none; border-bottom: solid 1px transparent; } /*[Start] link CSS*/ a.link { color:#25314B; font-size: 14px; font-weight: bold; line-height: 15px; border-bottom: solid 1px transparent; font-family: 'CocogooseProCondensed', Impact; } a.link:hover, a.link:focus { color:#25314B; border-bottom: solid 1px #25314B; } a.accent-link { color: #FEBB1F; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 18px; border-bottom: solid 1px transparent; font-family: 'CocogooseProCondensed', Impact; } a.accent-link:after{ content: "\e902"; position: relative; margin:0; font-size: 12px; font-family: 'mimiconfont' !important; } a.accent-link:hover, a.accent-link:focus { color:#25314B; } a.dark-yellow-link { color:#FEBB1F; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 18px; border-bottom: solid 1px transparent; font-family: 'CocogooseProCondensed', Impact; } a.dark-yellow-link:after{ content: "\e902"; position: relative; margin:0; font-size: 12px; font-family: 'mimiconfont' !important; } a.dark-yellow-link:hover, a.dark-yellow-link:focus { color:#25314B; } a.black-link { color:#25314B; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 18px; border-bottom: solid 1px transparent; font-family: 'CocogooseProCondensed', Impact; } a.black-link:after{ content: "\e902"; position: relative; margin: 0; font-size: 12px; font-family: 'mimiconfont' !important; } a.black-link:hover, a.black-link:focus { color:#7a2500; } a.white-arrow-link { color:#FFF4EC; filter: opacity(1); font-size: 14px; text-transform: uppercase; line-height: 18px; border-bottom: solid 1px transparent; font-family: 'CocogooseProCondensed', Impact; } a.white-arrow-link span { filter: opacity(1); } a.white-arrow-link:after{ content: "\e902"; position: relative; margin:0; font-size: 12px; font-family: 'mimiconfont' !important; } a.white-arrow-link:hover, a.white-arrow-link:focus { color:#FEBB1F}; } a.white-link { color: #FFF4EC; font-size: 14px; font-weight: bold; line-height: 15px; border-bottom: solid 1px transparent; font-family: 'CocogooseProCondensed', Impact; } a.white-link:hover, a.white-link:focus { color:#ffffff; border-bottom: solid 1px #FFF4EC; } .dark-grey.link{ font-family: 'CocogooseProCondensed', Impact; color: #25314B;} .dark-grey.link:hover, .dark-grey.link:focus{ color:#394C57;} .formslable, .formslable2, .aistring {display:none !important;} /*[End] link CSS*/ #featureSliderArrow{display:none;} .full-faq-section .faq-question-list .listing{} .full-faq-section .faq-question-list .listing li{ padding: 0; border: 0; list-style-type: disc; color:#25314B;} .listing-container{ margin: 0;} .listing{padding-left:20px;} .listing li{color: #ffffff; list-style-type: disc;} select, input { -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; } .uk-select{background:none !important;} .select-option{ position: relative;} .select-option:after{ content: "\e90d"; font-family: 'mimicon' !important; font-size: 13px; display: block; position: absolute; top: 13px; right: 12px; pointer-events: none;} input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; } input, select, textarea, input[type="date"] { border: 1px solid #BEB9B5; width: 100%; height: 40px; line-height: 40px; padding: 0 12px; font-size: 16px; box-sizing: border-box; background: #ffffff; border-radius: 0; outline: none; resize: none; } input:focus, select:focus { border-color:#BEB9B5; outline: none; } .commentlable { margin-bottom: 8px; } .frmfieldset { margin-bottom: 15px; } div#gdpr-rfp { font-size: 16px; } select::-ms-expand { display: none; } .frmfieldset textarea { min-height: 120px; display: block; } img { max-width: 100%; height: auto; } .boxspacer { display: block; height: 20px; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; color: #000; background: #ffffff; filter: opacity(1); } .error-message { font-size: 14px; color: #dc1010; } .google-captcha-message .error-message { position: relative; } .common-form .captcha-code .google-captcha-code{ width: 310px;} .uk-link, a { border-bottom: solid 1px transparent; color:#25314B; } .small-title-pt.red-link{color:#BB2027} .small-title-pt.d-grey{color:#25314B} .contentfocus:focus { outline: 1px solid #0FA9ED; outline-offset: 4px; } .contentfocuswhite:focus { outline: 1px solid #0FA9ED; outline-offset: 4px; } .inner-main-image-section .main-img-head.contentfocus:focus { outline: 1px solid #0FA9ED; outline-offset: 4px; } .uk-link-toggle:focus .uk-link, .uk-link-toggle:hover .uk-link, .uk-link:hover { color: #ffffff; border-bottom: solid 1px #ffffff; } a.white:hover, a.white:focus{color: #ffffff; border-bottom: solid 1px #ffffff;} body .pushItDown { margin-top: 0 !important; } p a{font-weight: bold;color:#25314B;border-bottom: solid 1px #25314B;} p a:hover, p a:focus{color:#7a2500;border-bottom: solid 1px #7a2500;} .zig-vt-content p a:hover, .zig-vt-content p a:focus{color:#7a2500;border-bottom: solid 1px #7a2500;} /*Slider Arrow*/ .uk-slidenav { color:#ffffff; padding: 5px 0;border-bottom: none !important;} .uk-slidenav-next svg{display:none} .uk-slidenav-previous svg{display:none} .uk-slidenav:hover:after { color: #7a2500; } .uk-slidenav-next:after { font-family: 'mimiconfont' !important; font-size: 15px; color: #25314B; content: "\e96b"; } .uk-slidenav-previous:after { font-family: 'mimiconfont' !important; font-size: 15px; color: #25314B; content: "\e96b"; transform: rotate(180deg); display: inline-block; } .uk-invisible{ visibility: visible !important; pointer-events: none;} .uk-invisible:after{ color: rgb(37 49 75 / 30%);} .control_slide1{font-family: 'CocogooseProCondensed', Impact;} /*Slider Arrow*/ .drop-menu{display:none;} /* Font size[start]*/ .large-font, h1, h2, h3, h4, h5, h6, .h1, .h2, h3, .h4, .h5, .h6 { color:#25314B; font-family: 'CocogooseProCondensed', Impact; } .large-font{ font-size:30px; line-height:38px; } h1, .h1 { font-size: 24px; line-height:30px; } h2, .h2 { font-size: 22px; line-height:28px; } h3, .h3 { font-size:18px; line-height:26px; } h4, .h4 { font-size: 12px; line-height:18px; } h5 { font-size:18px; line-height:26px; } h6 { font-size:12px; line-height:18px; } /* Font size[End]*/ /*Color [Start] .white{color:#ffffff;} .grey{color:#828E9A;} .light-grey{color:#CED2D6;} .dark-blue{color:#25314B;} .orange{color:#C95500;} .white-bg{background-color:#ffffff;} .off-white-bg{background-color:#F7F7F7;} .grey-bg{background-color:#F8F5F2;} .dark-grey-bg{background-color:#737E8B;} .dark-grey-bg2{background-color:#42515F;} .light-bg{background-color:#EFF3F5;} .acent-bg{background-color:#FEBB1F;} /*Color [End]*/ /* Button [start]*/ .button { display: inline-block; color:#25314B; text-transform: uppercase; text-decoration: none; line-height: 30px; font-size: 16px; font-weight: 400; text-align: center; padding:8px 20px; transition: background-color .3s ease-out 0s; -webkit-transition: background-color .3s ease-out 0s; background:#FEBB1F; border: solid 2px transparent; cursor: pointer; font-weight:bold; border-radius: 4px; font-family: 'CocogooseProCondensed', Impact; } .button:hover, .button:focus { background:#25314B; color:#FEBB1F; border:solid 2px #FEBB1F; } .orange-btn { display: inline-block; color: #ffffff; text-transform: uppercase; text-decoration: none; line-height: 30px; font-size: 16px; text-align: center; padding:8px 20px; transition: background-color .3s ease-out 0s; -webkit-transition: background-color .3s ease-out 0s; background:#C95500; border: solid 2px #C95500; cursor: pointer; letter-spacing: 0.8px; border-radius: 4px; font-family: 'CocogooseProCondensed', Impact; } .orange-btn:hover, .orange-btn:focus { background: #25314B; color: #ffffff; border: solid 2px #25314B; } .negative-btn{ display: inline-block; color:#FFF4EC; filter: opacity(1); text-transform: uppercase; text-decoration: none; line-height: 30px; font-size: 16px; text-align: center; padding:8px 20px; transition: background-color .3s ease-out 0s; -webkit-transition: background-color .3s ease-out 0s; background:transparent; border: solid 2px #FFF4EC; cursor: pointer; border-radius: 4px; letter-spacing: 0.8px; font-family: 'CocogooseProCondensed', Impact; } .negative-btn:hover, .negative-btn:focus { background: #25314B; color:#FEBB1F; filter: opacity(1); border: solid 2px #FEBB1F; } .negative-btn span { filter: opacity(1); } .disabled-btn{ display: inline-block; color:#ffffff; text-transform: uppercase; text-decoration: none; line-height: 30px; font-size: 16px; letter-spacing: 0.8px; text-align: center; padding:8px 20px; transition: background-color .3s ease-out 0s; -webkit-transition: background-color .3s ease-out 0s; background:#CED2D6; border: solid 2px #CED2D6; cursor: pointer; border-radius: 4px; font-family: 'CocogooseProCondensed', Impact; } .disabled-btn:hover, .disabled-btn:focus { background: #CED2D6; color:#ffffff; border: solid 2px #CED2D6; } .outline-btn{ display: inline-block; color:#25314B; text-transform: uppercase; text-decoration: none; line-height: 30px; font-size: 16px; letter-spacing: 0.8px; text-align: center; padding:8px 20px; transition: background-color .3s ease-out 0s; -webkit-transition: background-color .3s ease-out 0s; background:transparent; border: solid 2px #212932; cursor: pointer; border-radius: 4px; font-family: 'CocogooseProCondensed', Impact; } .outline-btn:hover, .outline-btn:focus { background: #212932; color: #ffffff; border: solid 2px #212932; } .outline-btn-disabled, .outline-btn-disabled:hover, .outline-btn-disabled:focus{ display: inline-block; color:#ffffff; text-transform: uppercase; text-decoration: none; line-height: 30px; font-size: 16px; letter-spacing: 0.8px; text-align: center; padding:8px 20px; transition: background-color .3s ease-out 0s; -webkit-transition: background-color .3s ease-out 0s; background:#BEB9B5; border: solid 2px #ffffff; cursor: pointer; border-radius: 4px; font-family: 'CocogooseProCondensed', Impact;pointer-events: none; } /* Button [End]*/ /*Cookie [Start]*/ #msCookieBanner { font-size: 16px !important; line-height:normal !important; box-sizing: border-box !important; letter-spacing: initial; bottom: 20px !important; max-width:260px; margin: 0 auto; left:20px; height: auto !important; padding:15px !important; border-radius: 7px; border-top: none !important; border-bottom: none !important; top: inherit !important; } #msCookieBanner .left span:first-child { font-weight: 500; display: block; font-size: 15px;padding-bottom: 2px; line-height: normal; } #msCookieBanner .left { float: left; font-size: 13px; text-align: left !important; width:100% !important; line-height: 21px; } .text-cap-cookie { font-weight: bold; } #msCookieBanner a, #msCookieBanner a:link, #msCookieBanner a:visited { border-bottom: solid 1px #ffffff !important; font-family: Arial, Helvetica, sans-serif !important; } #msCookieBanner a:hover, #msCookieBanner a:focus { color:#FEBB1F !important; border-bottom: solid 1px #FEBB1F !important; } #msCookieBanner .right { width: 100% !important; display: inline-block; text-align: left; margin: 15px 0 0 0; } #msCookieBanner .right button { background-color: transparent !important; font-size: 13px; font-family: Arial, Helvetica, sans-serif !important; text-transform: uppercase; font-weight: bold; border: none !important; padding: 0 !important; color: #ffffff !important; } #msCookieBanner .right button:hover, #msCookieBanner .right button:focus { border: 1px solid #FFF; outline: none; background: #000; color: #FEBB1F !important; } /*Cookie [End]*/ /*Breadcrumb [Start]*/ #breadcrumb { font-size: 15px; margin-bottom: 20px; } .con-info-icon a { /*color: transparent; text-shadow: 0 0 0 #976d11;*/ color: #976d11; filter: opacity(1); } #breadcrumb a { /*color: transparent; text-shadow: 0 0 0 #976d11;*/ color: #976d11; filter: opacity(1); } span.mim-icon-filled-circle:after { content: "\e910"; font-size: 12px; transform: rotate(180deg); display: inline-block; } #breadcrumb span { padding: 0 6px; } .b-back a:before{ content: '\e969'; font-family: 'mimiconfont' !important; font-size: 12px; top: 0px; left: -2px; position:relative; font-weight: bold; } .b-back{ font-size: 13px; text-transform: uppercase; position: relative; font-family: 'CocogooseProCondensed', Impact; font-weight: bold;} .b-back a{color:#25314B; margin-left: 16px;} .b-back a:hover, .b-back a:focus{color:#7a2500;border-bottom:solid 1px transparent;} /*Breadcrumb [End]*/ .small-title-pt{ font-size: 12px; color:#25314B; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; position: relative;} .small-title-pt:after { background:#25314B; content: ''; width: 43px; height: 1px; position: absolute; top: 50%; text-align: right; margin-left: 10px; } .ui-style{ list-style: none; padding: 0 0 0 25px;} .ui-style li{position: relative;} .ui-style li:after{content: '\e927'; position: absolute; left: -25px; color:#25314B; font-family: 'mimiconfont' !important; font-size:10px; font-weight: bold;} .ptb-90{padding:45px 0;} .pt-90{padding-top:45px;} .pb-90{padding-bottom:45px;} .ptb-80{padding:40px 0;} .pt-80{padding-top:40px;} .pb-80{padding-bottom:40px;} .ptb-70{padding:35px 0;} .pt-70{padding-top:35px;} .pb-70{padding-bottom:35px;} .ptb-60{padding:30px 0;} .pt-60{padding-top:30px;} .pb-60{padding-bottom:30px;} .ptb-50{padding:25px 0;} .pt-50{padding-top:25px;} .pb-50{padding-bottom:25px;} .ptb-40{padding:20px 0;} .pt-40{padding-top:20px;} .pb-40{padding-bottom:20px;} .mtb-40{margin:20px 0;} .mt-40{margin-top:20px;} .mb-40{margin-bottom:20px;} .mtb-20{margin:20px 0;} .mt-20{margin-top:20px;} .mb-20{margin-bottom:20px;} .mtb-15{margin:15px 0;} .mt-15{margin-top:15px;} .mb-15{margin-bottom:15px;} .ml-20{margin-left:20px !important;} .uk-container-1280{max-width:1280px;} .uk-container-1150{ max-width: 1190px; padding: 0 20px; margin: 0 auto;} .uk-container-1030{ max-width: 1110px; padding: 0 20px; margin: 0 auto;} .uk-container-1000{ max-width: 1080px; padding: 0 20px; margin: 0 auto;} .uk-container-860{ max-width:860px; padding: 0 20px; margin: 0 auto; } .uk-container-800{ max-width:800px; padding: 0 20px; margin: 0 auto; } .expand-zigzag .zig-less { display: none; } .zizzag-stack-desc-long { display: none; padding-top: 20px; } /*Read More [Start]*/ .expand-zigzag{ padding-top: 20px;} .expand-zigzag .read-more{font-weight:bold; color:#25314B;font-size: 12px;border-bottom: solid 1px transparent;} .expand-zigzag .read-more:hover, .expand-zigzag .read-more:focus{border-bottom: solid 1px #25314B;color:#25314B;} .expand-zigzag .read-more.active .zig-more{display:none;} .expand-zigzag .read-more.active .zig-less{display:inline-block; margin-top: 10px; position: relative;} .expand-zigzag .read-more .zig-more:after{ content: "\e979"; font-family: mimiconfont!important; font-size: 9px; position: absolute; padding-left: 10px; top: -3px; font-weight: bold;} .zig-more { position: relative; } .expand-zigzag .read-more .zig-less:after{ content: "\e97b"; font-family: mimiconfont!important; font-size: 3px; padding-left: 10px; position: absolute; top: 1px;} .full-content .read-more-content{text-align: center;} /*Read More [End]*/ /*Get Started Section [Start]*/ .get-started-se .uk-width-expand{padding: 0;} .get-started-se .uk-grid-margin{padding: 0;} .get-started-se .uk-grid{display: inherit; margin: 0 auto;} .get-started-btn{width:295px; display: inline-grid; margin-left:0px;} .get-started-se {padding: 40px 12px;} .get-stated-content h2{ margin-top: 15px;} .get-stated-content {padding: 0 20px;} /*Get Started Section [End]*/ .sitemap-description { margin-bottom: 20px; } .google-captcha-code div, .google-captcha-code { padding-left: 0 !important; padding-right: 0 !important; } .common-form form .grid-form, .common-form form .grid-form div { padding: 0 !important; } /*404 Page [Start]*/ .error-page .uk-card{ padding: 20px 40px;} /*404 Page [End]*/ .zizzag-stack-desc-long .ui-style{padding-top: 0 !important;} /*Contact New Layout [Start]*/ .contact-box-info{text-align: center; } .contact-box-info h2{ font-weight: bold;margin-bottom: 10px;} .contact-box-info p{ max-width: 820px; margin: 0 auto;} .cots-boxes{margin-top:60px;} .contact-info .icon { font-size: 40px; } .contact-info h3{font-weight: bold; margin:20px 0 10px 0;} .contact-info span{ max-width: 260px; display: block; margin: 0 auto; text-align: center;} /*Contact New Layout [End]*/ /*Map Css [Start]*/ .H_ib{width: 190px;margin-left: 14px; } body .H_ib_body{right: 35% !important; bottom: 1.1em;padding: 0 1.4em 10px 0 !important; background:#25314B !important; width: 250px;} .H_ib_tail svg {display:none;} .H_ib_tail::before { bottom: 12px; right: 3px; border-width: 10px; position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-top-color: rgba(15, 22, 33, 0.2); border-bottom-width: 0px; } .H_ib_tail::after { bottom: 12px; right: 3px; position: absolute; display: block; content: ""; border-style: solid; border-width: 10px 10px 0px 10px; border-color: #25314b transparent; } .hm-sales-list .dh-property-list.location-data-block.isSelected.active {border:solid 2px #25314B} .H_ib{fill:#25314B !important; top: 0; margin-top: -40px; margin-left: -10px;} .H_ib_tail{fill:#25314B !important; } .H_ib_tail svg path {fill:#25314B !important;} .H_ib_content{ padding: 0 0 0 15px !important;} h2.mappop-title {color: #ffffff;font-size:17px;margin-bottom: 0;font-family: 'Red Hat Display' , sans-serif; font-weight: bold;} h2.mappop-title { font-size: 15px !important; line-height: normal; margin-bottom: 8px;} .m-address { font-size: 15px;} .hotel-site, .mapinnerbox_btn{display:none;} .stay-well-corp .hotel-site{display:block;} .stay-well-corp .hotel-site a{color:#fff;} .stay-well-corp .hotel-site a:hover{text-decoration:underline;} .mapinnerbox { min-width: 260px !important; } .H_ib_close{ border:solid 1px transparent;} .H_ib_close:hover, .H_ib_close:focus{border: solid 1px #ffffff;} body .H_ib_tail { left: 0; bottom: 0;} .here_marker { margin:0; height:5px; width:5px; background: transparent; border-radius: 100%; } .here_marker .pin-icon { position: relative; z-index: 9999999; display: block; } .here_marker .pin-icon::after{ background-image: url('https://www.sunoutdoors.com/resourcefiles/mappins/pin.svg'); background-repeat: no-repeat; position:absolute; content:'';width:35px; height:43px; top: -40px; left: -15px; } .here_marker.active .pin-icon::after { background-image: url(https://www.sunoutdoors.com/resourcefiles/mappins/active-pin.svg); width: 44px; height: 53px; top: -50px; left: -19px; } .here_marker svg{display:none;} /*Map Css [End]*/ .covid-head { z-index: 1; position: relative; } .tag{color: #385E78; letter-spacing: .96px; font-weight: bold;} #term-condition .uk-close{top: 28px;right: 15px;} /*Loader CSS*/ .loader-container{ position: fixed; top: 0; width: 100%; height: 100%; z-index: 99; left: 0; display:none; background: #fff4ec; } .loader-overlay{ z-index: 99; background: none; width: 100%; height: 100%; } .loader-container .loader-img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);text-align: center; } .loader-container .loader-img img{ width:100px; } .loader-container.show{ display:block; } .loader-container .loader-text{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 20px; } .loader-container .loader-text h3{ text-transform: uppercase; margin-bottom: 10px; } .loader-container .loader-text span{} .noBodyScroll { overflow:hidden; } /*.our-location-page .loader-container{ height: 60vh; position:relative; }*/ .our-location-page .property-location-list { position: relative; } .our-location-page.Profiledataisready .property-location-list{ } .our-location-page .loader-overlay{ background:none; } /*Loader CSS*/ /*Media Query*/ @media all and (max-width:960px) { /*[Start] link CSS*/ a.link {font-size: 12px;} a.accent-link { font-size: 12px; } a.accent-link:after{ font-size: 10px; } a.dark-yellow-link { font-size: 12px; } a.dark-yellow-link:after{ font-size: 10px; } a.black-link { font-size: 12px; } a.black-link:after{ font-size: 10px; } a.white-arrow-link {font-size: 12px;} a.white-arrow-link:after{font-size: 10px;} a.white-link { font-size: 11px; } .skip-to-content-btn{display:none;} .outline-btn{padding:3px 20px; font-size: 13px;} .button{padding:3px 20px; font-size: 13px;} .negative-btn{padding:3px 20px; font-size: 13px;} a.accent-link {font-size: 12px;} a.accent-link:after{margin: -1px 0 0 6px;font-size: 10px;} a.white-arrow-link{font-size: 12px;} a.white-arrow-link:after{ margin: -1px 0 0 6px;font-size: 10px;} .social-tab-sticky{display:none;} .zizzag-stack-desc-long{padding-top:5px;} #msCookieBanner{bottom: 70px !important;margin-bottom: 0 !important;} .button{transition: inherit; -webkit-transition: inherit;} } @media all and (min-width:961px) { a.skip-to-content-btn { position: absolute; top: 0; left: 0; background:#25314B; /*color: transparent; text-shadow: 0 0 #ffffff;*/ color: #ffffff; filter: opacity(1); height: 30px; width: auto; line-height: 30px; padding: 0 20px; opacity: 1; text-decoration: none; background: #ffbc1f; border: 1px solid #25314B; font-weight: bold; z-index: 0; } a.skip-to-content-btn:focus-within { z-index: 10000; outline: 0; font-size: 14px; background: #FEBB1F; border: 1px solid #FEBB1F; color: #25314B; } .large-font{ font-size:50px; line-height:70px; } h1, .h1 { font-size:35px; line-height:42px; } h2, .h2 { font-size: 30px; line-height:38px; } h3, .h3 { font-size:20px; line-height:25px; } h4, .h4 { font-size: 12px; line-height:15px; } h5, .h5 { font-size:20px; line-height:30px; } h6, .h6 { font-size:12px; line-height:18px; } /*Common Width*/ .ptb-90{padding:90px 0;} .pt-90{padding-top:90px;} .pb-90{padding-bottom:90px;} .ptb-80{padding:80px 0;} .pt-80{padding-top:80px;} .pb-80{padding-bottom:80px;} .ptb-70{padding:70px 0;} .pt-70{padding-top:70px;} .pb-70{padding-bottom:70px;} .ptb-60{padding:60px 0;} .pt-60{padding-top:60px;} .pb-60{padding-bottom:60px;} .ptb-50{padding:50px 0;} .pt-50{padding-top:50px;} .pb-50{padding-bottom:50px;} .ptb-40{padding:40px 0;} .pt-40{padding-top:40px;} .pb-40{padding-bottom:40px;} .ptb-30{padding:30px 0;} .pt-30{padding-top:30px;} .pb-30{padding-bottom:30px;} .ptb-20{padding:20px 0;} .pt-20{padding-top:20px;} .pb-20{padding-bottom:20px;} .mtb-40{margin:40px 0;} .mt-40{margin-top:40px;} .mb-40{margin-bottom:40px;} .flexbox{ align-items: center;} .uk-30{width:30%} .uk-43{width:43%} .uk-24{width:24%} .uk-76{width:76%} .uk-57{width:57%;} .uk-49{width:49%} .uk-50{width:50%} .uk-51{width:51%} .uk-35{width:35%} .uk-65{width:65%} .uk-56{width:56%} .uk-44{width:44%} .uk-60{width:60%} .uk-40{width:40%} .uk-52{width:52%} .uk-48{width:48%} .uk-container-1030{padding: 0 40px;} .uk-container-1130{padding: 0 40px;} .uk-container-1000{padding: 0 40px;} /*Get Started Section [Start]*/ .home-centria{padding-bottom: 80px;} .get-started-se { padding: 57px 40px; } .get-started-se .uk-grid { display: flex; } .get-started-btn { float: right; margin-top: 5px; display: flex; width: 195px;} .get-started-se .uk-grid{ text-align: left !important;} .get-stated-content h2 { margin-top: 0;margin-bottom: 0; } .get-stated-content { padding: 0; } /*Get Started Section [End]*/ .common-form form div { padding-right: 10px; padding-left: 10px; } /*Start Social Icon Section [Sticky]*/ .social-tab-sticky { position: absolute; left: 0; margin-right: 0; z-index: 1; padding: 8px 9px 13px; } .social-tab-sticky h5{font-size: 13px; color: #25314B; margin-bottom: 0;} .social-tab-sticky ul { list-style: none; padding: 0; text-align: center; } .social-tab-sticky ul { list-style: none; padding: 0; text-align: center; margin-top: 14px; margin-bottom: 0; } .social-tab-sticky ul li { margin-bottom: 16px; font-size: 17px; border-bottom: none; } .social-tab-sticky ul li:last-child {margin-bottom: 0;} .social-tab-sticky ul li a{border-bottom: none;} .social-tab-sticky ul li:hover a, .social-tab-sticky ul li:focus a{ border-bottom: none;} .social-tab-sticky ul li a .mim-icon-mail-1{font-size: 14px;} .social-tab-sticky ul li a:hover, .social-tab-sticky ul li a:focus { border-bottom: none !important; color:#FEBB1F; text-decoration: none; } .social-tab-fix.uk-sticky-fixed { left: 0; text-align: center; width: auto !important; background:#ffffff; padding: 8px 9px 13px; } /*End Social Icon Section [Sticky]*/ } @media all and (min-width:1200px) { .common-form form div { padding-right: 10px; } .get-started-se { padding: 57px 0 57px 0px; } } @-moz-document url-prefix() { a.link::after {margin:6px 0 0 6px;} } /* #common-vt-slider-section ul li .zig-zag-slider-content{display:none} #common-vt-slider-section ul li.uk-active .zig-zag-slider-content{display:block} */ .naValue{ display: none !important;} .go-properties-btn {display: none;} .resort_select-find-properties .go-properties-btn {display:block;} .resort_select-find-properties .find-properties-btn {display:none;} .slidenav-show { display: block; } .special-slider-arrow.slidenav-show { display: block!important; } @media all and (max-width:320px) { #msCookieBanner{ max-width: 280px;left: 19px;} } /*New VHS Map*/ .here_marker.active .pin-count { background: #25324a; border-radius: 100%; max-width: 30px; max-height: 30px; left: -11px; top: 5px; /*color: transparent; text-shadow: 0px 0px 0px #fff;*/ color: #fff; filter: opacity(1); } .here_marker span.pin-count { /*color:transparent !important; text-shadow:0px 0px 0px #fff;*/ color: #fff !important; filter: opacity(1); font-weight: bold; top: -36px; position: absolute; z-index: 99999999; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; left: -13px; font-size: 12px; } /*New VHS Map*/ /*Start small button style*/ .small-button { line-height: 24px; font-size: 13px; padding: 8px 12px; } .small-button:not(:last-child) { margin-right:20px; } @media (max-width: 1280px){ .small-button:not(:last-child) { margin-right: 5px; } .small-button { font-size: 11px; padding: 8px 10px; } } @media (max-width: 1100px){ .small-button { padding: 5px 20px; font-size: 11px; } } @media only screen and (max-width: 1280px) and (min-width: 960px) { .small-button { display: block; width: auto; } .state-pp-link.longTermBtnVisibility { display: flex; align-items: center; } } @media (max-width: 960px){ .map-view-activated .mobile-resort-map-list-active.location-result-container .state-pp-link, .resort-map-list-active.mapview .resort-list-property-map-outer .state-pp-link { display: flex; flex-direction: column; } .map-view-activated .mobile-resort-map-list-active.location-result-container .state-pp-link .small-button, .resort-map-list-active.mapview .resort-list-property-map-outer .state-pp-link .small-button { margin-bottom:8px } } #offer-detail-page .H_ib_body{bottom: 0.1em !important;} /*Start small button style*/ .btn-with-scroll { display:none !important; } .pis-btn { display:none !important; } .play-video-popup .uk-modal-body { padding-top: 30px; } .play-video-popup [class*=uk-modal-close-] { top: 12px; } .btn-with-scroll { display:none !important; } /* Share Functionality [START] */ .share-card.uk-open{ display: flex !important; flex-direction: column; } .share-card { border-radius: 10px; padding: 8px; width: max-content; background: #FEBB1F; z-index: 1; top: 25px !important; left: -32px !important; } .share-card::before { content: ''; position: absolute; top: -19px; left: 30%; transform: translateX(-50%); border-width: 10px; border-style: solid; border-color: transparent transparent #FEBB1F transparent; } .share-card .social-media-share{ display: flex; align-items: center; } .share-icon-wrapper > a{ color: #25314B; font-size: 13px; font-weight: bold; text-transform: uppercase; line-height: 18px; border-bottom: solid 1px transparent; display: inline-block; font-family: 'CocogooseProCondensed', Impact; } .social-media-share>p, .share-card>a { text-transform: capitalize; display: flex; background: transparent; gap: 10px; padding: 6px; align-items: center; color: #25314B; font-size: 13px; font-weight: bold; line-height: 18px; font-family: 'CocogooseProCondensed', Impact; } .share-card>a:focus, .share-card>a:hover { color: var(--primary-color); } .share-card>a span::before { display: block; width: 15px; text-align: center; background: white; border-radius: 50%; padding: 7px; font-size: 13px; color: var(--blue-color); } .v-home-sales-slider{ position: relative; } .share-icon-wrapper{ z-index: 100; position: absolute; bottom: 100px; left: 32px; } .share-icon-wrapper .mim-icon-share { background-color: white; border-radius: 8px; font-size: 14px; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-family: 'mimiconfont'; } /* Share Functionality [END] */ /* Signup Dropdown [START] */ .lets-talk-section .common-form .form-flex.signup-dropdown label{ top: -13px; left: -7px; } @media (max-width: 960px){ .lets-talk-section .common-form .form-flex.signup-dropdown label{ left: unset; } } @media (max-width: 960px){ .lets-talk-section .common-form .form-flex.signup-dropdown label{ left: 4px; } } .signup-dropdown .mim-icon-angle-arrow-down:before{ position: absolute; right: 20px; top: 55%; transform: translateY(-50%); font-size: 10px; } /* Signup Dropdown [END] */ /* Reservation Toggle Option [START] */ .reservation_fileds_show { display: none; } .reservation_fileds_show .form-dropdown:first-child { padding-left: 0 !important; } .reservation_fileds_show .form-dropdown:last-child { padding-right: 0 !important; } /* Reservation Toggle Option [END] */ /* Mimir AI Module Visibility [START] */ body:not(.hasMimirAI.hasEnableAISearch) .header-search-bar-toggle{ display: none !important; } body:not(.hasMimirAI.hasEnableAISearch) .ai-search-section{ display: none !important; } /* Mimir AI Module Visibility [END] */ /*Start Top [Header] Section */0 .main-header .logo a:focus{ outline: solid 1px #fff; outline-offset: 5px;} #header-section { background:#FFF4EC; box-shadow: 0 5px 10px rgb(0 0 0 / 24%); } .phone-hd { font-size: 12px; font-weight: bold; color:#25314B; } .phone-hd a.link{ color:#FFF4EC;} .top-customer-login { font-weight: bold; color:#FFF4EC;font-size: 13px;padding-right: 20px; text-transform: uppercase; position:relative; } .top-right-link .top-customer-login a { color:inherit; text-transform: uppercase; font-size: 12px; } .top-customer-login .uk-svg { fill: #25314B; width: 12px; position: relative; top: -2px; margin-right: 2px; color:#25314B; } .phone-hd a.link:hover, .phone-hd a.link:focus{ color:#FEBB1F; border-bottom: solid 1px #FEBB1F;} .top-right-link a.link{color:#25314B; text-transform: uppercase;font-family: 'Red Hat Display'; font-size: 12px;} .top-right-link a.link:hover, .top-right-link a.link:focus{color:#7a2500; border-bottom: solid 1px #7a2500;} .header-top-se{ background: #FFF4EC;padding: 5px 15px;border-bottom: 1px solid #beb9b5; margin-bottom: 5px;} .main-header { height: 90px; padding: 0px 15px 10px; border-bottom: 15px solid #25314B; } .main-nav { margin-left: auto; } .main-nav ul li { display: inline-block; padding: 0 9px; } .main-nav ul { margin-bottom: 0; margin-top: 0; padding-left: 0; } .main-nav ul li a.nav { text-transform: uppercase; font-size: 16px; padding: 29px 0 8px; color:#25314B; border-bottom: solid 4px transparent; font-family: 'CocogooseProCondensed', Impact; } .main-nav ul li a.nav:hover, .main-nav ul li a.nav:focus { border-bottom: solid 4px transparent; color:#7a2500; } .main-nav ul li.active a{ border-bottom: solid 4px #C98300; color:#FEBB1F;} .main-nav ul li.md-border.active a { border-bottom: solid 8px transparent; } .main-nav ul li a.button { width: 100%; padding: 8px 39px; font-size: 13px; } .main-nav ul li:last-child{ padding: 0;} .main-nav ul li:last-child .button { margin-left:10px;padding: 8px 35px;} .back-link {display:none;text-transform: uppercase;font-size: 14px;font-weight: bold;} .back-link a {margin-left: 20px;} .back-link a:before{ content: "\e902"; font-family: 'mimiconfont' !important; position: absolute; top: -2px; color: #25314B; text-transform: uppercase; left: -12px; font-size: 14px; padding-right: 10px; transform: rotate(180deg); } .logo svg{ width: 342px; height: 63px;} /*End*/ /*Start Our Location Mega Menu [Header] Section */ .our-location-mega-menu{background:url(https://www.sunoutdoors.com/resourcefiles/common-image/orange-bg-pattren.svg) #FFF4EC; padding: 42px 0 0; position: fixed; z-index: 2;box-shadow: 0 3px 30px rgb(27 29 31 / 0.11); width: 100%;} .active-mega-menu {display: block !important; z-index: 10;} .mega-menu-main-property{display:none} .mg-ls-content h3 { padding-bottom: 10px; text-transform: uppercase;} .mg-location-btn {padding-top: 10px;} .mg-location-btn a{ max-width: 334px;width: 100%;} .mg-location-list {padding-left:60px;} .mg-location-list h3{ text-transform: uppercase; padding-bottom: 10px;} .state-name-ls { margin-bottom: 35px; } .state-name-ls .country-name{ font-size: 12px; text-transform: uppercase; line-height: 15px; padding-bottom:10px; color:#385E78; font-weight: bold; letter-spacing: 0.96px;} .flex-state-list .state-list-ls ul { list-style: none; padding: 0; -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; display: flex; flex-direction: column; flex-wrap: wrap; height: 180px; } .state-list-ls ul { list-style: none; padding: 0; } .state-list-ls ul li{ text-transform: capitalize; font-size: 15px;padding-bottom: 2px;font-weight: bold;} .state-list-ls ul li a.navON{ color:#7a2500;} /*End Our Location Mega Menu [Header] Section */ /*Start Our Brand Mega Menu [Header] Section */ .our-brand-mega-menu{background:url(https://www.sunoutdoors.com/resourcefiles/common-image/orange-bg-pattren.svg) #FFF4EC;padding:61px 30px;position: fixed;z-index:10;box-shadow: 0 3px 30px rgb(27 29 31 / 0.11); width: 100%;} .our-brand-mega-menu .brand-list svg {fill: unset;height: 64px;} .our-brand-mega-menu .brand-list:last-child:after { background: #BEB9B5; content: ''; display: block; width: 1px; height: 180px; position: absolute; top:36px; margin-left: -10px; } .our-brand-mega-menu .brand-list .partner-text{ display:none; position: absolute; margin-top: -30px; margin-left:24px; color: #25314b; } .our-brand-mega-menu .brand-list:last-child .partner-text{display:block;} .our-brand-mega-menu .brand-list a{border-bottom: none;} .our-brand-mega-menu .brand-list { text-align: center; margin-top:10px !important; } .our-brand-mega-menu .brand-list a:hover, .our-brand-mega-menu .brand-list a:focus{display:block; float:left;} .our-brand-mega-menu .brand-list .brand-name{text-transform: uppercase;} .mg-brand-btn { margin: 25px auto 0; text-align: center; } .mg-brand-btn a { padding: 8px 16px; } .our-brand-mega-menu .brand-list a{display:block; float:left;} /*End Our Brand Mega Menu [Header] Section */ /*Start Ways to Stay Mega Menu [Header] Section */ .ways-stay-mega-menu{background:url(https://www.sunoutdoors.com/resourcefiles/common-image/orange-bg-pattren.svg) #FFF4EC; padding:45px 16px 30px 34px; position: fixed; z-index: 99;box-shadow: 0 3px 30px rgb(27 29 31 / 0.11); width: 100%;} .mg-stay-cs { text-align: center; padding-top: 15px; } .mg-stay-list { padding-left: 22px;position: relative; } .mg-stay-list a{border-bottom:none; position: absolute; width: 100%; height: 100%;} .mg-stay-cs h3{ font-size: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 0; font-family: 'CocogooseProCondensed', Impact; margin: 0; } .mg-stay-list:hover h3, .mg-stay-list:focus h3{color:#7a2500; } .mg-stay-cs a:hover, .mg-stay-cs a:focus{color:#7a2500; border-bottom: solid 1px #7a2500;} .mg-stay-cs p{ margin-top: 10px; padding: 0 10px;} .mg-stay-btn { text-align: center; margin-top: 25px; } /*End Ways to Stay Mega Menu [Header] Section */ /*Start Explore Mega Menu [Header] Section */ .ee-explore-mega-menu{background:url(https://www.sunoutdoors.com/resourcefiles/common-image/orange-bg-pattren.svg) #FFF4EC; padding:45px 0 30px; position: fixed; z-index: 9;box-shadow: 0 3px 30px rgb(27 29 31 / 0.11); width: 100%;} .ee-explore-cc h2{ text-transform: uppercase;} .ee-explore-list ul { list-style: none; padding: 10px 0 0 0; max-width:500px; } .ee-explore-list ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .ee-explore-list ul li { margin-bottom: 3px; text-transform: capitalize; } .ee-explore-list ul li a{ font-size: 15px; font-weight: bold;} .ee-explore-list ul li a.navON{color:#7a2500;} .ee-explore-list ul li a:hover, .ee-explore-list ul li a:focus{ color:#7a2500; border-bottom: solid 1px transparent;} .ee-explore-list ul:after { content: ''; display: block; clear: both; } .mg-explore-btn a { padding: 8px 20px; margin-top:5px; } .mg-event-calendar-ss { padding-left: 0; } .mg-event-calendar .mim-icon-calendar-3 { font-size: 58px; position: absolute; } .mg-es-content h2 { text-transform: uppercase; } .mg-es-content p{ margin-top: 10px; font-size: 18px;} .mg-event-btn { margin-top: 30px; } .mg-event-btn a { max-width: 334px; width: 100%; } .ee-explore-cc { width: 45%; float: left; } .ee-explore-cc-img { float: left; } /*End Explore Mega Menu [Header] Section */ .d-hide{display:none !important;} .desktop-close-menu{position: absolute; right: 20px; top: 20px; font-size: 12px;} .desktop-close-menu a:hover, .desktop-close-menu a:focus{border-bottom:none !important; color:#7a2500;} .our-location-page .main-nav ul li .btnInitialLoad{display:none;} /*Start Media Query Section */ @media all and (max-width:1400px) { .main-nav ul li{padding: 0 7px;} } @media all and (max-width:1370px) { .logo svg { width: 275px;} } @media all and (max-width:1300px) { .main-nav ul li{padding: 0 6px;} .main-nav ul li a.nav{ font-size: 15px;} } @media all and (max-width:1250px) { .main-nav ul li { padding: 0 4px; } .logo svg { width: 230px;} .main-nav ul li:last-child .button{ padding: 8px 20px;} .mg-location-list { padding-left: 30px; } } @media all and (max-width:1192px) { .main-nav ul li{padding: 0 3px;} } @media all and (max-width:1144px) { .main-nav ul li a.button {padding: 8px 14px;} .main-nav ul li a.nav{ font-size: 13px;} } @media all and (max-width:1094px) { .main-nav ul li a.nav {font-size: 12px;} .ee-explore-cc-img{width: 50%;} .mg-location-list { padding-left: 10px; } .mg-ls-content { padding-right: 30px; } } @media all and (min-width:1025px) { #offcanvas-slide{display: block !important;margin-left: auto;} .active-mega-menu { animation-duration: .5s; animation-timing-function: ease-out; animation-fill-mode: both; animation-name: uk-fade-top; } .main-nav ul li a.nav.navON{ color:#7a2500} } @media all and (max-width:1024px) { .logo svg{ height: 65px !important; position: relative; margin-top: -29px; top: 14px; width: 192px;} header .logo {width: 190px;overflow: hidden;} .main-nav ul li a.nav.navON{color:#7a2500;} .mg-ls-content { padding-right: 0; } .back-link a{color:#25314B; z-index: 1; line-height: 0; border: none; font-family: 'CocogooseProCondensed', Impact;} .back-link a:hover, .back-link a:focus{color:#7a2500;} .back-link a:hover:before, .back-link a:focus:before{color:#7a2500;} .back-link h2{ font-size: 18px;text-transform: uppercase; margin: 0;text-align: center;position: absolute;width: 100%;} .m-hide{display:none !important;} .d-hide{display:block !important;} .main-header {height: 84px; padding:8px 14px;box-shadow: 0 5px 10px rgb(0 0 0 / 16%);display: flex; align-items: center;} .main-header .uk-container-full { width:100%; } .main-nav ul li.active a{ border-bottom: solid 7px transparent;} .main-header .uk-flex-middle{justify-content: space-between;} .main-nav { position: fixed; top: 0; width: 100%; background: url(https://www.sunoutdoors.com/resourcefiles/common-image/orange-bg-pattren.svg) #FFF4EC; left: 0; height: 100%; padding:0; overflow: scroll; } .rs-menu a span, .rs-menu button span { display: block; font-size: 11px; padding-bottom:6px; text-align: center; color:#25314B; } .rs-menu{line-height: normal; text-transform: uppercase; font-weight: bold;text-align: center; font-size: 12px;} .rs-menu a, .rs-menu button{color:#25314B; font-family: 'CocogooseProCondensed', Impact; font-size: 13px; background: none; border: 0; text-transform: uppercase;} .rs-menu a:hover, .rs-menu a:focus{color:#FEBB1F;} .rs-menu a:hover span, .rs-menu a:focus span{color:#FEBB1F;} .rs-menu-phone{ line-height: normal; text-transform: uppercase; font-weight: bold; font-size: 12px; padding-top: 4px; display: flex !important; } .rs-menu-phone .customer-login { padding-right: 10px; text-align:center; display: flex; justify-content: flex-end; flex-direction: column; } .single-page-property .rs-menu-phone .customer-login , .three-page-property .rs-menu-phone .customer-login , .ten-page-property .rs-menu-phone .customer-login { padding-right: 10px;} .rs-menu-phone .customer-login svg{ display: block; padding-bottom: 5px; margin: auto; } .rs-menu-phone a{ color:#25314B; font-family: 'CocogooseProCondensed', Impact; font-size: 13px;} .rs-menu-phone a:hover, .rs-menu-phone a:focus{color:#FEBB1F;} .rs-menu-phone a:hover span, .rs-menu-phone a:focus span{color:#FEBB1F;} .rs-menu-phone a span { display: block; font-size: 12px; color:#25314B; padding-bottom:5px; text-align: center; position: relative; top:0px; } .main-nav ul{ padding-left: 0;} .main-nav ul li a.nav { border-bottom: none !important; padding: 0; font-size: 18px; color:#25314B; display: block; } .main-nav ul li a.nav:hover, .main-nav ul li a.nav:focus{color:#25314B;} .main-nav ul li a{border:none;} .main-nav ul li a:hover, .main-nav ul li a:focus{color:#7a2500;} .main-nav ul li { padding: 0 0 12px 0; display: block; } .main-nav ul li a.button { width: 300px;margin-top: 20px; } .mobile-menu-open { height: 70px; padding: 8px 14px; justify-content: space-between; background:#FFF4EC; border-bottom:5px solid #25314B; position: fixed; width: 100%;z-index: 2; } .main-nav ul{ padding-left:22px; padding-top:80px; padding-right: 24px;} .email-sub-banner { padding-left: 40px;margin:15px 0 0; } .email-sub-banner a{ color:#FFF4EC; text-transform: capitalize; font-size: 16px; display: flex; align-items: center;} .email-sub-banner a:hover, .email-sub-banner a:focus{color:#FEBB1F;} .email-sub-banner h2 { color:#FFF4EC; text-transform: uppercase; font-size: 18px; margin-bottom: 0; padding-right: 85px; letter-spacing: 0.5px; line-height: normal;} .email-sub-banner { background:#25314B; color:#FFF4EC; font-size: 14px; padding:14px 18px; display: inline-block; border-bottom: none !important; text-transform: uppercase; border-radius: 6px; width: 335px; margin:10px 0 0 20px; position: relative; } .email-sub-banner span{ font-size: 21px;} .secondary-menu ul li a{ font-size: 16px; color:#25314B;font-weight: bold; text-transform: capitalize;} .about-sun-community .uk-accordion { border-top: solid 1px #BEB9B5; margin: 30px 20px 90px; padding: 20px 0; border-bottom: solid 1px #BEB9B5; } .find-reser-btn a { width: 100%; border-radius: 0; position: fixed; bottom: 0;padding: 8px 24px; } .uk-accordion-title::before { content: '\e977'; margin-left: 20px; float: right; font-family: 'mimiconfont' !important; font-size: 20px; position: relative; left: 0; } .uk-open>.uk-accordion-title::before { transform: rotate(180deg); position: relative; top:8px; content: '\e977'; margin-left: 0; left: 0; } .submenulist a:after { content: "\e902"; font-family: 'mimiconfont' !important; font-size:21px; position: absolute; right:23px; } .secondary-menu ul{ padding-top: 30px;} .about-sun-community a{ color:#25314B; font-size: 18px; font-weight: bold; text-transform: capitalize;} .main-nav ul li a.nav:hover, .main-nav ul li a.nav:focus{ border-bottom: solid 7px transparent; color:#7a2500; color:#7a2500; } .back-link{display:block;} .our-location-mega-menu .back-link, .our-brand-mega-menu .back-link, .ways-stay-mega-menu .back-link, .ee-explore-mega-menu .back-link{ padding-left: 0px; position: relative; margin-bottom: 45px; margin-top:95px; display: flex; align-items: center;} .our-brand-mega-menu .back-link{ margin-left: 10px;} .state-name-ls {display: inline-table;width: 100%; margin-bottom: 0;} .state-list-ls {float: left; width: 50%; margin-top: -3px;} .state-name-ls .country-name{ width: 120px; float: left; color:#385E78;} .state-list-ls ul li{width: 100%;} .state-list-ls ul li a:hover, .state-list-ls ul li a:focus{color:#7a2500; border-bottom: solid 1px #7a2500;} .state-list-ls ul { padding-top: 0; padding-left: inherit;} .our-location-mega-menu{z-index: 2222; position: fixed; top: 0; overflow-y: scroll; height: 100vh;padding:0 0 0; } .mg-location-btn a{padding: 8px 24px;} .our-location-mega-menu .main-nav{overflow-y: scroll;} .mg-ls-content h3{ margin-bottom: 12px;} .mg-ls-content p{margin-top: 0;} .our-location-mega-menu .uk-container{ padding-left: 0; padding-right: 0;} .our-location-mega-menu .rs-location-menu{padding-left: 20px; padding-right:20px;} .our-brand-mega-menu{ z-index: 2222; position: fixed; top: 0; padding: 0; height: 100vh; overflow-y: auto;} .our-brand-mega-menu .uk-container { padding:20px 20px;} .ways-stay-mega-menu .back-link {margin-left: 20px; } .ee-explore-mega-menu .back-link{margin-left:35px;} .vacation-sales-mobile-menu ul { list-style: none; padding: 0 0 0 20px; } .vacation-sales-mobile-menu ul li{ margin-bottom: 15px;} .vacation-sales-mobile-menu ul li a { padding: 0; font-size: 18px; color: #25314B; font-family: 'CocogooseProCondensed', Impact; text-transform: uppercase; border: none;} .vacation-sales-mobile-menu ul li a:hover, .vacation-sales-mobile-menu ul li a:focus{color:#7a2500;} .ways-stay-mega-menu .uk-container{ padding-left: 0; padding-right: 0;} .ways-stay-mega-menu .rs-location-menu{padding-left: 40px; padding-right: 40px;} .ways-stay-mega-menu{ z-index: 2222;position: fixed; top: 0; padding: 0 0 30px;height: 100vh; overflow-y: auto;} .ways-stay-mega-menu .uk-container { padding: 0;} .way-mg-stay-list{padding:10px 30px 0;} .mg-stay-cs p {padding: 0 0px;} .ee-explore-mega-menu .uk-container{ padding-left: 0; padding-right: 0;} .ee-explore-mega-menu .rs-location-menu{padding-left: 40px; padding-right: 40px;} .ee-explore-mega-menu{ z-index: 2222;position: fixed; top: 0; background:#FFF4EC;padding: 0 0 30px;height: 100vh; overflow-y: auto;} .ee-explore-mega-menu .uk-container { padding: 0;} .ee-explore-ms { padding:0px 20px;} .ee-explore-cc-img { width: 50%; } .mg-event-calendar { padding-left: 0; padding-right: 0; padding-top: 40px;} .ee-explore-list ul{ max-width: 600px;} .mg-event-btn a {padding: 8px 24px;} .brand-rs-menu, .location-rs-menu, .stay-rs-menu, .explore-rs-menu, .reservation-menu, .vacation-rs-menu{display:none} .our-location-mega-menu .rs-menu{display:none} .our-location-mega-menu .location-rs-menu{display:block} .our-brand-mega-menu .rs-menu{display:none} .our-brand-mega-menu .brand-rs-menu{display:block} .our-brand-mega-menu .brand-list:last-child:after{top: 154px;height: 150px;} .ways-stay-mega-menu .rs-menu{display:none} .ways-stay-mega-menu .stay-rs-menu{display:block} .ee-explore-mega-menu .rs-menu{display:none} .ee-explore-mega-menu .explore-rs-menu{display:block} .about-sun-community .uk-accordion .uk-accordion-title::before{ top: 7px; width: auto; font-size: 10px;} .about-sun-community .uk-accordion .uk-open .uk-accordion-title::before{ top: 0;} .mg-location-list{ padding-left:80px;} .main-nav ul .uk-accordion-content .list-comm{ padding-left: 0; padding-top: 0;} .main-nav ul li.md-border.active a { border-bottom: none; padding-bottom: 0; } /*start Application [CSS]*/ .download-app-links> ul { padding: 20px 0 0 20px; display: flex; } .download-app-links> ul li { margin:0 20px 0 0px; } /*End Application [CSS]*/ .flex-state-list .state-list-ls ul { height: auto; } } @media all and (min-width:961px) { .our-brand-mega-menu .brand-list a:hover, .our-brand-mega-menu .brand-list a:focus { outline: solid 1px #000; float:left; } } @media all and (max-width:960px) { .main-header { box-shadow: 0 0 30px rgb(0 0 0 / 40%);} #offcanvas-slide .main-nav{ padding: 0px 0;} .our-brand-mega-menu .back-link{ margin-left: 40px; margin-bottom: 10px;} .mg-stay-img img {width: 100%;} .ways-stay-mega-menu .back-link { margin-bottom: 20px;} .ee-explore-mega-menu{padding: 0 0 30px;} .ways-stay-mega-menu{padding: 0 0 30px;} .our-brand-mega-menu{padding:0 0 30px;} .our-brand-mega-menu .brand-list:last-child:after{display:none;} .brand-list-item-rs { margin-top: 40px; } .mg-event-calendar { padding-left: 30px;padding-right: 0;} .ee-explore-cc { width: 50%;} .ee-explore-cc-img{ display: none;} .ee-explore-cc { width:100%;} .mg-es-content{ margin-top: 20px;} .mg-location-list{padding-bottom:100px;} } @media all and (max-width:767px) { .our-brand-mega-menu .brand-list{ text-align: left; width: 100%;padding-left: 50px; margin-top: 20px !important;} .our-brand-mega-menu .brand-list-item-rs{ margin-top: 40px;} .our-brand-mega-menu .brand-list .partner-text{ position: relative; margin-top: 0; margin-left: 20px; margin-bottom: 20px;} .our-location-mega-menu .uk-width-1-3{width: 100%;} .our-location-mega-menu .location-distance{ margin-top:30px;} .state-name-ls .country-name { width: 160px;} .mg-ls-content h3 {padding-bottom: 0;} .mg-location-btn a {width: 100%; padding: 8px 24px;} .mg-location-list {padding-left: 0;} .state-list-ls ul{padding-left: 0;} .about-sun-community .uk-accordion { margin: 30px 20px 90px; padding: 30px 5px;} .our-brand-mega-menu .back-link{ margin-left:15px;} .mg-ls-content {border-bottom: solid 1px #BEB9B5;padding-bottom: 30px;} .ee-explore-cc { width: 100%;} .ee-explore-cc-img { width: 100%; margin-top: 20px; } .mg-event-calendar { padding-top: 0; } .mg-explore-btn a{ padding: 4px 20px;} .ee-explore-mega-menu .back-link{margin-left: 15px; } .mg-event-calendar{padding-bottom: 100px;} .ways-stay-mega-menu{padding: 0 0 100px;} .our-brand-mega-menu { padding: 0 0 100px;} .our-brand-mega-menu .brand-list:nth-child(5) svg {margin-left: 2px;} } @media all and (max-width:640px) { .main-header .uk-container { padding-left: 15px;padding-right: 15px;} #offcanvas-slide .main-nav .uk-container {padding-left: 0; padding-right: 0;} .mobile-menu-open {padding: 0 15px 0;} .our-location-mega-menu .mobile-menu-open {padding: 0 15px 0px;} .our-location-mega-menu .rs-location-menu {padding-left:20px;padding-right:20px;} .mg-stay-img img {width: 100%;} .way-mg-stay-list { padding:0 30px;} .mg-stay-list{margin-top: 10px !important;} .ee-explore-ms .uk-grid>* {padding-left: 10px;} .ee-explore-mega-menu .back-link{margin-left:15px;} .our-brand-mega-menu .uk-container { padding:10px 0px;} } @media all and (max-width:480px) { .mg-explore-btn a {margin-top:0px;} .mg-event-calendar .mim-icon-calendar-3 {font-size: 58px;position: relative;} .mg-es-content {padding-left: 0;} .ee-explore-list ul {padding:0;} .mg-explore-btn a {margin-top: 0px;} } /*Start our brand menu section design change 23-11-22*/ .our-brand-mega-menu .brand-list a { background: #21314b; border-radius: 8px; min-width:160px; padding: 25px 0; outline: solid 1px #21314b; text-align: center; width:100% } .our-brand-mega-menu .brand-list svg { height: 65px; } .our-brand-mega-menu .brand-list[data-brand="Sun Outdoors"] a{ background: #25314B; outline: solid 2px #25314B; } .our-brand-mega-menu .brand-list[data-brand="Sun Retreats"] a{ background: #7a2500; outline: solid 2px #7a2500; } .our-brand-mega-menu .brand-list[data-brand="Sun Resorts & Residences"] a{ background: #385E78; outline: solid 2px #385E78; } .our-brand-mega-menu .brand-list[data-brand="Sun Uncharted"] a{ background: #2D492B; outline: solid 2px #2D492B; } .our-brand-mega-menu .brand-list[data-brand="Sun RV Communities"] a{ background: #65816d; outline: solid 2px #65816d; } .our-brand-mega-menu .brand-list[data-brand='Jellystone Park™'] a{ background: #6A3C17; outline: solid 2px #6A3C17; } .our-brand-mega-menu .brand-list a:hover, .our-brand-mega-menu .brand-list a:focus{ outline-offset: 5px;transition: .2s all ease; } .our-brand-mega-menu .brand-list[data-brand="Sun Outdoors"] .st0 {fill:#FCB937;} .our-brand-mega-menu .brand-list[data-brand="Sun Outdoors"] .st1 {fill:#fff; stroke: #fff;} .our-brand-mega-menu .brand-list[data-brand="Sun Resorts & Residences"] .st0 {fill:#FCB937;} .our-brand-mega-menu .brand-list[data-brand="Sun RV Communities"] .st0 {fill:#FCB937;} .our-brand-mega-menu .brand-list[data-brand="Sun RV Communities"] .st1 {fill:#fff; stroke: #fff;} .our-brand-mega-menu .brand-list[data-brand="Sun Resorts & Residences"] .st1 {fill:#fff; stroke: #fff;} .our-brand-mega-menu .brand-list[data-brand="Sun Uncharted"] .st0 {fill:#fff;} .our-brand-mega-menu .brand-list[data-brand="Sun Uncharted"] .st1 {fill:#FCB937; } .our-brand-mega-menu .brand-list[data-brand="Sun Retreats"] .st0 {fill:#fff;} .our-brand-mega-menu .brand-list[data-brand="Sun Retreats"] .st1 {fill:#FCB937;} .our-brand-mega-menu .brand-list[data-brand="Jellystone Park™"] .st1 {fill:#000;} /*.our-brand-mega-menu .brand-list:last-child:after{margin-left: -40px;}*/ .our-brand-mega-menu .brand-list:last-child:after{margin-left: -20px;} @media all and (max-width:1250px) { .our-brand-mega-menu .brand-list:last-child:after { margin-left: -15px; } } @media all and (max-width:1200px) { .our-brand-mega-menu .brand-list:last-child:after { margin-left: -10px; } } @media all and (max-width:1160px) { .our-brand-mega-menu .brand-list a{min-width: 130px;} .our-brand-mega-menu .brand-list:last-child:after {margin-left: -15px;} } @media all and (max-width:1050px) { .our-brand-mega-menu .brand-list:last-child:after {margin-left: -10px;} } @media all and (max-width:1024px) { .our-brand-mega-menu .brand-list:last-child:after{display:none;} .our-brand-mega-menu .brand-list a{ min-width: 180px; max-width: 180px; outline: none !important;} .our-brand-mega-menu .brand-list .partner-text{ margin-top: 0; color: #fff; } .our-brand-mega-menu .brand-list{width:25%;} .our-brand-mega-menu .brand-list:last-child .partner-text{ margin-top: 10px;} .our-brand-mega-menu .brand-list[data-brand="Jellystone Park™"] a{ padding: 37px 0 13px;} } @media all and (max-width:850px) { .our-brand-mega-menu .brand-list { width: 33%; } .our-brand-mega-menu .brand-list a { min-width: 220px; max-width: 220px; } } @media all and (max-width:767px) { .our-brand-mega-menu .brand-list{position: relative;} .our-brand-mega-menu .brand-list a { min-width: 160px; max-width:160px;} .our-brand-mega-menu .brand-list .partner-text{ position: absolute; left: 0; right: 0; text-align: center; width: 100%; margin: 0; } } @media all and (max-width:640px) { .our-brand-mega-menu .brand-list { width: 50%; padding: 0 15px; } .our-brand-mega-menu .brand-list a { min-width: 100%; max-width: 100%; } .our-brand-mega-menu .brand-list .partner-text{ /*color: transparent; text-shadow: 0px 0px 0px #fff;*/ color: #fff; filter: opacity(1); } .our-brand-mega-menu .brand-list-item-rs{ margin-left: 2px;} } /*End our brand menu section design change*/ .grecaptcha-badge { display: none !important; } form.loading .button { pointer-events: none; background-image: url(https://www.sunoutdoors.com/images/sunloader-multicolor.gif); background-size: 25px; background-repeat: no-repeat; background-position: 30px 21px; background-color: #BEB9B5; color: #fff; border-color: #fff; } .request-tour-forms form.loading .button{ background-size: 22px; background-position: 17px 11px; } /*start sticky location section*/ .activeStickyLocation .header-top-se { height:0; opacity:0; padding:0px; transition: height 0.3s, padding 0.3s; } .activeStickyLocation .fixed-prop-search-fs { background: #FFF4EC; position: fixed; top: 95px; z-index: 8; transition: 0.3s ease-in-out; padding:12px 10px; border-bottom: solid 1px #BEB9B5; display: flex; align-items: center; box-shadow: 0 0 24px rgb(0 0 0 / 18%); } .fixed-prop-search-fs .top-right-link { visibility: hidden; opacity: 0; transition: 0.5s; position: absolute; right: 20px; } .activeStickyLocation .fixed-prop-search-fs .uk-container-1000 { max-width: 1000px; } .activeStickyLocation .fixed-prop-search-fs .top-right-link { visibility: visible; opacity: 1; } .activeStickyLocation .fixed-prop-search-fs .property-search-hm { height:50px; } .activeStickyLocation .fixed-prop-search-fs .property-btn .button { height: 50px; line-height: 30px; border-radius: 4px; } .activeStickyLocation .fixed-prop-search-fs .property-date { border-right:0px; } .activeStickyLocation .fixed-prop-search-fs .property-date { padding: 3px 20px; } .activeStickyLocation .fixed-prop-search-fs .destination-wrapup-onlyjs { padding: 3px 18px; } .activeStickyLocation .fixed-prop-search-fs .property-destination span { top: 14px; right: 12px } .activeStickyLocation .autosuggestion-box { top:60px; } .activeStickyLocation .active-mega-menu { top:96px; } @media screen and (max-width:1440px) { .activeStickyLocation .phone-hd .contentfocuswhite { display:block; line-height: 1.1; } } @media only screen and (max-width: 1280px) and (min-width: 1025px) { .activeStickyLocation .fixed-prop-search-fs { top:95px; } .activeStickyLocation .fixed-prop-search-fs .destination-wrapup-onlyjs { padding: 3px 0px; } .activeStickyLocation .fixed-prop-search-fs .phone-hd { font-size:10px; } .activeStickyLocation .fixed-prop-search-fs .top-right-link a.link { font-size:12px; } .activeStickyLocation .fixed-prop-search-fs .property-btn .button { padding: 5px 10px; width: auto; } } @media screen and (max-width:1024px) { .fixed-prop-search-fs .top-right-link, .activeStickyLocation .fixed-prop-search-fs .top-right-link { display:none } .activeStickyLocation .fixed-prop-search-fs { top:65px; } .activeStickyLocation .fixed-prop-search-fs .destination-wrapup-onlyjs { padding: 3px 12px; padding-left: 0; } .activeStickyLocation .fixed-prop-search-fs .property-btn .button { padding: 5px 15px; width: auto; } .activeStickyLocation .active-mega-menu { top:0px; } } @media screen and (max-width:960px) { .activeStickyLocation .fixed-prop-search-fs { display:none; } } @media screen and (min-width:1600px) { .activeStickyLocation .fixed-prop-search-fs .property-btn { width: 270px; } .activeStickyLocation .fixed-prop-search-fs .uk-container-1000 { max-width: 1200px; } } /*End sticky location section*/ /*Leaving site Modal CSS*/ #leavingpopup .uk-modal-dialog{background:#25314B;max-width: 800px !important;width: 800px;} #leavingpopup .onlineloan-headings.site-leaving { text-align: center; max-width: 400px; margin: 0 auto; padding: 50px 0; color: #fff; } #leavingpopup .btn-wrapper { justify-content: center; } #leavingpopup .uk-modal-close-default { top: 25px; right: 25px; z-index: 999999; color: #fff; margin: 0; } .site-leaving h2.heading { color: #fff; text-transform: uppercase; } /*Leaving site Modal CSS*/ /*Campspot Phone Number START*/ .campNumberVisibility {display:none;} /*Campspot Phone Number END*/ .attraction-list a.uk-link {color: #fff !important; } /*Campspot login For Mobile start*/ body:not(.hasMimirAI.hasEnableAISearch) .customer-login-mobile{ display: none !important; } .customer-login-mobile a { display: flex; align-items: center; font-family: 'CocogooseProCondensed', Impact; border-top: solid 1px #BEB9B5 !important; padding: 15px 0px; border-bottom: solid 1px #BEB9B5 !important; } .customer-login-mobile a svg { width: 15px; margin-right: 10px; margin-top: -4px; position: relative; } .customer-login-mobile a { display: flex; align-items: center; font-family: 'CocogooseProCondensed', Impact; border-top: solid 1px #BEB9B5 !important; padding: 15px 0px; border-bottom: solid 1px #BEB9B5 !important; } .customer-login-mobile-inHead a { display: flex; align-items: center; font-family: 'CocogooseProCondensed', Impact; flex-direction: column; height: 100%; font-size: 13px; text-transform: uppercase; line-height: 1; } .customer-login-mobile-inHead a svg { margin-bottom:5px; } .hasMimirAI.hasEnableAISearch .customer-login-mobile-inHead { display: none; } @media screen and (min-width: 1025px) { .ai-search-menu.mobile { display: none; } } @media screen and (max-width:1024px) { .about-sun-community .uk-accordion { border-top: none; border-bottom: none; } .about-sun-community .uk-accordion { margin: 15px 20px 50px; } .ai-search-menu.mobile { display: flex !important; align-items: center; } .ai-search-menu.desktop { display: none; } } /*Campspot login For Mobile End*/ /*Start [Main Header] Section*/ .main-slider {background: #25314B;} .main-slider img{ width: 100%; /*object-fit: cover; object-position: center; */ height:100vh;} .main-slider.cms6 img {height:100%;} .right-box-slider { width: 191px; height: 245px; background: #25314B; color: #fff; padding: 23px 18px; font-size: 12px; text-align: center; line-height: 16px; box-shadow: 0 3px 6px #202223ab; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px;z-index: 2; } .main-slider ul>li .main-slider-img:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 100%; pointer-events: none; background: rgb(33,41,50); background: linear-gradient(5deg, rgba(33,41,50,0.4234068627450981) 0%, rgba(0,212,255,0) 100%); } .right-box-slider a { margin-top: 37px; display: inline-block; } .slier-icon{ width: 16px; height: 16px;text-align: center;margin: 0 auto;border-radius: 100%; margin-bottom: 13px;} .main-slider .h1{ margin-bottom: 135px; font-size: 55px; text-transform: uppercase;color:#FFF4EC;} .sd-top-section .sd-top-title:hover:after, .sd-top-section .sd-top-title:focus-within:after{ color:#7a2500; } .main-slider .uk-dotnav{position: absolute; top: 50%; right: 0; transform: translate(-55px, 70px);} /*End [Main Header] Section*/ /*Start Video Section*/ .video-height{ height: 81vh; overflow: hidden; position: relative; } .home-video-title-wrapper { position: absolute; z-index: 1; bottom: 105px; text-align: center; width: 100%; } .home-hero-section-wrapper { position:relative; } .home-video-title-wrapper h2 { color:#fff; margin: 0px; font-weight: bold; font-size: 18px; margin-right:10px; font-family: 'Red Hat Display'; text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75); /*Enable on BF 24 */ } .home-video-title-wrapper .btn-wrapper { display:flex; align-items: center; justify-content: center; margin: 15px 0px } .home-hero-image:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; background: linear-gradient(0deg, rgba(33,41,50,0.9) 0%, rgba(33,41,50,0) 50%); pointer-events: none; } .slider-text { text-align: center; text-transform: uppercase; font-size: 55px; color: #FFF4EC; filter: opacity(1); visibility: hidden; opacity: 0; text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.75); /*Enable on BF 24 */ } .Profiledataisready .slider-text{ transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; visibility: visible; opacity: 1;} .video-content:after { content: ''; display: block; width: 100%; height: 120vh; position: absolute; top: 0; background:#ffffff; background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.3) 100%); pointer-events: none; } .video-content{ overflow: hidden; position: relative; height: 100%;} .home-slider-top-section { width: 265px; height: auto; box-shadow:0 0 10px hsl(210deg 7% 11% / 29%); border-radius: 4px; position: absolute; top: 10px; right: 15px; background:#FFF4EC; z-index: 3; box-sizing: border-box; } .home-slider-top-section .sd-top-title a{border:none;font-size: 20px; padding-right: 20px;} .home-slider-top-section .sd-top-title a:hover, .home-slider-top-section .sd-top-title a:focus{color:#7a2500;} .home-slider-top-section .sd-top-title a:hover span, .home-slider-top-section .sd-top-title a:focus span{color:#7a2500;} .sd-top-section .toggle-content{display:none;} .home-slider-top-section ul li { font-size: 12px; line-height: 18px; } .home-slider-top-section ul li a{ padding-top: 2px; float: left; text-transform: uppercase; font-weight:bold;} .home-slider-top-section-arrow { display: none; align-items: center; bottom: 15px; position: absolute; margin-right: 10px; } .home-slider-top-section-arrow.slidenav-wrap.slidenav-show { display:flex; } .home-slider-top-section-arrow .control_slide1{ font-size: 14px; margin: 0 17px; } .home-slider-top-section-arrow .uk-slidenav-previous:after, .home-slider-top-section-arrow .uk-slidenav-next:after{ font-size: 13px;} .sd-top-title{ padding: 9px 15px; font-size: 12px; color: #25314B; cursor: pointer; font-weight: bold;display:flex;} .toggle-content{ display: block; padding:0 15px 15px 15px;} .sd-top-title:after{ color: #7a2500; content: '\e973'; font-family: 'mimiconfont' !important; font-size: 18px; position: absolute; right: 10px;display:none} .sd-top-section .sd-top-title:after{display:block;} .close-update-icon{ font-size: 10px; color:#25314B ; right:9px; position: absolute; top: 9px; border: none ;} .close-update-icon:hover, .close-update-icon:focus{ border: none ; color: #7a2500;} .video-feature { position: absolute; bottom: 30px; right:20px; z-index: 1; } .video-fe{ padding: 8px 8px; border-radius: 4px; font-size: 19px; color:#FEBB1F; line-height: 0; background:#25314B; text-align: center; height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .video-fe:hover:after, .video-fe:focus-within:after { width: 80px; height: 80px; border: solid 2px #febb1f; content: ''; display: block; background: #25314B; z-index: -1; position: absolute; right: -19px; border-radius: 4px; animation-name: uk-fade-scale-02; animation-duration: .5s; animation-timing-function: ease-out; animation-fill-mode: both; } .video-feature ul { list-style: none; padding: 0; margin-bottom: 4px; display:none; } .video-feature ul li{ background:rgb(37 49 75 / 90%); color:#FFF4EC; width: 80px; height: 80px; text-align: center; align-items: center; justify-content: center; display: flex; padding: 0 18px; border-radius: 4px; margin-bottom: 3px; font-size: 11px; text-transform: capitalize;line-height: normal; letter-spacing: 0.8px; cursor: pointer;} .video-feature ul li .icon { color:#FFF4EC; font-size: 18px; display: block; padding-bottom: 12px; display: block; } .play-icon {display: none;} .unmute-icon {display: none;} .close-icon-ss{display: none;} .video-feature ul li.video-desc{padding: 11px 0 0 0;display: block;} .video-feature ul li.full-video{padding: 13px 0 0 0;display: block;} .video-funcation-show ul{display:block;} .video-funcation-show .video-icon-ss{display:none;} .video-funcation-show .close-icon-ss{font-size: 15px;display:block;} .video-funcation-show .video-fe{ padding: 8px 8px; border-radius: 4px; font-size: 19px; color:#25314B; line-height: 0; background:#FEBB1F; text-align: center; height:80px; width: 80px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .video-funcation-show .video-fe:hover:after{display:none;} .video-feature ul li a{color:#FFF4EC;} .video-feature ul li a:hover, .video-feature ul li a:focus, .video-feature ul li a:focus span, .video-feature ul li a:hover span{color:#FEBB1F;} .uk-modal-dialog{ padding: 20px 20px 20px 20px; background: #FFF4EC; border-radius: 8px; width: 800px;} .uk-modal .uk-close svg { display: none; } .uk-modal .uk-close{top:-30px;} .uk-modal .uk-close:after { content: '\e96f'; font-family: 'mimiconfont' !important; color:#FFF4EC; font-size: 12px; position: absolute; } .uk-modal .uk-close:hover:after, .uk-modal .uk-close:focus:after {color:#FEBB1F;} /* End Video Section*/ /*Start [Main New] Section*/ #middle{ position: relative;} .main-content-new { position: relative; } .hm-left-image-main-slider { position: relative; margin-top: -82px; } .hm-left-image-main-slider ul{ min-height: 747px !important;} .pattren-bg-top { position: absolute; } .pattren-bg-top img{ top: -30px; position: relative; width: 80%; height: 780px;object-fit: cover;} .main-img-first{z-index: 1; position: relative; padding-top: 82px; padding-left: 100px;} .main-img-first img{ height: 600px; object-fit: cover;} .hm-left-main-slider{ z-index: 2;} .hm-right-cs-main { max-width: 550px; padding-left: 50px; } .hm-left-main-slider ul li{ overflow: hidden;} .hm-left-main-slider ul li.uk-active{ overflow: visible;} .hm-right-cs-main h2{ line-height: 60px; margin-bottom: 25px; font-size: 50px; text-transform: uppercase;} .hm-right-main-item { float: left; width: 100%; margin-bottom: 10px; } .right-main-item-img { display: inline-block; width: 20%; } .right-main-item-img img{width: 64px;} .right-main-item-cs{ display: inline-block; width: 80%; padding-left:5px; float: right;} .right-main-item-cs h3{ margin-bottom:7px; font-weight: bold; font-family: 'Red Hat Display';} .right-main-item-cs p{margin-top: 0;} .hm-right-cs-main .zizzag-stack-desc-long{margin-top: 0; padding-top: 0;} .hm-right-cs-main .expand-zigzag { padding-top: 0; margin-top: -15px; margin-bottom: 10px; } .hm-right-main-list { margin-top: 70px; } .m-hide-home{display:none;} .home-left-slider-arrow { display: flex; align-items: center; float: right; margin-top:-45px; z-index: 1; position: relative; } .home-left-slider-arrow a:after{ font-size: 11px; font-weight: bold;} .home-left-slider-arrow .control_slide1{color:#25314B; font-size: 14px; font-weight: bold; padding: 0 18px; width: 80px; text-align: center;} /*End [Main New] Section*/ /*Start [Four Grid Icon] Section*/ .four-grid-icon-section { padding-top: 20px; } .f-grid-content { margin-top: 20px; } .f-grid-content .g-grid-title { font-size: 15px; color: #25314B; font-weight: bold; } .f-grid-content p{ margin-top: 8px; padding: 0 20px;} /*End [Four Grid Icon] Section*/ /*Start [Left Side SLider] Section*/ .left-side-slider-section { max-width: 1420px; margin: 0 auto; padding-left: 40px; padding-right: 40px; } .left-side-grid-content { width:450px; background:#25314B; padding: 40px; border-radius:8px; height: 561px; } .left-slide-position{ top: 50%; left: 0; position: absolute; transform: translate(0%,-50%);} .left-side-grid-content h4{ font-family: 'Red Hat Display'; color:#FEBB1F; font-size: 12px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.96px; position: relative; display: inline; margin-bottom: 16px; } .left-side-grid-content h4:after{ content: ''; display: block; background:#FEBB1F; width: 44px; height: 1px; position: absolute; top: 7px; right: -55px;} .left-side-grid-img { text-align: right; height: 709px; overflow: hidden; width: 70%; float: right; } .left-side-grid-img iframe{ min-height:765px; transform: scale(1.1) !important;position: absolute; display: none;} .left-side-grid-img.manageSliderImg iframe{display:block} .left-side-grid-img img { height: 100%;object-fit: cover;object-position: right; width: 100%;} .left-sd-links .outline-btn{ padding: 8px 32px;} .left-sd-links .white-arrow-link{ display: inline-block;margin-left: 60px;} .left-side-grid-content h2{ margin-bottom: 0; margin-top:13px; font-size: 55px; text-transform: uppercase; color:#FFF4EC; line-height: 55px;} .left-side-grid-content p{ color:#FFF4EC; margin-top:40px;} .left-sd-links { padding-top: 40px; border-bottom: solid 1px #385E78; margin-bottom: 43px; padding-bottom: 38px; position: absolute; bottom: 49px; width: 370px;} .left-side-arrow-width {position: absolute; bottom: 50%; transform: translate(0,248px); text-align: center; width: 450px;} .left-side-arrow-width a { display: inline-block; filter: opacity(1); } .uk-slidenav, .left-side-arrow-width .control_slide1 span { filter: opacity(1); } .left-side-arrow-width .control_slide1 {display: inline-block; font-weight: bold;position: relative; top: -2px;padding: 0 20px; /*color: rgb(0 0 0 / 0%); text-shadow: 0px 0px 0px #FFF4EC;*/ color: #FFF4EC; filter: opacity(1); } .left-side-slider-section .uk-slidenav-next:after, .left-side-slider-section .uk-slidenav-previous:after{color:#ffffff;} .left-side-slider-section .uk-slidenav-next:hover:after, .left-side-slider-section .uk-slidenav-next:focus:after, .left-side-slider-section .uk-slidenav-previous:hover:after, .left-side-slider-section .uk-slidenav-previous:focus:after{color:#FEBB1F;} .right-side-slider-section .uk-slidenav-next:after, .right-side-slider-section .uk-slidenav-previous:after{color:#FFF4EC;} .right-side-slider-section .uk-slidenav-next:hover:after, .right-side-slider-section .uk-slidenav-next:focus:after, .right-side-slider-section .uk-slidenav-previous:hover:after, .right-side-slider-section .uk-slidenav-previous:focus:after{color:#FEBB1F;} .right-side-slider-section ul { min-height:765px !important;} .left-side-slider-section ul { min-height: 753px !important;} /*End [Left Side SLider] Section*/ /*Start [Four Grid With Image] Section*/ .f-grid-img-list{position: relative; overflow: hidden;} .f-grid-img-list:focus { outline: none; } .f-grid-img-list img{width:100%;} .hover-state-transition{ transform: translateY(77%); transition: .3s ease-out; transition-property: opacity,transform,filter; bottom: 0; height:100%; position: absolute!important; max-width: 100%; width: 100%; margin: 0 auto;padding:18px 18px 22px; } .f-grid-img-list:hover .hover-state-transition, .f-grid-img-list:focus .hover-state-transition, .f-grid-img-list:focus-within .hover-state-transition{ transform: translate(0, 0); background: rgb(0 0 0 / 50%);} .hover-state-transition h3{font-size: 22px; color:#ffffff;; font-weight: bold; margin-bottom:1px;} .grid-location-img {font-size: 15px;} .f-grid-img-link {padding-top: 0; position: absolute; bottom: 20px;} .f-grid-img-section .uk-grid>* {padding-left: 20px;} .f-grid-img-section .uk-grid { margin-left: -20px;} .f-grid-img-link .white-arrow-link{ margin-right:30px;} .f-grid-img-link .white-arrow-link:last-child{ margin-right:0px;} /*End [Four Grid With Image] Section*/ /*Start [Zig Zag Singal Slider] Section*/ .zig-zag-slider-list ul li{display: flex;} .zig-zag-slider-content {padding-right:125px;position: relative;} .zig-zag-slider-list ul li h2{ margin-bottom: 0;} .zig-zag-slider-list ul li p{ margin-top: 12px;} .zig-zag-btn {margin-top: 40px;} .zig-zag-link { padding-top: 57px; text-align: right; position: relative; right: 0;} .zig-zag-slider-arrow{ position: absolute; bottom: 0; left: 0; transform: translate(0,-26px);} .zig-zag-slider-arrow a {display: inline-block;} .zig-zag-slider-arrow .control_slide1 { display: inline-block; font-weight: bold; position: relative; top: -2px; font-size: 13px; padding: 0 22px;} /*End [Zig Zag Singal Slider] Section*/ /*Start [Right Side SLider] Section*/ .right-side-slider-section { max-width: 1420px; margin: 0 auto; padding-left: 40px; padding-right: 40px; z-index: 1; position: relative; } .manageSliderImg .videoSlideThumbImg{display:none;} .right-side-slider-section .left-side-grid-img { text-align: left; float: left; transform: translate(0px, 0px); } .right-side-slider-section .left-slide-position { right: 0; left: inherit; transform: translate(0%,-55%); } .right-side-slider-section .left-side-arrow-width { right: 0; transform: translate(0,220px);} .right-slide-arrow-count { display: inline-block;float: left; } .experiences-side-arrow-width .left-side-arrow-width{ padding: 0 40px; display: flex; align-items: center;} .experiences-side-arrow-width .experiences-detail-link{float: right;margin: 0 0 0 auto;} .right-side-slider-section .left-side-grid-content{margin: 0 0 0 auto;} .right-side-slider-section .white-arrow-link, .left-side-slider-section .white-arrow-link{ /*color: rgb(0 0 0 / 0%); text-shadow:0px 0px 0px #FFF4EC;*/ color: #FFF4EC; filter: opacity(1); } .right-side-slider-section .white-arrow-link:hover, .right-side-slider-section .white-arrow-link:focus, .left-side-slider-section .white-arrow-link:hover, .left-side-slider-section .white-arrow-link:focus{ /*color: rgb(0 0 0 / 0%); text-shadow: 0px 0px 0px #FEBB1F;*/ color: #FEBB1F; filter: opacity(1); } /*End [Right Side SLider] Section*/ /*Start [Our brand] Section*/ .brand-list-items {position: relative;left: 23px;} .brand-content{ max-width: 209px;} .brand-content h2{ margin-bottom: 0;} .brand-content p{ margin-top: 10px;} .brand-cs p{ margin-top: 0;} .brand-cs {margin-top:16px;} /*End [Our brand] Section*/ /*Start [Three Grid] Section*/ .th-grid-img-section:before { content: ''; width: 100%; height: 1210px; display: block; position: absolute; transform: translate(0, -60%); pointer-events: none; background-size: cover; background-color: #fff6ef; } .th-grid-img-section.addBg:before{ background-image: url(https://www.sunoutdoors.com/resourcefiles/common-image/home-bg-blog.jpg);} .th-grid-head { padding: 34px 0 35px; display: flex; align-items: center; z-index: 1; position: relative; } .th-grid-list{z-index: 2; position: relative;} .th-grid-img-section:after { content: ''; display: block; background-color:#25314B; width: 100%; height: 823px; position: absolute; top: 40%; z-index: 1; background-attachment: fixed; background-size: contain; } .th-grid-img-section.addBg:after{ background-image: url(https://www.sunoutdoors.com/resourcefiles/common-image/home-blog-pattren.svg); } .th-grid-img-section{position: relative;} .single-review-section{z-index: 2; max-width: 1480px; margin: 0 auto; padding: 0 30px 50px; position: relative;} .th-grid-head h2{ font-size: 50px; display: inline-block; text-transform: uppercase; margin-bottom: 0;} .th-grid-img { overflow: hidden; } .th-grid-head a{ margin-left: auto; text-align: right; float: right; padding-top: 11px;color:#25314B; padding-right: 0;} .th-grid-head a:hover, .th-grid-head a:focus{color:#7a2500;} .th-grid-list-slider ul{ margin-left: 0;} .blog-animation ul li{padding: 0; border-radius:8px;background:#FFF4EC; overflow: hidden; position: relative; width: calc(100% * 1 / 3.2); margin: 0 38px 0 0px; } .blog-animation ul li:hover img {transform: scale(1.1);} .blog-animation ul li:hover h3{color:#7a2500;} .th-grid-list-item img{ width: 100%; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; transition: .3s ease-out; transition-property: opacity,transform,filter; height: 280px; object-fit: cover; object-position: center; } .th-grid-list-slider ul{ margin-left: 0;} .th-grid-cs { padding: 20px 20px 90px 20px; } .th-grid-cs h3{ margin-top:3px;} .blog-feed-content { position: absolute; width: 100%; left: 0; padding: 0 20px; bottom: 10px; } .th-grid-cs h3 a, .th-grid-cs h3{color:#25314B; font-family: 'Red Hat Display';} .blog-animation ul li a:hover h3, .blog-animation ul li a:focus h3{color:#7a2500; border-color: transparent;filter: opacity(1);} .th-grid-cs p{ margin-bottom: 10px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 72px; } .th-grid-cs .category .date span{ margin: 0 5px;} .th-grid-cs .category .date span:before { content: "/"; position: relative; top: -2px; left: -3px; } .blog-animation ul li a {position: absolute; width: 100%;height: 100%;z-index: 1;border-bottom: none;filter: opacity(1);} .th-grid-cs .category .date{ font-weight: bold; color:#25314B; text-transform: uppercase; display: inline-block; line-height: normal; font-size: 12px;} .th-grid-cs .category { align-items: center;} .th-grid-cs .category a{font-size: 25px;display: inline-block;float: right; border-bottom: none; text-align: right; position: relative;left: 10px;} .th-grid-list-item:hover .category a, .th-grid-list-item:focus .category a{color:#FEBB1F} /*End [Three Grid] Section*/ /*Start [Review single] Section*/ .review-logo { text-align: center; padding-bottom: 70px; margin-top: 60px; } .review-content h2, .review-content .h2 { text-align: center; /*color: rgb(0 0 0 / 0%); text-shadow:0px 0px 0px #FFF4EC;*/ color: #FFF4EC; filter: opacity(1); text-transform: uppercase; line-height: 40px; letter-spacing: 1px; padding-bottom: 130px; } .author-name { font-size: 15px; display: inline-block; } .review-content .review-author { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; } .review-author a { /*color: rgb(0 0 0 / 0%); text-shadow:0px 0px 0px #FFF4EC;*/ color: #FFF4EC; filter: opacity(1); } .review-author a:hover, .review-author a:focus{ /*color: rgb(0 0 0 / 0%); text-shadow:0px 0px 0px #FEBB1F;*/ color: #FEBB1F; filter: opacity(1); } .single-review-section-img { height: 747px; overflow: hidden; position: relative; } .single-review-section-img img{ height: 100%; object-fit: cover; position: relative; top: -36px; width: 100%; } .single-review-section-img.cms6 img{top: 0;} .single-review-section-img:after { content: ''; background: rgb(16 22 34 / 60%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .review-content-main { top: 50%; transform: translateY(-50%); position: absolute; width:900px; margin: 0 auto; left: 0; right: 0; height: 80%; } /*End [Review Single] Section*/ /*Start [FAQ] Section*/ .faq-section-cs .tag { padding-bottom: 20px; padding-left: 10px; padding-top: 10px;} .faq-question-list ul{ max-width: 620px;} .faq-question-list ul li:first-child { border-top:none; } .faq-question-list ul li { border-bottom: solid 1px #BEB9B5; padding:30px 0 30px; } .faq-question-list ul li .uk-40{ padding-left: 0;} .faq-section-cs .uk-accordion-title { font-size: 20px; color: #25314B; font-weight: bold; } .faq-question-list .uk-accordion-content ul{ padding-left: 15px;margin-bottom: 0;margin-top: 20px;} .faq-question-list .uk-accordion-content ul li:first-child{ border-top: none;} .faq-question-list .uk-accordion-content ul li{ border-bottom: none; padding: 0; list-style: disc;} .faq-section-cs .uk-accordion-content { margin-top: 10px; z-index: 1; position: relative; } .faq-question-list p a { display: block; margin-top: 20px; border-bottom: none; } .faq-section-cs .uk-accordion-title::before { content: '\e977'; width: auto; height: 21px; margin-left: 10px; float: right; color: #25314B; right: 0; font-size: 11px; font-family: mimiconfont!important; position: relative; top: 7px; } .faq-section-cs .uk-open>.uk-accordion-title::before { font-family: mimiconfont!important; content: '\e977'; transform: rotate(180deg); position: relative; top:-1px; left: 0; } .faq-section-cs .uk-accordion-title:hover, .faq-section-cs .uk-accordion-title:focus, .faq-section-cs .uk-accordion-title:hover::before, .faq-section-cs .uk-accordion-title:focus::before { color:#7a2500; } .faq-section-cs{ margin-top: -10px; padding-right: 10px;} .faq-section-cs h2{text-transform: uppercase; margin-bottom:90px;} .faq-answer a{font-weight: bold; border-bottom: solid 1px #25314B} .faq-answer a:hover, .faq-answer a:focus{color:#7a2500; border-bottom: solid 1px #7a2500;} /*End [FAQ] Section*/ /*Start [Our Brnad] Section*/ .brand-grid-item{ background:#25314B; width: 100%; height:240px; border-radius: 6px; padding: 32px 10px 15px; text-align: center; align-items: center; position: relative; } .brand-grid-img{ text-align: center;} .brand-grid-content{ padding-bottom: 15px;} .brand-grid-img h3{color:#FFF4EC; margin: 0; font-size: 22px; max-width: 160px; text-align: left; padding-left: 6px;} .brand-grid-content {padding: 25px 0 0; } .brand-grid-content p{padding: 0 10px; max-width: 200px; margin: 0 auto 35px auto; color:transparent; filter: opacity(1); text-shadow:0px 0px 0px #ffffff; } .brand-grid-img-list { margin: 0 10px 20px 10px;flex: 1 1 31%;max-width: 31%;} .our-brand-slider { overflow: hidden; margin-top: 10px; } .brand-title{text-align:center;} .brand-title h2 { text-transform: uppercase; margin-bottom: 40px;display: inline-block; margin-top: 5px; } .hm-brnad-slider{ position: relative; overflow: visible;} .brand-property-link { position: absolute; bottom:20px; left: 0; right: 0; } .brand-property-link a{ /*color: transparent; text-shadow:0px 0px 0px #FFF4EC;*/ color: #FFF4EC; filter: opacity(1); } .brand-property-link a:hover, .brand-property-link a:focus{ /*color: transparent; text-shadow:0px 0px 0px #FEBB1F;*/ color: #FEBB1F; filter: opacity(1); } .brand-arrow a{ background: #FFF4EC; width: 60px; height: 60px; border-radius: 100%; text-align: center; line-height: 50px; font-weight: bold; box-shadow: 0 3px 20px rgb(0 0 0 / 20%); border: solid 2px transparent; } .brand-arrow a:hover, .brand-arrow a:focus{background:#25314B; border:solid 2px #FEBB1F !important;} .brand-arrow a:hover:after, .brand-arrow a:focus:after{color:#FEBB1F;} .brand-arrow a:after{ font-size: 12px;} .brand-arrow a.uk-slidenav-next{ margin-right:11.5%;} .brand-grid-img-list.Outdoors .brand-grid-item{ background:#25314B;} .brand-grid-img-list.Retreats .brand-grid-item{background:#7a2500;} .brand-grid-img-list.Resorts .brand-grid-item{background:#385E78;} .brand-grid-img-list.Uncharted .brand-grid-item{background:#2D492B;} .brand-grid-img-list.Jellystone .brand-grid-item{background:#6A3C17;} .brand-grid-img-list.Communities .brand-grid-item{background:#60836b;} .brand-grid-img-list.Jellystone svg{ width: 110px;fill:unset;max-height:74px;} .brand-grid-img-list:nth-child(5) .brand-grid-item .brand-property-link a span:first-child{ /*color:rgb(0 0 0 / 0%) !important ; text-shadow: 0px 0px 0px #FFF4EC !important;*/ color: #FFF4EC !important; filter: opacity(1); } .brand-grid-img-list:nth-child(5) .brand-grid-item .brand-property-link a:hover span:first-child, .brand-grid-img-list:nth-child(5) .brand-grid-item .brand-property-link a:focus span:first-child{ /*color:rgb(0 0 0 / 0%) !important; text-shadow: 0px 0px 0px #FEBB1F !important;*/ color: #FEBB1F !important; filter: opacity(1); } .brand-arrow .uk-slidenav-previous{ left:-2%;} /*End [Our Brnad] Section*/ /*Start [Full Section Image With Content] Section*/ .img-content-section { position: relative; } .img-content-cs { max-width: 510px; margin-left: 15px; } .img-content-section { position: relative; height: 673px; overflow: hidden;background: #25314B; } .img-content-img img { height:auto; overflow: hidden; object-fit: cover; width: 100%; object-position: top; margin-top: -60px; } .img-content-img:before { content: ''; background: rgb(33,41,50); background: linear-gradient(90deg, rgba(33,41,50,1) 0%, rgba(33,41,50,0.28335084033613445) 100%); display: block; width: 100%; height: 100%; z-index: 1; position: absolute; } .img-content-section .uk-container{z-index: 1;} .img-content-cs .negative-btn{ padding: 8px 27px;margin-top: 30px;} .img-content-cs .tag{ color:#FFF4EC;} .img-content-cs h3{ font-family: 'Red Hat Display'; margin-bottom: 0; color:#FFF4EC; font-weight: bold;} .img-content-cs p{color:#FFF4EC; margin-bottom: 30px; margin-top: 15px;} .img-logo img{ width: 250px;} .two-img-logo { display: flex; align-items: center; margin-top: 35px; } .two-img-logo span{font-size: 26px; font-weight: bold; color:#FFF4EC; margin: 0 12px; position: relative; top: 2px;} /*End [Full Section Image With Content] Section*/ /*Start [Recommdation Slider] Section*/ .mobile-show{display:none} .recommdation-title { border-top:solid 1px #BEB9B5; padding-top: 60px; padding-bottom: 60px } .recommdation-title h2{ margin-bottom: 0; text-transform: uppercase;} .recommdation-content h3{ font-family: 'Red Hat Display'; margin-bottom: 0; font-size: 20px; font-weight: bold;} .location-available { font-size: 15px; color:#385E78; } .f-grid-img-list:hover h3, .f-grid-img-list:focus h3, .f-grid-img-list:hover .location-available, .f-grid-img-list:focus .location-available { color:#7a2500;} .f-grid-img-list:hover .recommdation-hover, .f-grid-img-list:focus .recommdation-hover { opacity: 1; } .recommdation-img:focus-within .recommdation-hover { opacity: 1; } .recommdation-hover p{color:#FFF4EC; margin-top: 0;} .recommdation-img { border-radius: 8px; } .recommdation-hover{ background: rgb(37 49 75 / 80%); padding: 30px 20px; height: 100%;} .recommdation-links { position: absolute; bottom: 25px; display: flex; align-items: center; width: 100%; } .recommdation-links a{color:#ffffff;} .recommdation-links a:last-child{ float: right; margin-left: auto; margin-right: 35px;} .recommdation-content { margin-top:18px; } /*End [Recommdation Slider] Section*/ /*Start [Special Offer] Section*/ .special-offer-title h2 { text-transform: uppercase; padding-bottom: 30px; } .special-offer-section-slider .uk-width-1-4{width:33% !important; padding: 0 10px;} .special-slider-items {left: -250px;} .special-slider-items .uk-width-1-3 {width: calc(100% * 1 / 2.5); padding-right: 15px;padding-left: 0;} .special-slider-items li .uk-inline-clip{ border-radius: 8px; width: 100%;} .special-slider-items li img{ width: 100%; height: 452px; object-fit: cover; object-position: center;} .special-offer-section-btn { text-align: center; margin-top:20px; } .special-slider-title { margin-top: 20px; } .special-slider-title h3{color:#25314B; font-family: 'Red Hat Display'; font-weight: bold;} .special-slider-items li:focus-within .special-slider-cs { opacity: 1; } .special-slider-cs{ height: 100%; background:rgb(37 49 75 / 80%); padding: 50px;} .special-slider-cs p{ margin-top: 0; font-size: 18px; color: #FFF4EC; line-height:26px;} .special-slider-cs p a{ color: #FFF4EC;} .special-slider-cs .special-slider-btn a{ padding: 8px 33px;} .special-slider-cs .special-slider-btn{ position: absolute; bottom: 50px;} .special-slider-arrow a{ background: #FFF4EC; width: 60px; height: 60px; border-radius: 100%; text-align: center; line-height: 50px; font-weight: bold; box-shadow: 0 3px 20px rgb(0 0 0 / 20%); transform: translateY(-50%) translateY(-50px) !important; border:solid 2px transparent; } .special-slider-arrow a:hover, .special-slider-arrow a:focus{background:#25314B; border:solid 2px #FEBB1F !important;} .special-slider-arrow a:hover:after, .special-slider-arrow a:focus:after{color:#FEBB1F;} .special-slider-arrow .uk-slidenav-previous{ left:290px;} .special-slider-arrow .uk-slidenav-next{ right:340px;} .special-slider-arrow a:after{font-size: 12px;} .special-slider-mobile{display:none;} .special-btn-mobile{display:none;} /*End [Special Offer] Section*/ /*internet explorer 11*/ @media all and (-ms-high-contrast:none) { .slider-text { color:#fff; text-shadow:none;filter: opacity(1);} /* IE10 */ *::-ms-backdrop, .slider-text{ color:#fff; text-shadow:none;filter: opacity(1);} /* IE11 */ .property-destination input, .property-date input{height: 40px !important;} *::-ms-backdrop, .property-destination input, .property-date input{height: 40px !important;} /* IE11 */ .left-side-arrow-width .control_slide1{color:#fff} *::-ms-backdrop, .left-side-arrow-width .control_slide1{color:#fff} .special-slider-cs{background:#25314b} *::-ms-backdrop, .special-slider-cs{background:#25314b} .recommdation-hover{background:#25314b} *::-ms-backdrop, .recommdation-hover{background:#25314b} .single-review-section-img img{opacity:0.4} *::-ms-backdrop, .single-review-section-img img{opacity:0.4} .single-review-section-img{background:#25314b} *::-ms-backdrop, .single-review-section-img{background:#25314b} .review-content h2{color:#fff; text-shadow:none;filter: opacity(1);} *::-ms-backdrop, .review-content h2{color:#fff; text-shadow:none;filter: opacity(1);} .review-author a{color:#fff; text-shadow:none;filter: opacity(1);} *::-ms-backdrop, .review-author a{color:#fff; text-shadow:none;filter: opacity(1);} } /*internet explorer 11*/ .searchdestination_custom .statename:hover { color: #BA4B00 !important;; } .recommdation-content a { text-decoration: none; border-bottom: none; } .recommdation-content a:focus h3, .recommdation-content a:focus span{color:#7a2500;} .left-side-grid-img.Beaches iframe{transform: scale(1.2) !important;} .left-side-grid-img.Water iframe{transform: scale(1.2) !important;} /*Header Phase 2 [Start] .main-nav ul li .button { visibility: hidden; opacity: 0;} .headerIn .main-nav ul li .button { visibility: visible; opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out;} .main-nav ul li .button {background: #25314B; color: #FEBB1F; border: solid 2px #FEBB1F;} .main-nav ul li .button:hover, .main-nav ul li .button:focus{ color: #fff; border: solid 2px #fff;} .main-nav ul li.m-hide:last-child { padding: 0; display: table-column; } .headerIn .main-nav ul li.m-hide:last-child { display: inline-block; } /*Header Phase 2 [End]*/ .brand-slider-ui .uk-slider-items {flex-wrap: wrap; justify-content:center;} .home-hero-image.is-black-friday > img { object-fit: cover; object-position: bottom; } /*Responsive*/ @media all and (min-width:1200px) { .right-box-slider { transform: translate(0, -180px) !important; } .main-slider .uk-dotnav { transform: translate(-70px, 10px); } .brand-slider-ui .uk-slider-items { transform: inherit !important; justify-content: center; } .brand-arrow { display: none; } } @media all and (min-width:1400px) { /*Start Video Section*/ .video-height {height: 84vh;} /*End Video Section*/ .pattren-bg-top img { width: 100%;} .main-img-first{ padding-left: 120px;} .left-side-grid-img{ width: 71%;} .brand-slider-ui .uk-slider-items{transform: inherit !important; justify-content: center;} .brand-arrow{display:none;} } @media all and (min-width:1500px) { .left-side-arrow-width{transform: translate(0,250px);} .hm-left-image-main-slider ul { min-height: 797px !important; } /*Start Special Slider*/ .special-slider-items {left: -260px;} /*End Special Slider*/ .left-side-grid-img{width: 73%;} .right-side-slider-section .left-slide-position{transform: translate(0%,-55%);} } @media all and (min-width:1700px) { /*Start Video Section*/ .video-height {height: 85vh;} /*End Video Section*/ .home-left-slider-arrow{margin-right: 90px;} /*Left and right slider section*/ .left-side-grid-img{ width: 74%;} .left-slide-position {transform: translate(0%,-50%);} /*Left and right slider section*/ /*Start Special Slider*/ .special-slider-items .uk-width-1-3 { width: calc(100% * 1 / 3);} .special-slider-items { left: -300px; } /*Start Special Slider*/ } @media all and (min-width:1800px) { /*Start Video Section*/ .video-height {height: 86vh;} /*End Video Section*/ .special-slider-items { left: -350px; } .home-left-slider-arrow{ margin-right: 150px;} } @media all and (min-width:1900px) { .home-left-slider-arrow { margin-right: 203px; } .main-img-first img{ width: 610px;} .hm-left-image-main-slider:after { width: 550px;} /*Left and right slider section*/ /*Left and right slider section*/ /*special slider section*/ .special-slider-items .uk-width-1-3 { width: calc(100% * 1 / 3.3); } .special-slider-items { left: -290px; } /*special slider section*/ } @media all and (min-width:2000px) { .video-content{ padding-bottom: 56.7%;} #mainimagehome iframe{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100% !important;} .special-slider-items li img{ height: 100%;} .main-content-new .uk-container-full{ max-width: 1510px;margin: 0 auto;} .main-content-new .home-left-slider-arrow { margin-right: 3px;} .img-content-section .uk-container{max-width: 1420px; left: -390px; right: 0;} } @media all and (max-width:1680px) { .special-slider-arrow .uk-slidenav-previous{ left: 100px;} .special-slider-arrow .uk-slidenav-next {right: 110px;} .special-slider-items{ left: -320px;} } @media all and (max-width:1600px) { .special-slider-items{ left: -300px;} .special-slider-arrow .uk-slidenav-previous { left:90px; } .special-slider-arrow .uk-slidenav-next { right:100px; } } @media all and (max-width:1500px) { .brand-grid-content{ padding: 20px 0 0;} .brand-arrow a.uk-slidenav-next { margin-right: 7.5%; } .special-slider-arrow .uk-slidenav-previous { left: 116px; } .img-content-section { height: 600px;} } @media all and (max-width:1440px) { .special-slider-items{ left: -280px;} .special-slider-arrow .uk-slidenav-next {right:95px;} .special-slider-arrow .uk-slidenav-previous { left: 64px; } } @media all and (max-width:1420px) { .special-slider-arrow .uk-slidenav-previous { left:50px; } .special-slider-arrow .uk-slidenav-next { right:100px; } } @media all and (max-width:1320px) { /*Start Main Content*/ .hm-left-image-main-slider:after {width: 300px;} .hm-right-cs-main h2 { padding-right: 100px;font-size: 40px; line-height: 45px;} .hm-right-main-list { margin-top: 40px;} .hm-right-cs-main{ padding-left: 30px;} /*End Main Content*/ .hm-brnad-slider{ margin-left:20px;} .brand-property-link{ bottom:15px;} .left-side-grid-content h2{ font-size: 40px;} .left-side-arrow-width {transform: translate(0,250px);} .zig-zag-slider-img img{ height: 442px; object-fit: cover; width: 100%;} .zig-zag-slider-content { padding-right: 90px;} .left-side-slider-section{ padding-left: 30px; padding-right: 30px;} .special-slider-items {left: -240px;} .special-slider-arrow .uk-slidenav-next { right: 50px;} .special-slider-arrow .uk-slidenav-previous {left: 53px;} /*Recomdation Link Start*/ .recommdation-links a {font-size: 11px;} .recommdation-hover p{ font-size: 14px;} .recommdation-hover { padding: 20px 10px;} .recommdation-links a:last-child{ margin-right: 20px;} /*Recomdation Link End*/ .single-review-section{padding-left: 20px;padding-right: 20px;} .faq-section-cs h2{font-size: 45px;} .th-grid-head h2{font-size: 45px;} .special-slider-cs p{ font-size: 16px; line-height: 26px;} .faq-section-cs h2{margin-bottom: 0;} .recommdation-links a:last-child{ margin-right: 30px;} .blog-animation ul li{ margin: 0 35px 0 0px;} .img-content-cs { max-width: 640px;} .img-content-section {height: 540px;} .brand-grid-img-list{ width: 214px;} .brand-grid-content p {padding: 0 0px;} .brand-grid-content { padding: 15px 0 } } @media all and (max-width:1280px) { .special-slider-arrow .uk-slidenav-next { right: 70px; } } @media all and (max-width:1240px) { .zig-zag-slider-arrow{ transform: translate(0,-15px);} .special-slider-items { left: -200px; } .hm-right-cs-main{ padding-right:30px;} .th-grid-img-section:before{transform: translate(0, -50%);} .img-content-img img { height: 600px;} /* .left-side-grid-img iframe{ height: 640px !important;}*/ } @media all and (max-width:1200px) { .main-slider img{height: 100vh;} .pattren-bg-top img { width: 70%;} .right-box-slider{ transform: translate(0%,-50%) !important;} .brand-list-items{left:0px;} .f-grid-img-link .white-arrow-link:last-child{ display: block;} .hover-state-transition p {line-height: normal; margin-top: 10px; } .hover-state-transition { transform: translateY(75%);} .special-slider-items { left: -200px; } .special-slider-cs{ padding: 30px;} .blog-animation ul li{ margin: 0 30px 0 0px;} .th-grid-list-item img{ height: 210px;} .brand-grid-img-list { min-width: 250px;width: 25%;} .brand-grid-content p {padding: 0 10px;} } @media all and (max-width:1100px) { /* .left-side-grid-img iframe{ transform: scale(1.3) !important;}*/ } @media all and (max-width:1060px) { .zig-zag-slider-arrow{transform: translate(0,-2px);} .special-slider-items { left: -200px; } .hm-right-cs-main h2 { padding-right: 0;} .main-img-first{ padding-left: 30px;} .th-grid-cs h3 {height: auto;;} .th-grid-cs h3 a{ font-size: 18px;} .th-grid-cs p { margin-bottom: 0; } .th-grid-img-section:before{transform: translate(0, -30%);} .hm-brnad-slider { margin-left: 2%; } .th-grid-cs h3{ font-size: 18px;} } @media all and (min-width:1025px) { .th-grid-list .d-hide a{ /*color:transparent; text-shadow:0px 0px 0px #FFF4EC;*/ color: #FFF4EC; filter: opacity(1); } } @media all and (max-width:1024px) { /*Main Slider*/ .main-slider {height: 63vh;} .main-slider .uk-slideshow-items { min-height: 63vh !important;} .main-slider img { height:70vh;} .slider-text{ font-size: 45px;} /*Main Slider*/ .hm-right-cs-main h2 { padding-right: 0; } /*Left and Right Slider*/ /*Left and Right Slider*/ .img-content-cs { margin-left: 0;} .special-slider-cs{padding: 20px;} .review-content { padding: 0 40px; } .review-content .review-author{ bottom: 20px;} /*Grid With Image Section*/ .hover-state-transition{transform: translateY(70%);max-width: 215px; width: 100%;} .hover-state-transition p{ margin-top: 8px;} .f-grid-img-link{ bottom: 10px;} .faq-section-cs h2{ font-size: 40px;} /*Grid With Image Section*/ .recommdation-links a:last-child { margin-right: 20px; } .zig-zag-slider-list .zig-zag-slider-arrow{ transform: translate(0px, -3px);} /*Start FAQ Section*/ .faq-img.d-hide{display:none !important} .right-side-faq-img.m-hide{display:block !important} .right-side-faq-img.m-hide img { object-fit: cover; height: 560px; object-position: center; } /*End FAQ Section*/ .blog-animation ul li{ margin: 0 20px 0 0px;} .th-grid-cs{ padding: 20px 20px 90px 20px;} .brand-grid-img-list { min-width: 270px; width: 28%;} } @media all and (min-width:961px) { .blog-animation ul li:nth-child(4) { display: none; } .blog-animation ul li:nth-child(5) { display: none; } .home-hero-image.is-black-friday:before { height: 65%; top: auto; bottom: 0; background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 100%); } } @media all and (min-width:960px) { .th-grid-list-slider ul{ transform: inherit !important;} .brand-list-items ul {transform: inherit !important;} .four-grid-icon-section ul {transform: inherit !important;} .f-grid-img-section ul {transform: inherit !important;} .th-grid-btn-link{display:none !important;} /*Start Img With Content Full Section*/ /*End Img With Content Full Section*/ .th-grid-list .d-hide{display:none} } @media all and (max-width:960px) { /*Start Main Slider*/ .main-slider {height:40vh; overflow: visible;} .main-slider img { height:45vh;} .right-box-slider{display:none;} .main-slider .uk-position-small.uk-position-center { transform: translate(-50%, 0); top: auto; bottom: 20px;} .main-slider .uk-slideshow-items{ min-height:40vh !important;} .main-slider .uk-dotnav{ position: absolute; top: inherit; right: inherit; transform: inherit; left: inherit; text-align: center; bottom:22px; width: 100%;} /*End Main Slider*/ /*Start Video Section*/ .video-height:after{display:none} /*End Video Section*/ .main-img-first{ padding-top: 40px;} .main-img-first img { height: 640px;} .left-side-grid-img img{transform: inherit !important;} .main-content-new .uk-grid{ display: flex; flex-direction: column-reverse;} .hm-left-image-main-slider:after{ top: 50%;} .hm-right-cs-main {max-width: 100%;padding: 30px 20px;} .right-main-item-cs {width: calc(100% - 85px);} .right-main-item-img {width: 75px;} .hm-right-main-list {margin-top: 25px;} .main-img-first img{ width: 100%;} .main-img-first{padding-right: 50px;} .pattren-bg-top img{ height: auto; width: 80%; transform: inherit !important;} .hm-left-image-main-slider ul { min-height: 747px !important; } .home-left-slider-arrow{ justify-content: center; width: 100%;} .hm-left-main-slider { z-index: 1;} .hm-left-image-main-slider{position: relative;} .hm-left-image-main-slider:after { width: 470px; height: 627px; top: -40px;left: -60px; } .hm-right-main-list:after { content: ''; display: block; clear: both; } .hm-left-image-main-slider{ margin-top: 0;} .left-sd-links { bottom: 30px; padding-bottom: 30px; } .left-side-grid-content p{ margin-top: 10px;} /*Start [Left Side SLider] Section*/ .left-slide-position { transform: inherit; top: 55%; right: 0;} .left-side-slider-section ul{min-height: 1040px !important; margin-bottom: 40px;} .right-side-slider-section ul{min-height: 1190px !important; margin-bottom: 40px;} .left-side-grid-img img { height: 580px;} .experiences-side-arrow-width .left-side-arrow-width{ padding: 0 30px; width: 380px; right: 0; left: 0; margin: 0 auto; bottom: 8%;} .left-side-slider-section { padding-left: 0; padding-right: 0; } .right-side-slider-section { padding-left: 0; padding-right: 0; } .left-side-grid-img { text-align: right; height: auto; overflow: visible; width: 100%; float: right; } .left-side-grid-content{ margin: -30px auto; padding: 30px 25px; height: 500px; width: 370px;} .left-side-arrow-width { transform: translate(0,0); bottom:2%; } .left-side-arrow-width{width: 100%;} .right-side-slider-section .left-side-grid-content { height: 465px; margin:0 auto;} .right-side-slider-section .left-sd-links{ bottom:30px;} .left-sd-links{ width: 317px; bottom: 0; padding-bottom: 30px;} /*End [Left Side SLider] Section*/ /*Start [Zig Zag Singal Slider] Section*/ .zig-zag-slider-list ul li { display: flex; flex-direction: column-reverse;} .zig-zag-slider-img img { width: 100%; height: auto;} .zig-zag-slider-list ul li h2 {margin-top:20px;} .zig-zag-slider-content {padding-right: 0px; padding-top:25px;} .zig-zag-link {padding-right: 20px;} .zig-zag-btn { margin-top: 25px;} /*End [Zig Zag Singal Slider] Section*/ /*Start Four Grid with Image*/ .f-grid-img-section h2{ padding-bottom: 10px;} .f-grid-img-list:hover .hover-state-transition, .f-grid-img-list:focus .hover-state-transition, .f-grid-img-list:focus-within .hover-state-transition{background: transparent;} .hover-state-transition{transform: inherit; position: relative !important; max-width: 100%; width: 100%;padding: 18px 0px 22px;} .zig-zag-slider-list .zig-zag-slider-arrow { transform: translate(0px, 4px);} .f-grid-img-link a{ font-size: 11px;} .hover-state-transition h3{color:#25314B;} .hover-state-transition .white {color:#25314B; line-height: 24px;} .f-grid-img-link .white-arrow-link{color:#FEBB1F;} .f-grid-img-link .white-arrow-link:hover, .f-grid-img-link .white-arrow-link:focus{color:#25314B;} .f-grid-img-link{ position: relative; bottom: 0;} .f-grid-img-link .white-arrow-link:last-child { display: inline-block; } /*End Four Grid with Image*/ /*Start [Our Brand Slider] Section*/ .brand-content { max-width: 100%; text-align: center; } .brand-content h2 { margin-bottom: 0; font-size: 30px; padding-top: 50px; position: relative; } .brand-content h2:before { content: ''; display: block; background: #BEB9B5; width: 280px; height: 1px; position: absolute; left: 0; right: 0; margin: 0px auto; top: 0; } .brand-content p { margin-top: 10px; max-width: 370px; margin: 10px auto 30px; } .single-review-section { padding-bottom: 40px; padding-left: 0; padding-right: 0; z-index: 1; } .review-content { padding: 0 0; } .review-content-main{ width: 100%;} .single-review-section .uk-container{ background-size: cover; background-position: center;} /*End [Our Brand Slider] Section*/ /*Start [Three Grid] Section*/ .th-grid-img-section.addBg:after{ background:#25314B; background-image:inherit; } .th-grid-img-section:before{display:none;} .th-grid-list-slider .uk-container{padding-right: 0; padding-left: 0;} .th-grid-head { display: block; text-align: center; } .th-grid-btn-link { text-align: center; padding-top: 26px; } .th-grid-cs .category a { font-size: 18px; position: relative; top: 2px; } .th-grid-list-item img{ height: 280px;} /*End [Three Grid] Section*/ /*Start FAQ Section*/ .faq-section{ padding-bottom: 0; padding-top: 0;} .faq-section-cs h2 { font-size: 30px; margin-bottom: 40px; text-align: center;} .faq-question-list ul li:first-child { border-top: solid 1px #BEB9B5; } .faq-img.d-hide{display:block !important; margin-bottom: 20px} .right-side-faq-img.m-hide{display:none !important} .faq-question-list ul { max-width: 100%;} .faq-section-cs .uk-accordion-content a{ font-size: 13px;} .faq-section-cs .uk-accordion-title::before{left: 10px;} .faq-section-cs .uk-open>.uk-accordion-title::before{left: 0; top: 0;} .faq-section-grid .uk-60{width:100%} .faq-question-list ul {max-width: 100%; margin-bottom: 0;} .faq-img img{width: 100%; margin-top:10px;} .faq-section-cs .uk-accordion-title::before{ left: 0;} .faq-section-grid {display: block;} .faq-section-cs { margin-top: 0; padding-right: 0; } .faq-question-list ul li:last-child { border-bottom: none; } /*End FAQ Section*/ /*Grid Slider New [Start]*/ .recommdation-content { margin-top: 0; } .recommdation-title {margin-right: 20px; border-top: solid 1px #BEB9B5;} .recommdation-arrow a{ background: #FFF4EC; width: 60px; height: 60px; border-radius: 100%; text-align: center; line-height: 50px; font-weight: bold; box-shadow: 0 3px 20px rgb(0 0 0 / 20%); transform: translateY(-50%) translateY(-50px) !important; border: solid 2px transparent; } .recommdation-arrow a:hover, .recommdation-arrow a:focus{ background:#25314B !important; border: solid 2px #FEBB1F !important;} .recommdation-arrow a:hover:after, .recommdation-arrow a:hover:focus{ color: #FEBB1F !important; } .recommdation-arrow .uk-position-center-right{right: 0; left: unset;} .recommdation-arrow .uk-position-center-lef{left: 10px;} .recommdation-arrow a.uk-invisible{display: none;} .f-grid-img-list img { width: 100%; border-radius: 10px; } .recommdation-hover { padding: 20px 5px; opacity: 1; position: relative !important; background: transparent; transform: inherit; } .recommdation-hover p{color:#25314B; padding-top: 20px; padding-right: 10px;} .recommdation-links a:last-child { margin-left:1px; margin-right: 1px; } .recommdation-links { position: relative; bottom: 0; display: flex; } .recommdation-links a {color: #25314B;} .recommdation-links a:hover, .recommdation-links a:focus{color:#7a2500;} .recommdation-links a:hover span, .recommdation-links a:focus span { border-bottom: solid 1px #7a2500; } .single-review-section-img img{ top: 0; transform: inherit !important;} .mobile-hide{display:none} .mobile-show{display:block} /*.left-side-grid-img iframe{ height:620px !important;transform: scale(1.2) !important;}*/ .right-side-slider-section .left-slide-position{ top:82%;} .experiences-side-arrow-width .left-side-arrow-width{ transform: translate(0,-5px);} .hm-brnad-slider {margin-left: 0;} .brand-slider-ui {margin-left: 0; padding-left: 20px;} .brand-arrow a.uk-slidenav-next {margin-right: 1%;} .brand-arrow .uk-slidenav-previous { left: -1%;} .slider-text{font-size: 45px;} .recommdation-links a{font-size: 12px;} } @media all and (max-width:959px) { .recommdation-links a:last-child { margin-left: 14px; margin-right: 20px; } } @media all and (max-width:820px) { .recommdation-slider .f-grid-img-list{ width: calc(100% * 1 / 2.3);} .recommdation-destination .uk-container{padding-right: 0;} .special-offer-section-slider{overflow:hidden;} .th-grid-img-section { overflow: hidden; } .recommdation-destination{ overflow: hidden;} } @media all and (max-width:960px) and (min-width:768px) { /*Start Three Grid Section*/ .th-grid-list-slider .th-grid-list .uk-grid>*{ width: 50%;} /*End Three Grid Section*/ .brand-list-items ul{ transform: inherit !important;} .brand-list-items .brand-list {padding: 0;} .brand-item .uk-grid>*{ padding-left:22px;} .f-grid-img-link .white-arrow-link { margin-right: 18px; display: block;} .special-slider-items .uk-width-1-3 { width: calc(100% * 1 / 2);} .special-slider-items { left: 0; } .experiences-side-arrow-width .left-side-arrow-width{ bottom: 25px;} .experiences-side-arrow-width .left-sd-links { width: 400px; } /*Start Special Slider Section*/ .special-slider-desktop{display:none;} .special-slider-mobile{display:block;} .special-slider-items .uk-width-1-3 { width: 80%; padding-right: 8px; padding-left: 8px; } .special-slider-items {left: 15px;} .special-offer-title h2{ padding-bottom: 15px;font-size: 30px;} .special-slider-arrow a{width: 45px; height: 45px;line-height: 33px;} .special-slider-arrow .uk-slidenav-previous { top: 35%; left: 7px;} .special-slider-arrow .uk-slidenav-next { top:35%;right:0px;} .special-slider-items li img {height: auto; border-radius: 10px;} .special-slider-cs { padding: 25px; position: relative !important; transform: inherit !important; background: transparent; } .special-slider-cs { padding: 5px;} .special-slider-cs p{color:#25314B;} .special-slider-cs p a{color:#25314B;} .special-slider-cs .special-slider-btn { position: relative; bottom: 0; margin-top: 25px; } .special-offer-section-btn { text-align: left; margin-top:0px; padding-left:94px; } .special-offer-section-btn .outline-btn{ padding: 3px 25px;} .special-slider-cs .special-slider-btn a { padding: 3px 41px; } .special-slider-cs p { font-size: 16px; line-height: 26px; } .special-slider-cs{opacity:0} .special-offer-section-slider .uk-active .special-slider-cs{opacity:1} .special-slider-content-home{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; height: 150px;} /*End Special Slider Section*/ } @media all and (max-width:850px) { .special-offer-section-btn { padding-left: 86px; } } @media all and (max-width:768px) { .special-offer-section-btn { padding-left: 77px; } } @media all and (max-width:767px) { /*Start Main Slider*/ .main-slider .uk-slideshow-items{ min-height:50vh !important;} .main-slider img { height: 60vh; } /*End Main Slider*/ /*Start Main Content*/ .main-content { margin-top: 50px;} .hm-left-image-main-slider ul {min-height: 740px !important;} .hm-left-image-main-slider:after{ width: 330px;} .hm-right-cs-main h2 { line-height: normal; font-size: 28px; max-width: 280px; } .right-main-item-img img { width: 50px;} .hm-right-cs-main .expand-zigzag { padding-top: 0;} .m-hide-home{display:block;margin: 0; font-weight: bold; font-family: 'Red Hat Display'; padding-left: 15px;} .right-main-item-img { width: 100%; display: flex; align-items: flex-end; } .right-main-item-cs { width: 100%; padding-left: 0; padding-top: 10px; } .right-main-item-cs h3{display:none;} .main-slider {height: auto;} /*End Main Content*/ /*Start Four Grid Content*/ .four-grid-icon-section { padding-top: 0; } .f-grid-content p {padding: 0 0px;} /*End Four Grid Content*/ /*Start Zig Zag Slider Content*/ .zig-zag-link{ padding-top: 70px;} /*End Zig Zag Slider Content*/ .author-name { display: block;text-align: center;} .review-content .review-author a { text-align: center;float: inherit; padding-top:20px; display: block;} .review-content .review-author {padding: 0; margin-top: 80px;} /*Start FAQ Section*/ .faq-question-list ul li{ padding: 30px 1px;} .faq-section { padding-bottom: 0; } /*End FAQ Section*/ /*Start Left and Right Slider*/ .left-side-slider-section ul{ margin-bottom: 0;min-height:830px !important;} .right-side-slider-section ul{ margin-bottom: 0;min-height:960px !important;} .left-side-slider-section{ padding-bottom: 0; padding-top: 10px;} .left-side-grid-img img { height: 450px;} .left-slide-position { top:50%;} .left-sd-links { bottom:20px; padding-bottom: 30px; } .right-side-slider-section .left-slide-position{ top:52%;} .right-side-slider-section .left-side-grid-content { height: 400px;} .left-side-grid-content { margin: 0px auto; height: 395px;} .left-side-arrow-width { bottom:38px; } .left-side-grid-content h2 { font-size: 26px; line-height: normal; margin-top: 6px; } .left-side-grid-content p { margin-top:10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } /*End Left and Right Slider*/ /*Start Img With Content Full Section*/ .img-content-section{ height: auto; background: transparent;} .img-content-img img {height:610px; margin-top: 0; transform: inherit !important; } .img-content-img:before{ background: rgb(37 49 75 / 74%);} .img-logo img { width: 220px;} .img-content-cs { max-width: 510px; } .img-content-section .uk-container { transform: inherit; top: 0; text-align: center; } .two-img-logo{justify-content: center;} .img-content-cs p { color:#FFF4EC;} .img-content-cs .tag {color: #385E78;} .img-content-section .uk-container { z-index: 1; left: 0; right: 0; } .img-content-cs p{margin-top: 18px;} .img-content-cs h2{margin-top: 15px;} .img-content-cs h3 { margin-bottom: 20px; color:#FFF4EC; font-size: 20px; } .img-content-cs {padding-top: 30px; margin: 0 auto;} .img-content-cs .negative-btn { padding: 3px 23px; margin-top: 10px; border-color: #BEB9B5; color: #BEB9B5; letter-spacing: 0.2px;} .img-content-cs .negative-btn:hover, .img-content-cs .negative-btn:focus{border-color: #BEB9B5;} /*End Img With Content Full Section*/ /*Start Special Slider Section*/ .special-slider-desktop{display:none;} .special-slider-mobile{display:block;} .special-slider-items .uk-width-1-3 { width: 80%; padding-right: 8px; padding-left: 8px; } .special-slider-items {left: 15px;} .special-offer-title h2{ padding-bottom: 15px;font-size: 30px;} .special-slider-arrow a{width: 45px; height: 45px;line-height: 33px;} .special-slider-arrow .uk-slidenav-previous { top: 35%; left: 7px;} .special-slider-arrow .uk-slidenav-next { top:35%;right: -12px;} .special-slider-items li img {height: auto; border-radius: 10px;} .special-slider-cs { padding: 25px; position: relative !important; transform: inherit !important; background: transparent; } .special-slider-cs { padding: 5px;} .special-slider-cs p{color:#25314B;} .special-slider-cs p a{color:#25314B;} .special-slider-cs .special-slider-btn { position: relative; bottom: 0; margin-top: 25px; } .special-offer-section-btn { text-align: left; margin-top:0px; padding-left:72px; } .special-slider-cs .special-slider-btn a { padding: 3px 41px; } .special-slider-cs p { font-size: 16px; line-height: 26px; } .special-slider-cs{opacity:0} .special-offer-section-slider .uk-active .special-slider-cs{opacity:1} .special-slider-content-home{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; height: 150px;} /*End Special Slider Section*/ .brand-title h2{ font-size: 30px; max-width: 100%; margin:20px auto 30px; } .brand-arrow a {width: 45px; height: 45px; line-height: 30px; } .our-brand-slider { padding-bottom: 23px; } /*Start Recommdation Slider */ .recommdation-title{ padding-top: 35px; padding-bottom: 30px; margin-right: 0; text-align: center;} .recommdation-title h2 { text-align: left !important;font-size: 30px; line-height: normal; } .recommdation-arrow a{ width: 45px; height: 45px; line-height: 35px; transform: translateY(-50%) translateY(-148px) !important;} .recommdation-arrow a:after{ font-size: 11px; position: relative; top: -2px;} .recommdation-hover{opacity:0} .recommdation-slider .uk-active .recommdation-hover{opacity:1} .recommdation-destination .uk-container{ padding-right:0} /*End Recommdation Slider */ .th-grid-head h2 {font-size: 34px;padding: 0 30px;} .th-grid-head {padding: 25px 0 25px;} .th-grid-img-section {padding-bottom: 30px;} .single-review-section .uk-container{padding: 70px 0 30px;} .review-content { padding: 0 30px;margin-top: 15px;} .review-content h2{line-height: 27px;} .single-review-section-img img{ transform: inherit !important;} .review-logo { padding-bottom:0; margin-top: 0;} .single-review-section-img { height: 600px;} .faq-section-cs h2 { font-size: 30px;margin-bottom: 20px;} .faq-section-cs .uk-accordion-title{line-height: 25px; font-size:18px;} .brand-arrow .uk-slidenav-previous{ left:0%;} .th-grid-list-slider .th-grid-list .uk-grid>*{ width: 85%;} .blog-animation ul li{ margin: 0 15px 0 0px;} .special-btn-mobile{display:block; margin-top: 20px; padding-left: 0 !important;} .special-btn-mobile a{ padding: 3px 24px;} .special-btn-desktop{margin-top: 10px;} .brand-arrow a.uk-slidenav-next{ margin-right: 17px;} .left-side-grid-img iframe { min-height: 570px; height: 570px !important; width: 720px; } .right-side-slider-section ul { min-height: 930px !important;} .right-side-slider-section .left-slide-position { top: 82%; } .experiences-side-arrow-width .left-side-arrow-width { bottom: 1%; } .th-grid-cs { padding: 20px 20px 90px 20px; } .recommdation-destination { overflow: hidden; } .recommdation-slider .uk-slider{ overflow: visible;} .recommdation-arrow .uk-position-center-left { left: 0; } .recommdation-arrow .uk-position-center-right { right: 30px;} .special-offer-section-btn .outline-btn { padding: 3px 25px;} .brand-slider-ui{ padding-left: 0;} .f-grid-img-section .uk-grid{margin-left: 30px;} .recommdation-slider .f-grid-img-list { width: 85%; } .left-side-grid-img iframe{ width: 100%;} .left-side-grid-img{height:550px; overflow: hidden;} } @media all and (max-width:640px) { .main-slider .uk-slideshow-items { min-height:39vh !important; } .main-slider img { height: 45vh; } .main-slider .uk-position-small.uk-position-center{ bottom: 25px; margin: 0;} .main-img-first img {height: 574px;} .pattren-bg-top img {width: 70%;} .hm-left-image-main-slider ul {min-height: 678px !important;} /*Start Four Grid Content*/ .four-grid-icon-section {padding-left: 50px;} .f-grid-content p{ margin-bottom: 10px; max-width:90%; margin: 0 auto 10px;} .four-grid-icon-section ul li{ text-align: left !important;} .four-grid-icon-section ul li.uk-active{ text-align:center!important;} .left-sd-links {padding-top: 22px;} /*End Four Grid Content*/ /* Start Four Grid with Image */ .f-grid-img-link .white-arrow-link:last-child { margin-right: 15px; margin-left: auto; } .f-grid-img-link{ margin-top: 50px;display: flex;} .hover-state-transition{ padding:18px 8px 12px 18px;} .f-grid-img-section .uk-grid>* { padding-left: 8px; padding-right: 8px;} .f-grid-img-section .uk-grid { margin-left: -21px;} .four-grid-icon-section .uk-container-1150{ padding: 0;} .f-grid-img-section .uk-container{ padding-right: 0;} .f-grid-img-section .uk-grid .f-grid-img img{width:100%;} /* End Four Grid with Image */ /*Start Brands Section*/ .brand-list{width: 52.5%; padding-left: 15px;} .brands-section .uk-container {padding: 0;} .brand-list-items {left: 10px;} .brand-content p{ margin: 10px auto 10px;} .brands-section{ padding-bottom: 20px;} .brands-section{overflow-x: hidden;} /*End Brands Section*/ .left-side-grid-content{ width:350px;} .left-sd-links { width: 300px;} .experiences-detail-link{ margin-left: 0;} .experiences-side-arrow-width .left-side-arrow-width{ width: 350px;} .left-side-arrow-width{ width: 350px; margin: 0 auto; left: 0; right: 0;} .left-sd-links .white-arrow-link{ margin-left: 58px;} .recommdation-slider .f-grid-img-list { width: 86%; } .review-content h2{ padding-bottom: 100px;} } @media all and (max-width:600px) { .right-side-slider-section ul { min-height: 750px !important; } /*.left-side-grid-img iframe { height: 380px !important; }*/ .right-side-slider-section .left-slide-position { top:78%; } .experiences-side-arrow-width .left-side-arrow-width{ transform: translate(0,0px);} /*.left-side-grid-img iframe { height: 400px !important;}*/ .right-side-slider-section ul{ min-height: 810px !important;} .experiences-side-arrow-width .left-side-arrow-width{ bottom:54px; transform: translate(0,0);} .right-side-slider-section ul { min-height: 940px !important; } } @media all and (max-width:550px) { .main-img-first {padding-top: 30px;} .hm-left-image-main-slider ul {min-height:460px !important;} .main-img-first img {height: 356px;} .pattren-bg-top img { width: 60%;} .main-img-first {padding-right: 30px;} .left-side-grid-img img {height: 300px;} .left-side-slider-section ul {min-height:691px !important;} .left-slide-position {top:41%;} .left-side-arrow-width {bottom:30px;} .left-side-grid-content{ padding: 20px 25px;} .experiences-side-arrow-width .experiences-detail-link{margin-left: auto;} .right-side-slider-section .left-side-grid-content { height: 400px; } .experiences-side-arrow-width .left-side-arrow-width { bottom:50px; } .th-grid-list-item img{ height: 240px;} /*.left-side-grid-img iframe { height: 350px !important; transform: scale(1.2) !important; } */ } @media all and (max-width:480px) { .left-side-grid-img img { min-height: 280px; height: 280px;} .left-side-slider-section ul {min-height:640px !important;} .left-slide-position {top: 38%;} .special-offer-section-btn{padding-left:39px;} .single-review-section-img { height: 640px;} .review-logo { padding-bottom: 0;} .review-content h2, .review-content .h2{line-height: 35px;} .th-grid-list-item img{ height: 180px;} .right-slide-arrow-count{ position: relative; top: 2px;} /*.left-side-grid-img iframe { height: 280px !important;} */ .left-side-grid-img iframe { min-height:420px; height: 430px !important; width: 460px; } .right-side-slider-section ul { min-height:740px !important; } .experiences-side-arrow-width .left-side-arrow-width { bottom: 29px; } .right-side-slider-section .left-slide-position { top: 75%; } .right-side-slider-section{ padding-top: 0;} .left-side-arrow-width { bottom: 20px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .brand-list-items .uk-slider-items {transform: inherit !important;} .brand-arrow a.uk-slidenav-next {margin-right: 45px;} .special-slider-arrow .uk-slidenav-next { top: 33%; right: 17px;} .special-slider-arrow .uk-slidenav-previous {top: 33%; left:15px;} .special-offer-section-btn{padding-left:69px;} .f-grid-img-list{width: calc(100% * 1 / 2.2);} .experiences-detail-link { margin-left: 97px;} .left-sd-links {width: 320px;} .main-slider {height: 100vh;} .recommdation-arrow .uk-position-center-right{right:0 !important;} .recommdation-arrow .uk-position-center-left { left: -20px; } .experiences-side-arrow-width .left-side-arrow-width { bottom:43px;} .right-side-slider-section .left-slide-position { top: 78%;} .right-side-slider-section{padding-top: 0;} .brand-arrow a.uk-slidenav-next { margin-right: 28px;} .brand-arrow .uk-slidenav-previous {left: 2%;} .video-content{ max-height:430px;} .video-content iframe{ max-width: 100%!important; height: 470px;} .right-side-slider-section .left-side-grid-img {height: 560px;} .right-side-slider-section .left-side-grid-img img {height: 560px;} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .main-slider{ height: 203px;} .left-sd-links .white-arrow-link{ margin-left: 43px;} .img-content-cs {width: 100%;} .img-content-img img {height: 610px;} .experiences-detail-link { margin-left:21px;} .left-side-arrow-width .control_slide1{ padding: 0 10px;} .main-img-first img {height: 326px;} .pattren-bg-top img { width: 55%;} .hm-left-image-main-slider ul { min-height: 420px !important;} .special-slider-arrow .uk-slidenav-next, .special-slider-arrow .uk-slidenav-previous{ top: 29%;} .recommdation-arrow .uk-position-center-right{right:-10px;} .recommdation-arrow .uk-position-center-left {left:-28px;} .experiences-side-arrow-width .left-side-arrow-width{ bottom: 12px;} .left-side-grid-img iframe{ min-height: 310px; height: 250px !important; width: 100%;} .right-side-slider-section ul {min-height: 650px !important;} .th-grid-cs { padding: 20px 20px 90px 20px; } .recommdation-arrow .uk-position-center-left{left: -29px;} .recommdation-arrow a{ transform: translateY(-50%) translateY(-150px) !important;} .brand-arrow a.uk-slidenav-next { margin-right:30px; } .brand-arrow .uk-slidenav-previous { left:12px; } .special-slider-arrow .uk-slidenav-next{ right: -10px;} .special-slider-arrow .uk-slidenav-previous{ left: -12px;} .video-content{ max-height: 250px;} .video-content iframe{ max-width: 100%!important; height: 273px;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .brand-list-items .uk-slider-items{transform: inherit !important;} .special-slider-items {left: 25px;} .special-slider-arrow .uk-slidenav-next {right: 13px;top: 34%;} .special-slider-arrow .uk-slidenav-previous{top: 34%;left: 34px;} .special-offer-section-btn{ padding-left: 85px;} .recommdation-arrow a{ transform: translateY(-50%) translateY(-160px) !important;} .recommdation-links a:last-child { margin-left: 9px;} .experiences-detail-link { margin-left: 110px;} .f-grid-img-list{width: calc(100% * 1 / 2.2);} .left-sd-links {width: 318px;} .brand-arrow a.uk-slidenav-next{ margin-right:50px;} .main-slider { height: 100vh; } .recommdation-arrow a.uk-position-center-right { right: 0;} .recommdation-arrow a.uk-position-center-left { left:-22px;} .experiences-side-arrow-width .left-side-arrow-width {bottom: 17px;} .left-side-grid-img iframe{ width: 750px;} .right-side-slider-section .left-side-grid-content { height: 370px;} .brand-arrow a.uk-slidenav-next { margin-right: 32px;} .brand-arrow .uk-slidenav-previous {left: 2%;} .video-content{ max-height:430px;} .video-content iframe{ max-width: 100%!important; height: 470px;} .right-side-slider-section .left-side-grid-img { height: 580px;} .right-side-slider-section .left-side-grid-img img { height: 590px;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .main-slider{ height: 203px;} .main-img-first img {height: 366px;} .pattren-bg-top img { width: 55%;} .hm-left-image-main-slider ul { min-height: 455px !important;} .left-sd-links { width: 72%;} .special-slider-arrow .uk-slidenav-next, .special-slider-arrow .uk-slidenav-previous{ top: 30%;} .recommdation-arrow .uk-position-center-right{right:-7px;} .left-side-grid-img iframe { min-height: 360px; height: 370px !important; width: 430px;} .right-side-slider-section ul { min-height: 720px !important;} .right-side-slider-section .left-sd-links{ width: 70%; bottom: 20px;} .left-side-arrow-width {bottom: 18px;} .special-offer-section-btn { padding-left: 43px; } .video-content{ max-height: 250px;} .video-content iframe{ max-width: 100%!important; height: 273px;} .left-side-grid-img{ height: 350px;} .right-side-slider-section .left-side-grid-img img{ height: 350px;} .brand-arrow .uk-slidenav-previous {left: 22px;} .brand-arrow a.uk-slidenav-next { margin-right: 42px;} } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .special-slider-arrow .uk-slidenav-next {top: 29%;right: 0;} .special-slider-arrow .uk-slidenav-previous {top: 29%;left: -4px;} .special-slider-items {left: 25px;} .special-offer-section-btn { padding-left:51px;} .f-grid-img-list {width: calc(100% * 1 / 1.2);} .experiences-detail-link {margin-left: 182px;} .brand-grid-content { padding: 5px 0 0; } } @media all and (max-width:360px) { .main-slider{ height: 203px;} .brand-arrow .uk-slidenav-previous {left: -3%;} .brand-arrow a.uk-slidenav-next {margin-right: 5px;} .special-slider-arrow .uk-slidenav-previous{left: -13px;} .special-slider-arrow a{transform: translateY(-50%) translateY(-85px) !important;} .recommdation-arrow .uk-position-center-left {left: -31px;} .recommdation-arrow .uk-position-center-right { right: -10px;} .blog-staff-arrow .uk-position-center-left { margin-left: 4px;} .blog-staff-arrow .uk-position-center-right { margin-right: 5px;} .left-side-grid-img iframe{ min-height: 390px;height: 390px !important;width: 410px;} .right-side-slider-section ul {min-height: 670px !important;} .experiences-side-arrow-width .left-side-arrow-width { bottom: 16px;} .left-side-grid-img {height: 300px;} .left-side-grid-img img {min-height: 300px;} } @media all and (max-width:320px) { .special-offer-section-btn {padding-left: 20px;} } /***Alert CSS***/ .toggle-content p{margin:5px 5px 20px 5px;} @media all and (max-width:767px) { .toggle-content{display:none;} .sd-top-section .toggle-content { display: block; } .sd-top-title:after { display: block; } .sd-top-section .sd-top-title:after { display: none; } } .npf-snippet a{color:#fff;} .npf-snippet p a:hover, .npf-snippet p a:focus{text-decoration: underline; color: #fdb93a; border-bottom: 0;} /*Start Black Friday Offer CSS - Video to image 23-11*/ .npf-image-section .main-slider .npf-image-section img{ object-position: top left;} @media (max-width: 960px){ .npf-image-section .main-slider {height:40vh;} .npf-image-section .main-slider img { height:42vh; } .mobile-find-location h2, .mobile-find-location .h2{ max-width: 300px !important;} .home-video-title-wrapper { top: -105px; } } @media (max-width: 767px){ .npf-image-section .main-slider{ height: auto !important;} .npf-image-section .main-slider img {height:40vh;} } @media (max-width:640px){ .npf-image-section .main-slider img {height:31vh;} } @media screen and (min-device-width: 320px) and (max-device-width: 850px) and (orientation : landscape){ .npf-image-section .main-slider { height: 100vh; } .npf-image-section .main-slider img { height: 100vh; } } /*End Black Friday Offer CSS - Video to image 23-11*/ /*Start Home Brand Slider CSS [Our collection of Brands] - in mobile view design update 23-11*/ .brand-grid-img-list.Jellystone .st1{fill:#000;} .brand-slider-ui .uk-slider-items1{ display: flex; flex-wrap: wrap; padding: 0; justify-content: center; } @media (max-width:1024px){ .brand-slider-ui .uk-slider-items { flex-wrap: inherit; } .brand-grid-img-list { min-width: 210px; flex: 1 1 31%; max-width: 31%; } .brand-grid-img-list.Jellystone svg{ width: 100px; } .our-brand-slider .uk-slider-items .brand-grid-item{ min-height: 240px;} } @media (max-width:975px){ .brand-grid-img-list { flex: 1 1 30%; max-width: 31%; } } @media (max-width:960px){ .brand-slider-ui .uk-slider-items1 .brand-grid-img-list{ flex: 1 1 30%; max-width: 30%; } } @media (max-width:860px){ .brand-slider-ui .uk-slider-items1 .brand-grid-img-list{ min-width: 200px; } .brand-grid-img-list.Jellystone svg { width: 90px; } } @media (max-width:767px){ .brand-grid-img-list.Jellystone svg { width: 80px; } } @media (max-width:720px){ .brand-slider-ui .uk-slider-items1 .brand-grid-img-list{ min-width: 170px; } } @media (max-width:660px){ .brand-slider-ui .uk-slider-items1 .brand-grid-img-list{ max-width: 50%; flex: 1 1 46%; } .brand-slider-ui .uk-slider-items1 .brand-grid-img-list.Jellystone svg { width: 100px; } .brand-slider-ui .uk-slider-items .brand-grid-img-list.Jellystone svg { width: 80px; } } @media (max-width:560px){ .brand-slider-ui .uk-slider-items1 .brand-grid-img-list { flex: 1 1 100%; max-width: 100%; } } /*End Home Brand Slider CSS [Our collection of Brands] - in mobile view design update 23-11*/ /*Start Updated slider CSS 24-11*/ .home-slider-top-section-arrow { display: none; align-items: center; bottom: 0; position: relative; margin: 20px 0 0; } .sd-top-section .toggle-content { display: block; } .sd-top-section .hm-top-description{display:none;} .sd-top-section .close-update-icon{display:none;} .sd-top-title{ padding:10px 0 0px 0;} .hm-top-description { padding: 10px 0 0 0;} .hm-top-description p{ margin: 5px 5px 20px 0px;} .home-slider-top-section .sd-top-title a{text-transform: none;line-height: 24px;width:100%;} .home-slider-top-section .close-update-icon{right: 15px;} .sd-top-section .sd-top-title:after{right: 1px;} .sd-top-section ul li { display: flex; align-items: center; padding: 2px 0; min-height: 40px; } .sd-top-section .toggle-content{padding: 0 15px 0 15px} .sd-top-section .sd-top-title{ padding: 0; align-items: center; width: 100%;} .home-slider-top-section .hm-top-description ul{padding: 0 !important;} .home-slider-top-section .hm-top-description ul li{ margin-left: 17px !important; padding: 0 !important; list-style: disc; display: list-item; min-height: auto; } .home-slider-top-section .hm-top-description ul li span{ font-family: 'Red Hat Display', sans-serif !important;} .home-slider-top-section .hm-top-description p span{ font-family: 'Red Hat Display', sans-serif !important;} .our-brand-slider .uk-slider-items1 .Jellystone .partner-text {display: block; position: absolute; left: 0; right: 0; top: 10px; color: #fff;} .our-brand-slider .uk-slider-items1 .Jellystone svg { position: relative; top: 15px; } @media (min-width: 768px){ .sd-top-section .home-slider-top-section-arrow{display:none !important;} } @media (max-width: 767px){ .toggle-content { display: block; padding: 0; } .toggle ul li .hm-top-description{display: none;} .home-slider-top-section-arrow.slidenav-wrap.slidenav-show{display: none;} .toggle .close-update-icon{display: none;} .sd-top-title {width: 100%;padding:2px 0;align-items: center; min-height: 40px;} .sd-top-title:after { display: block;right:15px;} .sd-top-section.toggle ul li .hm-top-description{display: block; padding-bottom: 5px;} .sd-top-section ul li { display: block; } .sd-top-section .home-slider-top-section-arrow.slidenav-wrap.slidenav-show{display: flex;} .sd-top-section .close-update-icon{display: block; z-index: 1;} .sd-top-section.home-slider-top-section{padding:5px 0px 5px 0px;} .home-slider-top-section ul li{ display: flex; align-items: center; padding: 0 15px; } .sd-top-section.home-slider-top-section ul li{padding: 0px 15px;} .home-slider-top-section .sd-top-title a{ line-height: 20px; font-size: 16px; padding-right: 30px; width: 100%;outline: none; } .sd-top-section.home-slider-top-section ul li { flex-direction: column; align-items: self-start; padding: 0; } .brand-slider-ui .brand-grid-img .partner-text { color: #fff; position: relative; top: -10px; } } /*End Updated slider CSS 24-11*/ /*Start of black friday CSS*/ .home-black-friday-content { position: absolute; z-index: 2; top: -320px; text-align: center; width: 100%; } .home-black-friday-content .h1 { color:#FEBB1F; display: inline; font-size: 50px; line-height: 1.2; } .home-black-friday-content h2 { color:#FFF4EC; margin: 0px; font-size: 40px; line-height:1.2; } .home-black-friday-content p { color:#FEBB1F; margin: 0px; font-weight: bold; } .home-black-friday-content .negative-btn { top: -14px; position: relative; } /*@keyframes colorFilter { 0% { filter: grayscale(100%); } 50% { filter: grayscale(100%); } 100% { filter: grayscale(0%); } } .blkfriday-animation img { animation: colorFilter 8s linear; transition: filter 1s ease-in-out; animation-fill-mode: forwards; }*/ @media screen and (max-width: 960px) { .home-black-friday-content { position: relative; top: 0; background-color: #25314B; padding:10px; } .home-black-friday-content .h1 { font-size: 34px; line-height: 1.2; } .home-black-friday-content .negative-btn { top: -8px; } .home-black-friday-content h2 { font-size: 30px; margin: 5px 0px; } .home-black-friday-content p { font-size: 14px; line-height: 1.2; } .home-video-title-wrapper .btn-wrapper { margin:0px; flex-direction: column; } .home-video-title-wrapper h2 { margin:10px 0px; } .home-video-title-wrapper { position: relative; top: 0; background: #25314B; padding: 20px 0px; } .home-video-title-wrapper .slider-text { font-size: 30px; line-height: 1; } .home-video-title-wrapper.is-black-friday { background: #1f1d20; } .home-hero-image.is-black-friday:before { background: linear-gradient(0deg, rgb(0 0 0 / 90%) 0%, rgba(33, 41, 50, 0) 50%); } } .npf-snippet-home .button { background: #4d7657; color: #FFF4EC; } /*BF 2024 START*/ .bf-snippet .two-img-logo{margin-top:0;} .bf-snippet .img-content-cs h3 {color:#f3bd49} .bf-snippet .img-content-cs {max-width: 950px;} .bf-snippet .img-content-cs h3{max-width:510px;} .bf-snippet .img-content-cs p{max-width:510px;} .bf-snippet .two-img-logo span {font-size: 65px;margin: 0 40px;} .bf-snippet.npf-snippet a{color:#25314B;} .bf-snippet.npf-snippet .button:hover,.bf-snippet.npf-snippet .button:focus {color: #FEBB1F;} @media screen and (max-width: 767px) { .bf-snippet .img-content-cs h3{margin:20px auto;} .bf-snippet .img-content-cs p{margin:20px auto;} .bf-snippet .two-img-logo span{font-size:30px;} } /*BF 2024 END*/ /*End of black friday CSS*/ .uk-select{cursor: pointer;} .prop-search-fs { position: relative; left: 0; right: 0; top: -110px; } .form-input .form-dropdown.disabledSelect select{ pointer-events: none; background-color: #e3e3e3!important; opacity: 1; } .form-input .form-dropdown.disabledSelect label{ pointer-events: none; opacity: 1; } .form-input .form-dropdown.disabledSelect:after{ pointer-events: none; background-color:#e3e3e3!important; } .prop-search-fs .uk-container-1000{padding: 0 25px;} .special-search-fs .property-search-hm{background:#ffffff;} .property-search-hm{border-radius: 4px; display: flex; background:#FFF4EC; height: 82px;} .property-items-dp-first { border-right: solid 1px #beb9b5; } .property-destination { width: 380px; display: inline-block; padding:16px 29px 13px 20px; border-right: solid 1px #BEB9B5; position: relative; } .property-date { width:420px; display: flex; padding: 16px 20px 13px 20px; border-right: solid 1px #BEB9B5; } .hasDatepicker{cursor: pointer;} .property-date .ada-datepicker .ui-datepicker-trigger{display:none;} .property-more { width: 95px; display: inline-block; cursor: pointer; } .property-btn { width:230px; display: inline-block; } .property-destination label, .property-date label{font-size: 13px; color:#25314B; font-weight: bold; display: block;cursor:pointer;} .property-destination input, .property-date input{ border: none; background: transparent; font-size: 15px; padding: 0; height: auto; line-height: initial; color: #25314B;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgb(37 49 75 / 70%); } ::-moz-placeholder { /* Firefox 19+ */ color: rgb(37 49 75 / 70%); } :-ms-input-placeholder { /* IE 10+ */ color: rgb(37 49 75 / 70%); } :-moz-placeholder { /* Firefox 18- */ color: rgb(37 49 75 / 70%); } .property-date .date-departure .hasDatepicker{text-align: right;float:right;} .property-date .date-arrival{ text-align: left; vertical-align: top; display: inline-block; cursor: pointer;} .property-date .date-departure{ text-align: right; vertical-align: top; display: inline-block; cursor: pointer;} .property-date .total-days{ display: inline-block;text-align: center;} .property-date .total-days span{ position: relative;top:11px; font-size: 8px; color:#25314B; display: block; font-weight: bold; } .property-date .date-arrival:hover label, .property-date .date-arrival:hover input { color:#7a2500 !important; } .prop-more, .prop-less { padding: 14px 34px 10px 34px; position: relative;font-size: 13px;font-weight: bold; color: #25314B;} .prop-more span, .prop-less span{ font-size: 26px;color: #25314B;} .property-btn .button{ border-radius: inherit;-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width:100%; height: 82px;line-height: 67px; position: relative; top: 0px;border-width: 2px 2px 2px 0px;border: solid 2px #FEBB1F;} .reservation-item-list .property-btn .button{display:flex; align-items:center; justify-content:center;} .property-btn .button:hover, .property-btn .button:focus{background:#25314B; color:#FEBB1F;} .property-destination span{font-size: 16px; color: #25314B; position: absolute; right:26px; cursor: pointer; margin-top:4px; top: 34px;} .more-reservation { position: relative; width: 100%; left: 0; max-width: 1030px; background: #FFF4EC; margin: 0 auto; right: 0; border: solid 1px #BEB9B5; height: 87px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-top: -1px; } .reservation-stay { position: relative; width: 414px; display: inline-block; padding: 14px 29px 14px 20px; border-right: solid 1px #ced2d6; vertical-align: top;} .reservation-stay label{ font-size: 13px; color: #25314B;font-weight: 700;} .reservation-stay select{ border: none; background: transparent; color: #25314B !important; font-size: 15px; padding: 0; height: 32px !important; line-height: 32px;cursor: pointer;} .reservation-amenities { width: 406px; display: inline-block; padding: 14px 29px 14px 20px; vertical-align: top;position: relative; } .reservation-amenities label{ font-size: 13px; color: #25314B;font-weight: 700;} .reservation-amenities select{ border: none; background: transparent; color: #25314B !important; font-size: 15px; padding: 0; height: 32px !important; line-height: 32px;} .reservation-stay:after { content: '\e977'; font-family: mimiconfont!important; color: #25314B; position: absolute; right: 28px; bottom: 17px; font-size: 11px; pointer-events: none; } .reservation-amenities:after { content: '\e977'; font-family: mimiconfont!important; color: #25314B; position: absolute; right: 28px; bottom: 17px; font-size: 11px; pointer-events: none; } .property-dropdown-arrow .prop-more{display:none !important} .property-dropdown-arrow .prop-less{ position: relative; display:block !important} .property-btn.active .button{height: 167px; z-index: 1;} .property-dropdown-ss{display: inherit;} .our-location-page .ui-menu.ui-widget.ui-widget-content{ border: solid 1px #BEB9B5; background: #ffffff;margin: 15px 0 0 0 !important; z-index: 22 !important; } .destination_desk_custom .statename:hover, .destination_desk_custom .statename:focus { color:#7a2500 !important; } /*Start Offer Reservation Section*/ .prop-search-offer .book-stay-head{display:none} .prop-search-offer { top: inherit; padding-bottom: 55px; } .property-state, .property-items-dp{ position: relative; width: 411px; display: inline-block; padding: 14px 17px 14px 25px; vertical-align: top; border: solid 1px transparent; } .property-state { border-right: solid 1px #BEB9B5; } .property-state label, .property-items-dp>label{ font-size: 13px; color: #25314B; font-weight: 700; } .property-state select, .property-items-dp select { border: none; background: transparent; color: #25314B; font-size: 15px; padding: 0; height: 32px !important; line-height: 32px; } .property-state:after, .property-items-dp:after { content: '\e977'; font-family: mimiconfont!important; color: #25314B; position: absolute; right: 22px; bottom: 11px; font-size: 11px; pointer-events: none; } .prop-offer-btn-rs{ padding-top: 0; width:206px; display: inline-block; position: relative; left: 1px; } .prop-offer-btn-rs .button { border-radius: inherit; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 100%; height: 84px; position: relative; top: -1px; line-height: 66px; right: 0; } /*End Offer Reservation Section*/ /*Start Resort Page Filter Reservation Section*/ .resort-filter { padding:18px 0; } .resort-destination {border-radius: 4px;border: solid 1px #CED2D6;background: #ffffff;height: 70px; max-width: 400px;display: inline-block;padding: 10px 22px 13px 20px; position: relative;width: 100%;} .resort-destination:focus-within, .resort-destination:hover{border: solid 1px #BEB9B5;} .resort-destination label, .resort-date label {display: block; font-size: 13px;color: #25314B;font-weight: bold;} .resort-destination input, .resort-date input {border: none;background: transparent;font-size: 15px;padding: 0;height: 22px;line-height: 22px;position: relative;top: -2px; color: transparent;} .our-location-page .resort-destination input, .resort-date input{ color: #25314B;} .resort-destination span {font-size: 16px;color: #25314B; position: absolute;right: 12px; cursor: pointer;margin-top: 0px;top:36px;} .resort-date{border-radius: 4px;border: solid 1px #CED2D6;background: #ffffff;height: 70px; max-width: 400px;display: flex;padding:10px 20px 13px 18px; position: relative;width: 100%;margin: 0 20px; justify-content: space-between;} .resort-date:focus-within, .resort-date:hover{border: solid 1px #BEB9B5;} .resort-date .total-days span { position: relative; top:-2px; font-size: 8px;color: #25314B;} .resort-date .date-arrival { vertical-align: top;display: inline-block; width:93px;} .resort-date .date-departure { vertical-align: top;display: inline-block; width: 93px;} .resort-date .total-days { display: inline-block; width:162px; text-align: center;} .resort-date .date-departure{ text-align: right;} .resort-date .date-departure input{text-align: right;} .resort-date .date-arrival:hover label, .resort-date .date-arrival:hover input { /*color: transparent; text-shadow: 0 0 0 #7a2500;*/ color: #7a2500; filter: opacity(1); } .resort-date .date-departure:hover label, .resort-date .date-departure:hover input { /*color: transparent; text-shadow: 0 0 0 #7a2500;*/ color: #7a2500; filter: opacity(1); } .resort-stay{border-radius: 4px;border: solid 1px #BEB9B5;background: #FFF4EC;height: 70px; max-width: 250px;display: inline-block;padding:10px 20px 13px 18px; position: relative;width: 100%;} .resort-stay label { font-size: 13px;color:#25314B;font-weight: bold;} .resort-stay select {border: none; background: transparent;color: #25314B !important; font-size: 15px; padding: 0; height: 22px !important; line-height: 22px; cursor: pointer; position: relative;top: -4px;} .resort-stay:after { content: '\e977';font-family: mimiconfont!important;color:{{dark-background}}; position: absolute;right: 18px; bottom: 8px; font-size: 11px; pointer-events: none;} .resort-dropdown-ss {border-radius: 4px; background:#ffffff;height: 70px; max-width:190px; display: inline-block; position: relative;width: 100%;text-align: center; cursor: pointer; margin: 0 20px 0 0;} .resort-dropdown-ss a{ float: left; width: 100%; border-radius: 4px; border: solid 2px #25314B; } .resort-dropdown-ss a:hover, .resort-dropdown-ss a:focus{border: solid 2px #25314B;background:#25314B; color:#fff;} .resort-dropdown-ss a.active{border: solid 2px #25314B;} .resort-dropdown-ss .resort-more> div{ padding: 27px 0 25px;} .reso-more, .reso-less{ text-align: center; letter-spacing: 0.5px; font-size: 16px; font-family: 'CocogooseProCondensed', Impact; line-height: 16px; text-transform: uppercase; display: flex; text-align: center; justify-content: center;} .resort-more.active .reso-less{display:block !important} .resort-more.active .reso-more{display:none} .reso-more span, .reso-less span{ font-weight: bold; font-size: 16px; clear: both; display: inline-block; position: relative; top: -1px; margin: 0 10px 0 3px;} .reso-less span{ font-size: 12px;transform: rotate(180deg);font-weight: bold;position: relative;top: -2px;} .resort-filter-top{align-items: center; display: flex;} .resort-btn .button{ line-height: 54px; font-size: 16px; height: 70px; width: 195px; padding: 8px 30px;} .resort-filter-block:focus-within, .resort-filter-block:hover { border-color:#BEB9B5; } #resort-more-filter{position: absolute;width: 100%; z-index: 2;} .resort-waysstay, .resort-amenities, .resort-experience, .resort-type, .resort-brand{ border-radius: 4px; border: solid 1px #CED2D6; background: #ffffff; height: 70px; display: inline-block; padding: 10px 20px 13px 18px; position: relative; margin-right: 20px; float: left; width: 25%; } .resort-waysstay label, .resort-amenities label, .resort-experience label, .resort-type label, .resort-brand label{ font-size: 13px;color:#25314B;font-weight: bold;} .resort-waysstay select, .resort-amenities select, .resort-experience select, .resort-type select, .resort-brand select {border: none; background: transparent; font-size: 15px; padding: 0; height: 22px !important; line-height: 22px; cursor: pointer; position: relative;top: -4px;} .resort-waysstay:after, .resort-amenities:after, .resort-experience:after, .resort-type:after, .resort-brand:after{ content: '\e977';font-family: mimiconfont!important; position: absolute; right: 14px; bottom: 8px; font-size: 10px; pointer-events: none; font-weight: bold;} .more-filter{background:#ffffff;padding:44px 0; margin-top: 20px; box-shadow:0 3px 30px #1b1d1f1a; } .more-filter .uk-container{ justify-content: space-between; display: flex;} .resort-brand {margin-right: 0;} .resort-filter-fun .reso-more{display:none} .resort-filter-fun .reso-less{display:block !important} .multiselectdiv a{border: none;} .multiselectdiv a:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .amenity-list-block { list-style: none; position: absolute; background:#ffffff; width: 100%; z-index: 1; border: 1px solid #BEB9B5; top: 67px; padding:10px 10px 10px 20px; border-radius: 0 0 6px 6px; margin: 0; left: 0; display: none; } .amenity-list-block li label{float: left; display: flex; width: 94%; cursor: pointer;} .amenity-list-block li label:hover, .amenity-list-block li label:focus-within{color:#7a2500;} .amenity-list-block li.active a{color:#7a2500;} .amenity-list-block li{position: relative; width: 100%; float: left; margin-bottom: 4px;} .cuscheckbox input[type=checkbox] { position: absolute; opacity: 0; width: 20px; height: 20px; z-index: 1; } .cuscheckbox input[type=checkbox]:checked+span:before { display: block; } .cuscheckbox input[type=checkbox]+span:before { z-index: 1111; position: relative; content: '\e904'; font-family: mimiconfont!important; display: none; font-size: 13px; line-height: 19px; text-align: center; top: 2px; opacity: 1; font-weight: bold; margin-left: 12px; color:#7a2500; text-shadow: 0px 0px 0px #000; filter: opacity(1); } .cuscheckbox { float: left; position: absolute; right: 5px; } #offerPropertySelect.amenity-list-block, #offerStateSelect.amenity-list-block, #offerTypeSelection.amenity-list-block { width: 100%; top: 82px; max-height: 232px; height:auto; overflow-x: hidden; overflow-y: auto; border: none; } .offer-properties:hover, .offer-properties:focus-within{border: solid 1px #beb9b5;} .property-location-filter #offerStateSelect.amenity-list-block{top:68px;} /* * scroll */ #offerPropertySelect::-webkit-scrollbar-track, #offerStateSelect::-webkit-scrollbar-track, #offerTypeSelection::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; } #offerPropertySelect::-webkit-scrollbar, #offerStateSelect::-webkit-scrollbar, #offerTypeSelection::-webkit-scrollbar { width: 6px; background-color: #fff; } #offerPropertySelect::-webkit-scrollbar-thumb, #offerStateSelect::-webkit-scrollbar-thumb, #offerTypeSelection::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #25314b; } #portalStatelist{display:flex; width:100%} #portalStatelist:focus, #portalStatelist:hover, #offerStateSelect li a:focus, #offerStateSelect li a:hover {border-color:transparent; color:#7a2500;} #offerStateSelect li a {display:flex; cursor:pointer;} .is-filter-apply #specialOfferFeaturedBlock{display:none;} .amenity-list-block li:focus-within label {color:#7a2500;} /*End Resort Page Filter Reservation Section*/ /*Start Single Property Sidebar Reservation*/ #find-location-flip {z-index: 999; background: rgb(0 0 0 / 65%); display:none;} #find-location-flip .uk-offcanvas-bar{ background:#FFF4EC; padding:0; width: 500px;} #find-location-flip h2{ text-transform: uppercase; font-size: 30px; margin-bottom: 25px; margin-top: 0; padding: 21px 25px 16px; border-bottom: solid 1px #BEB9B5; color:#25314B;} #find-location-flip .uk-offcanvas-close{margin-top: 13px; height:16px;} #find-location-flip .uk-offcanvas-close:after{ content: '\e96f'; font-family: 'mimiconfont' !important; color: #25314B;} #find-location-flip .uk-offcanvas-close:hover:after, #find-location-flip .uk-offcanvas-close:focus:after{color:#7a2500;} #find-location-flip .uk-offcanvas-close svg{ display:none} #find-location-flip .property-destination { width: 100%; display: inline-block; padding:9px 20px; position: relative; border-radius: 4px; border:solid 1px #CED2D6; background:#ffffff; height: 70px; margin-bottom: 20px; } #find-location-flip .property-destination:focus-within, #find-location-flip .property-destination:hover{ border: solid 1px #BEB9B5;} #find-location-flip .property-destination label, #find-location-flip .property-date label { font-size: 13px;color:#25314B;font-weight: bold; text-align: left;} #find-location-flip .total-days label{text-align: center;} #find-location-flip .property-destination input, #find-location-flip .property-date input { border: none;background: transparent;color: #25314B;font-size: 15px;padding: 0;height:22px;line-height:22px;text-align: left;} /*#find-location-flip .property-destination span {font-size: 16px;color: #25314B;position: absolute;right: 16px;cursor: pointer;margin-top:4px; top: 36px;}*/ .property-date .date-arrival:hover label, .property-date .date-arrival:hover input{color:#7a2500;} #find-location-flip .property-date { width: 100%; display: flex; padding: 7px 20px; position: relative; border-radius: 4px; border: solid 1px #CED2D6; background:#ffffff; height: 70px; margin-bottom: 20px; justify-content: space-between; } #find-location-flip .property-date:focus-within, #find-location-flip .property-date:hover{ border: solid 1px #BEB9B5;} #find-location-flip .property-date .date-arrival:nth-child(3) label { text-align: right; } #find-location-flip .property-date .date-arrival:nth-child(3) .ada-datepicker input{ text-align: right;} .find-location-sd-from{padding:0 25px 25px;} .find-location-sd-from h3{ margin-bottom: 16px;color:#25314B; font-family: 'Red Hat Display';font-weight: bold;} .location-accordian { border-top: solid 1px #BEB9B5; margin-top: 20px; padding-top: 30px; margin-bottom: 30px;} .location-accordian .uk-accordion-title{color:#25314B;font-size: 20px;font-weight: bold;} .location-accordian .uk-accordion-title:before{ background-image: none !important;font-size: 15px;padding-top: 5px;} .location-accordian .uk-accordion-title:hover, .location-accordian .uk-accordion-title:focus { color:#25314B;} .location-accordian .uk-accordion-content {color:#25314B;} .location-accordian .uk-accordion-content ul{ padding-left: 15px;list-style: disc; color:#25314B;} .amenities-to-accordian { border-bottom: solid 1px #BEB9B5; margin-top: 20px;padding-top: 30px;margin-bottom: 30px; padding-bottom: 30px;} .find-location-btn .button{width: 100%; height: 65px; font-size: 16px;} .find-location-btn .button:hover, .find-location-btn .button:focus{ background:#25314B; color:#FEBB1F;} .find-location-btn { border-top: solid 1px #BEB9B5; padding-top: 16px; } #find-location-flip .recommdation-property-list {background:#ffffff;padding: 43px 20px 1px;} #find-location-flip .recommdation-property-list h3{ text-transform: uppercase; font-size: 22px;} #find-location-flip .recommended-ame-list {margin-bottom: 20px; border-bottom: solid 1px #BEB9B5; padding-bottom: 20px;} #find-location-flip .recommended-ame-list:last-child{ border-bottom: none;} #find-location-flip .recommended-ame-list .flexbox {align-items: center;} #find-location-flip .recommended-img {float: left;width:202px;margin-right: 12px;} #find-location-flip .recommended-img img{ width: 202px; height: 161px;} #find-location-flip .recommended-cs h5 {font-size: 15px; line-height: normal;white-space: nowrap;overflow: hidden;margin-bottom: 3px; text-overflow: ellipsis;font-family: 'Red Hat Display'; font-weight: bold;} #find-location-flip .recommended-address { line-height: normal; margin-bottom: 3px; font-size: 15px; margin-top: 12px; padding-right: 50px; color:#25314B;} #find-location-flip .recommended-ame-section { margin-top: 35px;} #find-location-flip .recommended-cs a.link {font-weight: normal;font-size: 15px; color:#25314B; font-family: 'Red Hat Display';} #find-location-flip .recommended-cs .black-link{ margin-left:13px; margin-top: 8px;display: inline-block; } #find-location-flip .recommended-cs .accent-link:hover span, #find-location-flip .recommended-cs .accent-link:focus span{ border-bottom: solid 1px #BEB9B5;} #find-location-flip .recommended-cs{position: relative;height: 162px;padding-left: 5px;width: 50%; float: left;} #find-location-flip .recommended-btn{position: absolute; bottom: 0;} #find-location-flip .recommended-cs .button{ margin-top: 9px; padding:7px 6px; font-size: 12px; line-height: normal; } #find-location-flip .recommended-ame-list:after { content: ''; display: block; clear: both;} #find-location-flip .recommended-cs a.accent-link:after{margin: 0px 0 0 0;} /*End Single Property Sidebar Reservation*/ #offcanvas-reservation button.ui-datepicker-trigger {display: none;} #find-location-flip button.ui-datepicker-trigger {display: none;} .mobile-view{display:none;} /*Autosuggestion Dropdown*/ .ui-menu.ui-widget.ui-widget-content { width:100% !important; overflow-x: auto; background: #FFF4EC; border: 1px solid #BEB9B5; box-shadow: 0px 3px 30px #1b1d1f1a; padding: 20px 0; z-index: 3333; } .ui-menu.ui-widget.ui-widget-content li.ui-autocomplete-category{padding-left: 25px;padding-right: 25px;} .ui-menu.ui-widget.ui-widget-content li.ui-menu-item { padding: 10px 25px; margin: 0; } .ui-menu.ui-widget.ui-widget-content li.ui-menu-item:hover .resortname, .ui-menu.ui-widget li.ui-menu-item:focus-within .resortname{color:#7a2500} .ui-menu.ui-widget.ui-widget-content li.ui-menu-item:hover .resortDetail, .ui-menu.ui-widget.ui-widget-content li.ui-menu-item:focus-within .resortDetail {color:#7a2500} .ui-menu.searchdestination_custom { max-width: 373px !important; max-height: 398px; } .ui-menu.destination_custom { max-width: 432px !important; max-height: 398px; margin-top: 15px; } .ui-menu.destination_desk_custom{ max-width: 393px !important; max-height: 398px; } .ui-menu.vhsDestinationSearch_custom{ max-width: 328px !important; max-height: 398px; } /* * scroll */ .ui-menu.searchdestination_custom::-webkit-scrollbar-track, .ui-menu.destination_custom::-webkit-scrollbar-track, .ui-menu.destination_desk_custom::-webkit-scrollbar-track, .ui-menu.vhsDestinationSearch_custom::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff4ec; } .ui-menu.searchdestination_custom::-webkit-scrollbar, .ui-menu.destination_custom::-webkit-scrollbar, .ui-menu.destination_desk_custom::-webkit-scrollbar, .ui-menu.vhsDestinationSearch_custom::-webkit-scrollbar { width: 6px; background-color: #fff4ec; } .ui-menu.searchdestination_custom::-webkit-scrollbar-thumb, .ui-menu.destination_custom::-webkit-scrollbar-thumb, .ui-menu.destination_desk_custom::-webkit-scrollbar-thumb, .ui-menu.vhsDestinationSearch_custom::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #25314b; } .ui-autocomplete-category .grouptitle { color: #385E78; margin-bottom: 17px; font-size: 12px; line-height: 16px; text-transform: uppercase; font-family: 'Red Hat Display'; font-weight: bold; } .ui-menu li.ui-menu-item { border-bottom: 0; padding: 0; margin-bottom: 20px; font-family: 'Red Hat Display'; } .ui-menu li.ui-menu-item:last-child {margin-bottom:0;} .ui-menu li.ui-menu-item .resortname { font-size: 15px; line-height:16px; color:#25314B; font-family: 'Red Hat Display'; font-weight: bold; } .ui-autocomplete-category:first-child .grouptitle { margin-bottom: 20px; margin-top: 0; float: none; line-height: 16px; } .ui-autocomplete-category .grouptitle { margin-bottom: 0; margin-top: 20px; float: left; line-height: 5px; } .ui-menu li.ui-menu-item .resortDetail { font-size: 15px; line-height: 24px; color:#25314B; font-family: 'Red Hat Display'; } .ui-menu li.ui-menu-item .resortDetail.ui-state-active, .ui-menu li.ui-menu-item .resortname.ui-state-active, .ui-menu li.ui-menu-item .statename.ui-state-active {color:#25314B; border:0; background:none;} .ui-menu li.ui-menu-item .resortDetail > span {} .ui-menu.ui-widget.ui-widget-content .ui-menu-item{} .resort-destination.location-autosuggestion{ padding: 10px 22px 0px 0px; } .close-icon-loc{display:none} .edditmode .search-icon-loc, .selectedbox .search-icon-loc{display:none;} .selectedbox .close-icon-loc {display: block; font-size: 13px !important; top: 38px; margin: 0; position: absolute; right: 15px; cursor: pointer; z-index: 2;} .selectedbox .close-icon-loc:hover {color:#BA4B00} .resort-destination-input.selectedbox input {pointer-events: none; cursor: not-allowed;} .edditmode .close-icon-loc{display:inline-block; font-size: 13px !important; top: 38px;margin:0;} #find-location-flip .edditmode .close-icon-loc{ top: 36px;} .prop-search-fs .edditmode .close-icon-loc{ top: 46px;} .edditmode .close-icon-loc:hover, .edditmode .close-icon-loc:focus-within{color:#7a2500;} .resort-destination input{ padding-right: 47px;} .destination-wrapup-onlyjs { padding: 16px 22px 0px 0px; } #find-location-flip .property-destination.location-sidebar.destination-wrapup-onlyjs{ padding: 10px 22px 10px 0px; } .resort-destination.location-autosuggestion label, .destination-wrapup-onlyjs label { padding-left: 20px; font-size: 13px; color: #25314B; font-weight: bold; } .resort-destination.location-autosuggestion input, .destination-wrapup-onlyjs input, #find-location-flip .property-destination.location-sidebar.destination-wrapup-onlyjs input { padding-left: 20px;padding-right:20px; } #homeFindLocation, .btnInitialLoad, .vhs-filter-initialload{ visibility:hidden; opacity: 0; } .Profiledataisready #homeFindLocation, .Profiledataisready .btnInitialLoad, .Profiledataisready .vhs-filter-initialload{ visibility:visible; opacity: 1; transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; } .location-sidebar input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-style:normal; } #find-location-flip .property-destination.location-sidebar.destination-wrapup-onlyjs{ pointer-events: none; opacity: 0.8; } .dataisfullyloaded #find-location-flip .property-destination.location-sidebar.destination-wrapup-onlyjs{ pointer-events: auto; opacity: 1; } .location-sidebar input::-moz-placeholder { /* Firefox 19+ */ font-style:normal; } .location-sidebar input:-ms-input-placeholder { /* IE 10+ */ font-style:normal; } .location-sidebar input:-moz-placeholder { /* Firefox 18- */ font-style:normal; } /*Autosuggestion Dropdown*/ .video-nav-wrap-new { position: absolute; z-index: 2; right: 30px; bottom:30px; } .videocamera-icon:hover, .videocamera-icon:focus { width: 80px; height: 80px; margin-right: -15px; margin-bottom: -15px; border-radius: 4px; border: solid 2px; } .videocamera-icon:hover span.videonavigation-text, .videocamera-icon:focus span.videonavigation-text { font-size: 11px; line-height: normal; display: block; color: #e2e8f6; margin-top: 8px; text-align: center; opacity:1; transition: opacity 0.1s; } .videocamera-icon .videonavigation-text { opacity: 0; transition: opacity 0.2s; display: none; } .videocamera-icon:hover .videonavigation-text { opacity: 1; display: block; } .videocamera-icon.menu-active:focus span.videonavigation-text { display: none; } .videocamera-icon { width: 36px; height: 36px; background: #25314B; color:#FEBB1F !important; box-sizing: border-box; transition: all 0.2s; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 100%; font-size: 15px; padding-left: 4px; } .videocamera-icon.menu-active { width:80px; height:80px; display: flex; align-items: center; justify-content: center; background: #FEBB1F; color: #25314B !important; border-radius: 4px; margin: 0 -15px -15px 0; border: solid 4px #FEBB1F; } .videocamera-icon.menu-active:hover span { color:#7a2500; } .videocamera-icon.menu-active .videonavigation-text, .videocamera-icon.menu-active:hover .videonavigation-text, .videocamera-icon.menu-active:focus .videonavigation-text{display:none;} .videocamera-icon.menu-active span.icon-cancel { color: #1a253f; } .videocamera-icon .videonavigation-text { opacity: 0; transition: opacity 0.2s; display: none; } .videonav-iconexpand { position: absolute; bottom: 85px; flex-direction: column; display: none; z-index:9999; } .videocamera-icon:hover span.videonavigation-text { font-size: 11px; line-height: normal; display: block; color: #e2e8f6; margin-top: 8px; text-align: center; } .videocamera-icon .videonavigation-text { opacity: 0; transition: opacity 0.2s; display: none; } .videonav-iconexpand a { width:80px; color: #FFF4EC; height: 80px; background: #0a1d3b; opacity: 0.9; margin-top: 5px; border-radius: 4px; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index:9999; position:relative } .videonav-iconexpand a:hover, .videonav-iconexpand a:focus, .videonav-iconexpand a:hover span, .videonav-iconexpand a:focus span{ color:#febb20; } .formslable, .formslable2, .aistring { display: none !important; } a.playclick.active .play-video, a.playclick.active .videonavigation-text.play, a.playclick .pause-video, a.playclick .videonavigation-text.pause{ display:none; } a.playclick.active .pause-video, a.playclick.active .videonavigation-text.pause{ display:block; } a.muteClick.active .mute-video, a.muteClick.active .videonavigation-text.mute, a.muteClick .unmute-video, a.muteClick .videonavigation-text.unmute{ display:none; } a.muteClick.active .unmute-video, a.muteClick.active .videonavigation-text.unmute{ display:block; } .videonav-iconexpand a .videonavigation-text { font-size: 11px; line-height: 14px; margin-top:10px; text-align: center; } .description-popuplink .videonavigation-text{ margin-top:6px;} .popup-vimeo .videonavigation-text{ margin-top: 6px; padding: 0 4px;} .play-video, .pause-video, .description-icon, .expand-icon{font-size: 20px;} .expand-icon { font-weight: bold !important;} #vhsmainlistinv .hm-sales-list.removeFlex{ display:block;} .maxTweleve .pp-pagination{display:none;} /*Morgage calc*/ .BankrateFCC_button-small a { display: inline-block; color: #25314B; text-transform: uppercase; text-decoration: none; line-height: 30px; width: 100%; margin-top: 30px; padding: 18px 60px; font-size: 16px; text-align: center; transition: background-color .5s ease-out 0s; -webkit-transition: background-color .5s ease-out 0s; background: #FEBB1F; border: solid 2px transparent; cursor: pointer; font-weight: bold; border-radius: 4px; font-family: 'CocogooseProCondensed', Impact; } .BankrateFCC_button-small a:hover, .BankrateFCC_button-small a:focus { background: #25314B; color: #FEBB1F; border: solid 2px #FEBB1F; } .BankrateFCC_calc-container-small{ display:block; padding:0 20px; } .BankrateFCC_col1 { padding: 0; font-size: 13px; color: #212932; pointer-events: none; transition: .5s; font-weight: bold; margin-top:10px; } .BankrateFCC_form-error{ color:red; font-size:11px; } .BankrateFCC_sel-options { border-radius: 4px; border: solid 1px #BEB9B5; font-size: 15px; color: #25314B; padding: 5px 10px; height: auto; } .BankrateFCC_results-container{ margin-top: 20px; transform: translateX(-54%); width: 750px; justify-content: space-between; } .BankrateFCC_results-col1 { padding: 0; font-size: 13px; color: #212932; pointer-events: none; transition: .5s; font-weight: bold; margin-top: 10px; } .BankrateFCC_results-col2-new { margin-bottom: 15px; } .addonEmpty{margin-top:45px; margin-bottom:20px;} .addonEmpty .review-shopping-btn{text-align: left; margin: 0;} .addon-empty-section h2{margin-bottom: 50px;} .addon-empty-msg, .park-empty-msg{ display: flex; align-items: center; padding: 25px 0; background: #fff; justify-content: space-evenly; border-radius: 4px;} .addon-empty-msg h3, .park-empty-msg h3{ margin: 0; font-family: 'Red Hat Display'; font-weight: bold;} /*Morgage calc*/ /********************************Responsive Start********************************/ @media (min-width: 801px) and (max-width: 960px) { .BankrateFCC_results-container { transform: translateX(-0%); width: 100%; flex-wrap: wrap; } .morgage-wrapper { width: 50%; } } @media (min-width: 601px) and (max-width: 800px) { .BankrateFCC_results-container { transform: translateX(-0%); width: 100%; flex-wrap: wrap; } .morgage-wrapper { width: 50%; } } @media (min-width: 320px) and (max-width: 600px) { .BankrateFCC_results-container { transform: translateX(-0%); width: 100%; flex-wrap: wrap; } .morgage-wrapper { width: 100%; } } @media all and (max-width:1320px) { /*Start [ResortPage] CSS*/ .resort-date{ padding: 10px 10px 13px 10px;} .resort-date .total-days{width: 110px;} /*End [ResortPage] CSS*/ } @media all and (max-width:1265px) { /*Start [ResortPage] CSS*/ .resort-stay{max-width: 230px;} .resort-date .total-days { width: 130px;} /*End [ResortPage] CSS*/ } @media all and (max-width:1240px) { .resort-date .total-days { width: 100px;} } @media all and (max-width:1200px) { .prop-search-fs .uk-container-1000 { padding: 0 50px; } .resort-stay {max-width: 210px;} .video-feature{ right: 10px;} .property-date{padding: 16px 30px 13px 30px;} } @media all and (max-width:1170px) { .resort-dropdown-ss{float: left;margin-left: 0;width: 48%;max-width: 100%;} .resort-btn{ float: left;} .reso-more, .reso-less{font-size: 14px;} } @media all and (max-width:1100px) { .resort-dropdown-ss .resort-more> div{ padding: 25px 5px;} .property-cs-hv .reservation-amenities{ width: 400px;} .reso-more, .reso-less{ font-size: 12px;} .resort-btn .button{width: 145px;} } @media all and (max-width:1075px) { .property-date{padding: 16px 20px 13px 20px;} .property-cs-hv .reservation-amenities{ width:390px;} } @media all and (max-width:1065px) { .property-cs-hv .reservation-amenities{ width:370px;} } @media all and (max-width:1050px) { .property-cs-hv .reservation-amenities{ width:350px;} .resort-btn .button{ width: 115px;} .resort-dropdown-ss{margin: 0 10px 0 0;} .resort-date{margin: 0 10px;} .resort-dropdown-ss .resort-more> div { padding: 25px 2px;} } @media all and (min-width:1025px) { #find-location-flip .recommended-btn.mobile-view a{color:#25314B;} } @media all and (max-width:1024px) { .desktop-view{display:none;} .mobile-view{display:block;} .property-cs-hv .reservation-amenities{ width:330px;} /*Start Reservation [Mobile]*/ .mb-view-property .property-btn{ display: block;} .mb-view-property{ top: 0; margin: 0; position: fixed; background:#FFF4EC; overflow-y: auto; height: 100vh; z-index: 2222; display: none;} .book-stay-head { display: flex; align-items: center; border-bottom: solid 1px #BEB9B5; padding: 20px; } .book-stay-head h2 { font-size: 22px; margin-bottom: 0; text-transform: uppercase; color: #25314B; } .book-stay-head a { margin-left: auto; color: #25314B; border-bottom: none; } .mb-view-property .property-search-hm { border-radius: 0; border: none; background: transparent; height: auto; display: inherit; } .mb-view-property .property-date { padding: 13px 15px; width: 334px; background: #FFF4EC; border-radius: 4px; border-right: none; border: solid 1px #BEB9B5; margin:23px auto 2px; display: inherit; } .mb-view-property .property-guests { vertical-align: top; padding: 13px 15px; width: 334px; background: #FFF4EC; border-radius: 4px; border-right: none; border: solid 1px #BEB9B5; margin: 0 auto; display: inherit; } .mb-view-property.prop-search-fs .uk-container-1000{padding: 0;max-width: 100%;} .mb-view-property .property-destination{padding: 13px 15px; width: 334px; background: #FFF4EC; border-radius: 4px; border-right: none; border: solid 1px #BEB9B5; margin: 20px auto; display: inherit;} .m-destination-title{text-align: center;margin-top: 16px;} .mb-view-property .property-date .total-days{ width: 114px;} .mb-view-property .property-dropdown-ss{ display: block;} .property-more{display:none} .mb-view-property .property-btn { width: 100%;} .mb-view-property .property-btn .button{border-radius: 0; font-size: 10px; height: 50px; position: fixed; width: 100%; bottom: 0; top: inherit; left: 0;} .mb-view-property .more-reservation { display: block; background: transparent; border: none; height: auto; margin-top:25px; } .mb-view-property .more-reservation ul{ width: 334px; margin: 0 auto;} .mb-view-property .reservation-stay { position: relative; display: inherit; padding:25px 25px 20px; border-right: none; vertical-align: top; max-width: 380px; width: 100%; margin: 0 auto; } .mb-view-property .rs-stay-border { border: solid 1px #BEB9B5; border-width: 1px 0; } .rs-amenities-border{ border: solid 1px #BEB9B5; border-width:0 0 1px;} .reservation-amenities{ position: relative; display: inherit; padding:25px 25px 20px; border-right: none; vertical-align: top; max-width: 380px; width: 100%; margin: 0 auto; } .reservation-stay:after{font-weight: bold;} .reservation-stay select, .reservation-amenities select{ font-size: 18px;font-weight: bold;} .reservation-stay:after, .reservation-amenities:after { font-weight: 700; font-size: 18px; bottom: 23px; color: #25314B;} /*End Reservation [Mobile]*/ /*Start Recommended List [Mobile]*/ .recommended-amenities-menu h3 { text-align: center; padding-bottom: 25px; } .recommended-amenities-menu { padding:20px 16px 40px 20px; } .recommended-ame-list .flexbox{ align-items: center;} .recommended-cs h5{ font-size: 15px; line-height: normal; white-space: nowrap; overflow: hidden; margin-bottom: 3px; text-overflow: ellipsis; } .recommended-address { line-height: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 3px; font-size: 12px; margin-top: 6px; } .flexbox-recommended{ margin-top: 30px; width: 100%; display: flex;} .flexbox-recommended .accent-link{margin-right: auto;} .flexbox-recommended .button{ padding: 3px 17px; font-size: 11px;} .recommended-img { float: left; width: 74px; margin-right: 12px; } .recommended-cs a{font-size: 12px;} /*End Recommended List [Mobile]*/ #find-location-flip .uk-offcanvas-bar{ right: inherit; width: 100%;} #find-location-flip .recommended-img img { width:120px; height: 96px; } #find-location-flip .recommended-ame-section{ max-width: 375px; margin: 0 auto;} #find-location-flip .recommdation-property-list h3{ width: 375px;margin: 0 auto 21px;} #find-location-flip .recommended-btn.mobile-view { position: relative; bottom: 0; width: 100%; margin-top: 20px; float: left; display: flex; align-items: center; } #find-location-flip .recommended-btn .button{ padding: 0px 14px; font-size: 12px;} #find-location-flip .recommended-cs{ width: 62%; float: left; height: auto;} #find-location-flip .recommdation-property-list{ overflow: hidden;} #find-location-flip .recommended-img{width: auto;} #find-location-flip .recommended-btn.mobile-view .accent-link{margin: 0 0 0 auto;} #find-location-flip .recommended-btn .accent-link {color:#25314B;} #find-location-flip .recommended-btn .accent-link:hover{border-bottom:solid 1px #25314B;} #find-location-flip h2{ margin: 0 20px 20px; padding:16px 0 21px;} #find-location-flip .reservation-menu.rs-menu{display:block} #find-location-flip .rs-menu{display:none} #find-location-flip { margin-top: 50px;} .ui-menu.vhsDestinationSearch_custom{ max-width:96% !important; left: 0 !important; box-sizing: border-box; right: 0; margin: 20px auto;} .blog-staff-arrow a { width: 45px; height: 45px; line-height: 35px; transform:translateY(0%) translateY(-40px) !important; background: #FFF4EC;border-radius: 100%; text-align: center; font-weight: bold;border: solid 2px transparent; box-shadow:0 3px 20px rgb(0 0 0 / 20%); } .blog-staff-arrow a:after { font-size: 11px;position: relative; top: -1px; } .blog-staff-arrow a:hover, .blog-staff-arrow a:focus { background: #25314B !important; border: solid 2px #FEBB1F !important; } .blog-staff-arrow a:hover:after, .blog-staff-arrow a:focus:after{color:#FEBB1F;} .blog-staff-arrow .uk-position-center-left{ margin-left: 30px;} .blog-staff-arrow .uk-position-center-right{ margin-right: 33px;} } @media all and (max-width:1000px) { .property-cs-hv .reservation-amenities{ width:305px;} .reso-more span, .reso-less span{ margin: 0 7px;} .resort-dropdown-ss{ width: 56%;} } @media all and (max-width:980px) { .property-cs-hv .reservation-amenities{ width:290px;} } @media all and (min-width:961px) { .mb-view-property{display:none} .prop-search-offer{display:block} .filter-resort-mb .d-hide{display:none !important;} #resort-filter-mobile {display: block !important;} .mobile-find-location{display:none} .resort-filter-mobile{display:none;} .mobile-filter-btn {display:none;} #mainimagehome {touch-action: none;} #mainimagehome iframe {touch-action: none;} .blog-staff-arrow{display:none;} } @media all and (max-width:960px) { .video-feature{display:none;} .video-nav-wrap-new{bottom: 20px;} .videonav-iconexpand a { width:70px; width: 70px;} .videocamera-icon.menu-active { width: 70px; height: 70px;} .videonav-iconexpand{ bottom: 75px;} .videocamera-icon:hover, .videocamera-icon:focus { width: 70px; height: 70px;} .multiselectdiv a{ width: 97%;} .property-destination span{top:40px;} .recommended-amenities-menu{margin-bottom:120px;} .resort-destination{ max-width: 100% !important;} .mobile-find-location{display:block} .mobile-find-location { background:#25314B; text-align: center; padding-bottom: 20px; } .mobile-find-location h1, .mobile-find-location .h2 { color: #FFF4EC; max-width: 280px; text-transform: uppercase; text-align: center; margin: 0 auto; margin-top: 0px; z-index: 1; position: relative; line-height: 35px; font-size: 30px; top: -15px; } .mobile-find-location .button{padding:4px 33px; border-color: #FEBB1F;} .more-filter .uk-container{ display: block;} .property-search-hm{display:none} .property-date{display:none} .property-dropdown-ss{display:none} .property-btn{display:none} .more-reservation{display:none} .prop-search-fs{top: 0;} .prop-search-fs .uk-container-1000 { padding: 0 18px 0 20px; max-width: 375px; } .property-destination{padding:13px 16px 14px 20px;border-right: none;} .property-destination span{right: 12px; margin-top:7px;} .property-destination input{padding: 0 18px 0 0px;} #find-location-flip .edditmode .close-icon-loc{ top: 44px;} /*Start Offer Reservation Section [Mobile]*/ .prop-search-offer{ display: none; position: fixed; height: 100vh; background: #FFF4EC; z-index: 2222; top: 0; margin: 0; } .prop-search-offer .book-stay-head{display:block} .prop-search-offer .property-search-hm { border-radius: 0; border: none; background: transparent; height: auto; display: inherit; } .prop-search-offer .uk-container-1000 { padding: 0; max-width: 100%; } .property-state, .property-items-dp { vertical-align: top; padding: 13px 15px; width: 334px; background: #ffffff; border-radius: 4px; border-right: none; margin: 23px auto; display: inherit; border: solid 1px transparent; } .prop-offer-btn-rs .button{ border-radius: 0; font-size: 16px; height: 50px; position: fixed; width: 100%; bottom: 0; top: inherit; line-height:44px; right: 0; } .prop-offer-btn-rs .button:after{display:none;} .mobile-filter-btn {text-align: center; margin: 30px 0;} .mobile-filter-btn a{padding: 8px 60px;font-size: 16px;} #offcanvas-reservation .uk-offcanvas-close:after { content: '\e96f'; font-family: 'mimiconfont' !important; color:#25314B; margin:9px 0 0 0; float: right; height: 10px; width: 10px; } #offcanvas-reservation .uk-offcanvas-close:hover:after, #offcanvas-reservation .uk-offcanvas-close:focus:after{color:#7a2500;} #offcanvas-reservation .uk-offcanvas-close svg { display: none; } #offcanvas-reservation .prop-search-offer .book-stay-head{ margin: 0 20px 20px; padding: 16px 0 21px;} #offcanvas-reservation .property-state:after, .property-items-dp:after{right: 14px; bottom: 13px; font-size: 9px;} #offcanvas-reservation #offerPropertySelect.amenity-list-block, #offcanvas-reservation #offerStateSelect.amenity-list-block{ top: 75px;} /*End Offer Reservation Section [Mobile]*/ /*Start Resort Section [Mobile]*/ .filter-resort-mb .d-hide{ background:#ffffff; display: flex !important; align-items: center; padding: 14px 0; max-width: 100%; border-radius: 4px; border: solid 1px #BEB9B5; box-sizing: border-box; margin:20px 20px 0 ; } .f-resort-mb { width: 50%; text-align: center; position: relative; } .f-resort-mb:after { background: #BEB9B5; width: 1px; height: 55px; position: absolute; right: 0; content: ''; display: block; top: -15px; } .mobile-filter-active .filter-resort-mb .d-hide{ border-bottom: #BEB9B5; padding: 18px 20px 10px; margin: 0; border-width: 0 0 1px 0; border-style: solid;} .mobile-filter-active .filter-resort-mb .d-hide .filter-map-mb{display:none;} .mobile-filter-active .f-resort-mb:after{display:none;} .mobile-filter-active .f-resort-mb{ text-align: left;} .mobile-filter-active .filter-resort-mb .close-mb{ font-size: 16px; display: block;} .mobile-filter-active .filter-mb{display:none;} .mobile-filter-active .filter-resort-mb .close-mb:hover, .mobile-filter-active .filter-resort-mb .close-mb:focus{color:#7a2500;} .resort-destination{ max-width: 100%;} .amenity-list-block{ width: 100.3%;left: -1px;} .filter-mb:after { content: ''; display: block; width: 100%; height: 53px; position: absolute; top: -14px; } .filter-resort-mb .filter-mb, .filter-resort-mb .close-mb{ border-bottom: none; font-size:14px; text-transform: uppercase;font-weight: bold;font-family: 'CocogooseProCondensed', Impact;} .filter-resort-mb .filter-mb:hover, .filter-resort-mb .filter-mb:focus{color:#7a2500;} .filter-resort-mb .close-mb{display:none;} .filter-resort-mb .filter-mb span{ font-size: 12px;border-bottom: solid 1px transparent;font-weight: bold;margin-right: 6px;} .filter-resort-mb .close-mb span{ font-size: 13px; border-bottom: solid 1px transparent; font-weight: bold; margin-left: 8px; position: relative; top: -1px; margin-right: 4px;} .filter-map-mb{ text-align: center; position: relative; width: 50%;} .filter-map-mb .map-link:before { content: ''; display: block; width: 100%; height: 54px; position: absolute; top: -16px; left: 0; } .filter-map-mb a{ font-size: 14px; color: #25314B;} .resort-listng .dh-hm-found .right-items{display:none;} .resort-listng {padding: 0 0 40px;} .resort-listng .dh-hm-found{ margin-bottom: 15px !important; float: left; width: 100%;} .resort-items-list .properties-state-items{ margin-right: 0;} .resort-filter { position: absolute; background:#ffffff; height: 100%; z-index: 3; /* overflow: auto; */ padding-bottom:150px; border-top: none; width: 100%; } .resort-dropdown-ss{display:none;} #resort-more-filter{ display: block !important;position: relative;} .more-filter{background: transparent;padding: 0px 0;box-shadow: none;margin-top: 0;} .resort-btn {float: none;position: fixed;bottom: 0; z-index: 2;width: 100%;left: 0;} .resort-btn .button { height: 50px; width: 100%; padding: 8px 30px;font-size: 13px;border-radius: 0; border-color:#25314B; line-height: 33px;} .mobile-filter-active #resort-filter-mobile { height: calc(100vh - 153px); background: #fff; position: fixed; z-index: 9; top: 103px; overflow-y: auto; } .resort-filter-top{ display: block;} .mobile-filter-active .resort-filter{position: relative; background: #ffffff; height: auto; top: 0;} .foucsisinput.mobile-filter-active .ui-menu.destination_desk_custom{max-height:23vh;} .mobile-filter-active .ui-menu.destination_desk_custom{max-height: 50vh;} .mobile-filter-active .filter-resort-mb { position: fixed; z-index: 9; width: 100%; } .filter-list{ padding: 1px 3px 0px 13px !important;} .mobile-filter-active .resort-date { padding: 10px 17px 13px 20px; } .filter-section .right-items {position: relative;} .filter-section .right-items .filter-link{font-size: 11px;} .filter-section .right-items .filter-link:after{top: 6px; font-size: 11px;} .filter-section .uk-position-relative { max-width: 80%; padding-right: 16px; } .filter-section .uk-slidenav-next:after{left: -2px !important; font-size: 16px !important;} .resort-date{padding: 10px 17px 13px 20px;} .resort-filter-mobile { display: flex; align-items: center; margin: 11px 0 25px; } .resort-filter-mobile h2 { text-transform: uppercase; margin-bottom: 0; } .resort-filter-mobile .right-items { margin: 0 20px 0 auto; } .resort-destination{ max-width: 100%; margin-bottom: 20px; background:#ffffff;} .resort-date {margin: 0 0px 20px 0px; background:#ffffff; float: left; max-width: 100%;} .resort-amenities, .resort-experience, .resort-type, .resort-brand{ max-width: 100%; margin-right: 10px; margin-bottom: 20px; width: 100%;} .dh-hm-found .hm-fs-list{ float: left;} .mobile-filter-active {overflow: hidden;} .resort-btn{z-index: 3;} /*End Resort Section [Mobile]*/ #find-location-flip h2{ font-size: 22px; } #find-location-flip .uk-offcanvas-close { margin-top:6px; font-size: 13px; } #find-location-flip .property-destination span{ margin-top: -4px;} #find-location-flip .tablet-screen { padding-bottom: 15px; } #find-location-flip .tablet-screen form { max-width: 400px; margin: 0 auto; } .filter-section{ display: none;} .list-view-resort {padding-bottom: 0;} .amenity-list-block{ height:25vh;overflow-y: auto;overflow-x: hidden;} #ageblocklist{ height: auto;} #portalbrandblocklist{height:190px;} #resort-filter-mobile {display: none;} .mobile-filter-active #resort-filter-mobile {display:block !important;} .destination_desk-focus{overflow: hidden;} .focusisinput.mobile-filter-active #resort-filter-mobile{ overflow-y: hidden;} } @media all and (max-width:767px) { .resort-waysstay, .resort-amenities, .resort-experience, .resort-type, .resort-brand{width: 100%;margin-bottom: 20px;} .resort-amenities, .resort-experience, .resort-type, .resort-brand{width: 100%;} /*Start Resort Section [Mobile]*/ .resort-date{ max-width: 100%;} .resort-stay {max-width: 100%; margin-bottom: 20px;} .resort-amenities, .resort-experience, .resort-type, .resort-brand {max-width: 100%;} .filter-section .uk-position-relative { max-width: 100%; } .filter-section .right-items{ display: block;} /*End Resort Section [Mobile]*/ #find-location-flip .recommdation-property-list h3{ font-size: 18px; width: 370px;} .video-nav-wrap-new{display:none;} .ui-widget-content::before{display:none;} .th-grid-list-slider .th-grid-list .uk-grid>* { width: 85%; } } @media all and (max-width:640px) { .mobile-filter-active .ui-menu.destination_desk_custom {padding-bottom:60%;} } @media all and (max-width:600px) { #find-location-flip .recommended-cs .button{ padding: 7px 2px;} #find-location-flip .recommended-cs{ width: 54%; float: left;} } @media all and (max-width:550px) { .amenity-list-block{ width: 100.4%;} } @media all and (max-width:420px) { .amenity-list-block{ width: 100.5%;} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .blog-staff-arrow .uk-position-center-left { margin-left:18px; } .blog-staff-arrow .uk-position-center-right { margin-right: 20px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .blog-staff-arrow .uk-position-center-right { margin-right: 4px; } .blog-staff-arrow .uk-position-center-left { margin-left: 3px; } .blog-staff-arrow a{transform: translateY(0%) translateY(-67px) !important;} .mobile-filter-active .ui-menu.destination_desk_custom{ left: 0 !important; max-width: 413px !important;} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .blog-staff-arrow .uk-position-center-left { margin-left: 25px; } .blog-staff-arrow .uk-position-center-right { margin-right: 25px; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .blog-staff-arrow .uk-position-center-left { margin-left: 4px; } .blog-staff-arrow .uk-position-center-right { margin-right:4px; } } @media all and (max-width:340px) { .amenity-list-block{ width: 100.6%;} .resort-filter-mobile h2{font-size:18px;} .resort-property-price .st-btn .button{ font-size: 9px !important; padding: 3px 7px !important;} .dh-hm-found .hm-fs-list{width: 100px;} } @media all and (max-width:320px) { .property-date .total-days span{font-size: 6px;} #find-location-flip .property-destination input, #find-location-flip .property-date input{ font-size: 13px; top: 10px;} .resort-destination input, .resort-date input{font-size: 13px;} .resort-date .total-days span {font-size: 6px;} } .custom-local-attraction .zig-zag-slider-content{padding-right: 110px;padding-left: 0;} #things-slider-section.custom-local-attraction .zig-zag-slider-arrow{left: 0; transform: translate(0px, 0px);} @media all and (max-width:1024px) { #things-slider-section.custom-local-attraction .zig-zag-slider-content {padding-right:70px;padding-left:0;} } .legel-disclaimer-ls {font-style: italic; font-size: 11px;margin: 4px 0 0 0; line-height: normal; font-weight: bold;} .map-view-activated .long-term-camp-text, .map-view-activated .long-term-text{margin-right:10px;} @media all and (max-width:1100px) { .map-view-activated .long-term-camp-text, .map-view-activated .long-term-text { margin-right: 10px; } } /* Search filter 02-08-2023 */ .property-search-hm-wrapper { background:#25314B; padding: 30px 15px; border-radius: 5px; } .property-search-hm-wrapper h3 { color:#FFF4EC; text-transform: uppercase; margin-bottom: 25px; } .special-search-fs .property-search-hm-wrapper .property-search-hm { background: transparent; } .property-search-hm-wrapper .property-state, .property-search-hm-wrapper .property-items-dp { margin: 0px 14px; background-color: #fff; border-radius: 4px; } .property-search-hm-wrapper .prop-offer-btn-rs { margin: 0px 10px; } .property-search-hm-wrapper .prop-offer-btn-rs .button { border-radius: 4px; height: 71px; line-height: 61px; } .special-search-fs .prop-search-offer { padding-bottom: 0; } .special-search-fs .property-search-hm { height: 70px; } #offerPropertySelect.amenity-list-block, #offerStateSelect.amenity-list-block, #offerTypeSelection.amenity-list-block { top:70px; } .specials-featured-offer .left-side-grid-content h2 { font-size: 30px; } .specials-featured-offer .tag { color: #FFF4EC; font-size: 12px; text-transform: uppercase; } .specials-featured-offer .left-side-grid-content { height:450px; } .specials-featured-offer:nth-child(2n) .left-slide-position { right: 0; left:auto; } .specials-featured-offer:nth-child(2n) .left-side-grid-img { float: left; text-align: left; } .property-search-hm-wrapper .property-state, .property-search-hm-wrapper .property-items-dp { padding: 9px 17px 14px 25px; } .property-search-hm-wrapper .property-state:after, .property-search-hm-wrapper .property-items-dp:after { bottom: 15px; } .specials-featured-offer em { /*color: transparent; text-shadow: 0px 0px 0px #FFF4EC;*/ color: #FFF4EC; filter: opacity(1); } .property-search-hm-wrapper .clear-filter { color: #FFF4EC; position: absolute; right: 16px; font-weight: bold; text-transform: uppercase; cursor: pointer; padding-right: 25px; } .property-search-hm-wrapper .clear-filter:after { content: "\e931"; position: absolute; margin: -1px 0 0 6px; font-size: 14px; font-family: 'mimiconfont' !important; right: 0; } .property-search-hm-wrapper .clear-filter:hover, .property-search-hm-wrapper .clear-filter:focus { color:#FEBB1F; } .property-search-hm-wrapper .main-heading { display: flex; justify-content: center; position: relative; } .left-side-grid-content.black-friday-featured-bg { background: #1f1d20; } .left-side-grid-content.black-friday-featured-bg h4 { color: #FFF4EC; } .left-side-grid-content.black-friday-featured-bg h2 { color: #FEBB1F; } .left-side-grid-content.black-friday-featured-bg .zig-zag-btn .button { color: #1f1d20; } .left-side-grid-content.black-friday-featured-bg .zig-zag-btn .button:hover, .left-side-grid-content.black-friday-featured-bg .zig-zag-btn .button:focus { color: #FEBB1F; background: #1f1d20; } .left-side-grid-content.black-friday-featured-bg h4:after { background: #FFF4EC; } @media screen and (max-width: 960px) { .specials-featured-offer:nth-child(2n) .left-slide-position { right: 0; left: 0; } .special-search-fs .prop-search-offer .book-stay-head { padding:0px; } .special-search-fs .prop-search-offer { background: #25314B; overflow: auto; padding-bottom: 35px; } .special-search-fs #offcanvas-reservation .uk-offcanvas-close:after { color:#FFF4EC; } .property-search-hm-wrapper .property-state, .property-search-hm-wrapper .property-items-dp { margin: 30px auto; width: 100%; } .special-search-fs .property-search-hm { height: auto; } .property-search-hm-wrapper h3 { margin-bottom: 10px; } .property-search-hm-wrapper .clear-filter { position: relative; margin-bottom: 10px; display: inline-block; right: 0; } .property-search-hm-wrapper .main-heading { justify-content: space-between; align-items: center; display: block; text-align: center; } } /*Start [Top Footer] Section*/ .price-disclaimer-txt{ padding: 20px 0 !important; color: #1a253c; margin:0; text-align:center; } .stay-well-corp .price-disclaimer-txt{padding:40px 0 20px 0!important;} .th-footer-grid-section{ position: relative; background-position: top; background-repeat: no-repeat; background-size: cover; background-color:#000; } .addBg .th-footer-grid-section{ background-image: url(https://www.sunoutdoors.com/resourcefiles/common-image/footer-bg.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; background-color:#000; } .th-footer-grid-section { position: relative; background-position: top; background-repeat: no-repeat; background-size: cover; background-color:#000; } .th-footer-grid-section:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgb(37 49 75 / 65%); top: 0; } .se-grid-footer { z-index: 1; } .th-footer-ss h3{ color:#FFF4EC; font-size:30px; line-height: 35px; text-transform: uppercase; padding-bottom: 10px;} .th-footer-ss a{ width: 148px; height: 50px; padding: 8px 20px;} .th-footer-ss:after { content: ''; display: block; background:#FFF4EC; width: 1px; height: 188px; position: absolute; top: 50%; left: -20px; transform: translate(0px, -50%); } .th-footer-ss { position: relative; padding:74px 23%; text-align: center; } .th-footer-grid-section .se-grid-footer:first-child .th-footer-ss:after{display:none;} .th-footer-ss .icon{color:#FFF4EC;font-size: 37px;} /*End [Top Footer] Section*/ /*Start [Footer] Section*/ #footer #bredcumb-section { margin-bottom: 20px; font-size: 12px;color:#25314B; } #footer #bredcumb-section a { color:#25314B; position: relative; margin: 0 20px 0 0; font-size: 12px; } #footer #bredcumb-section a:hover, #footer #bredcumb-section a:focus{ border-bottom: solid 1px #25314B;} #footer #bredcumb-section a:after { content: '/'; display: block; position: absolute; top: -4px; right: -14px; font-size: 13px; color: #828E9A; } .top-main-footer{background:#FFF4EC;padding: 20px 0 30px 0;} footer{background:#25314B; color:#FFF4EC; padding: 2px 0 10px;} footer .uk-container{ max-width: 1430px;} .f-address-title { font-size: 16px; line-height: normal; text-transform: uppercase; min-height:50px; font-family: 'CocogooseProCondensed', Impact; color:#25314B; letter-spacing: 1px; } .f-address-title .footer-property-name { display: block; margin-top: 5px; letter-spacing: 1px; } .footer-menu-list { display: flex; justify-content: space-between; } /*.footer-property-data { padding-left: 20px; width: 360px; } */ .f-address a{color:#25314B;} .f-address a:hover, .f-address a:focus{color:#7a2500; border: transparent;} .f-menu-title{ font-size: 16px; line-height: normal; text-transform: uppercase; min-height:50px; font-family: 'CocogooseProCondensed', Impact; color:#25314B; letter-spacing:1px; } .sun-community-inc .f-menu-title path{ fill: #25314B; } .sun-community-inc .f-menu-title{ top: -10px; } .sun-community-inc .f-menu-title a:hover, .sun-community-inc .f-menu-title a:focus{ text-decoration: none; border-bottom: solid 1px transparent;} .f-right-sun .uk-30, .f-right-sun .uk-40 { display: inline-block; vertical-align: top; float: left; } .f-menu-list ul { list-style: none; padding: 0; } .f-menu-list ul:after { clear: both; display: block; content: ''; } .f-menu-list ul li { line-height: 22px; padding-bottom: 2px; text-transform: capitalize; } .f-menu-list ul li a { color:#25314B; } .f-menu-list ul li a.navON { /*color:transparent; text-shadow:0px 0px 0px #7a2500;*/ color: #7a2500; filter: opacity(1); } .f-menu-list ul li a:hover, .f-menu-list ul li a:focus{ border-bottom: solid 1px transparent; /*color:transparent; text-shadow:0px 0px 0px #7a2500;*/ color: #7a2500; filter: opacity(1); } .footer-support-partner { border: solid 1px #385E78; border-width: 1px 0; padding:30px 0;margin-top: 10px; } .support-partner-item { display: flex; align-items: center; } .support-partner-title{ display: inline-block; position: relative; top: 5px; color:#FEBB1F; margin-right: 30px; font-size: 16px; line-height: normal; text-transform: uppercase; font-family: 'CocogooseProCondensed', Impact;} .support-partner-logo{display: inline-block;} .support-partner-logo .partner-logo { display: inline-block; } .support-partner-logo img{margin-right: 35px;} .support-partner-right-logo .partner-logo:last-child img { margin-right: 0; } .support-partner-right-logo{margin-left: auto;} .partner-logo a{ border: solid 1px transparent !important; display: block;} .partner-logo a:focus-within{ border: solid 1px #fff; display: block;} .f-copyright ul li { line-height: 24px; padding-bottom: 2px; list-style: none; position: relative; } .footer-ss-link li { padding-left:30px; } .f-copyright ul li:after { content: ''; display: block; background:#FFF4EC;; position: absolute; top: 11px; left: 11px; width: 4px; height: 4px; border-radius: 100%; } .f-copyright ul li:first-child:after{display: none;} .f-copyright {font-size: 14px;margin-top:30px; display: flex; padding-bottom: 10px;} .f-copyright ul{ padding: 0; margin: 0; display: flex;} .f-copyright ul li a {color:#FFF4EC;} .f-copyright ul li a:hover, .f-copyright ul li a:focus{ border-bottom: solid 1px transparent; color:#FEBB1F; } .footer-copyright span{ display: none;position: relative;padding: 0 0 0 9px;margin: 0 0 0 5px;} .home-temp .footer-copyright span{ display: inline-block;} .footer-copyright span:before { content: ''; display: block; background: #fff; width: 1px; height: 17px; position: absolute; left: 0px; top:4px; } .footer-ss-link{ margin-left: auto !important;} /* .f-address:before { content: "\e910"; font-family: mimiconfont!important; font-size: 15px; position: absolute; left: 0; top: 3px; } .f-phone:before { content: "\e927"; font-family: mimiconfont!important; font-size: 15px; position: absolute; left: 0; top: 3px; } .f-mail:before { content: "\e926"; font-family: mimiconfont!important; font-size: 13px; position: absolute; left: 0; top: 3px; } .footer-logo{ width: 260px;} */ .footer-logo img, .footer-logo svg { width: 190px; } .footer-logo a{ float: left; border:solid 1px transparent;} .footer-logo a:hover, .footer-logo a:focus{ border: solid 1px #fff; } .f-phone a{ color:#25314B; clear: both; } .f-phone a:hover, .f-phone a:focus{ color:#7a2500; border-bottom: transparent;} .f-mail a{color:#FFF4EC; clear: both; margin-right: 50px;} .f-mail a:hover, .f-mail a:focus{ color:#FEBB1F; border-bottom: transparent;} .f-items { font-size: 15px;position: relative; color:#25314B; } .f-phone, .f-mail {margin-top: 5px;} .f-phone b{display: block;color:#25314B;} .social-links ul { list-style: none; padding: 0; } .social-links ul li { display: inline-block; margin-right: 12px; } .social-links ul li .mim-icon-tik-tok-1{ font-size: 15px;} .social-links { padding-top:40px; } .social-links ul li a:hover, .social-links ul li a:focus { border-color:transparent; color:#7a2500; } .social-links ul li a{ font-size: 16px; color:#25314B;} .social-links ul li a .mim-icon-Component-13--12{font-size: 16px;} .social-links ul li a .mim-icon-Tripadvisor_icon {font-size: 15px;} .social-links ul li a .mim-icon-youtube{font-size:14px;} .social-links ul li a .mim-icon-pinterest{font-size: 15px;} .sun-community-inc .f-logo img:last-child{ margin-left: 60px;} /* .sun-outdoor-link { width:270px; padding-left: 55px; } .sun-outdoor-link .f-menu-list ul li { width:100%; float: left; } .sun-community-link { width: 270px; } */ .sun-community-inc .f-logo{ display: flex; align-items: center; margin-top: 70px; padding-left: 23px;text-align: right; position: relative; left: -7px;} .footer-address .f-logo{ margin-top: 60px;} /*End [Footer] Section*/ .footer-sticky .f-sticky-items ul li{ width:21.5%;} .footer-sticky .f-sticky-items ul li:last-child{width:30.5%;} .footer-sticky .f-sticky-items ul li:nth-child(2) a { position: relative; left: -7px;} .footer-sticky .f-sticky-items ul li .find-reser-btn{background:#FEBB1F; color: #25314B;} .footer-sticky .f-sticky-items ul li a:hover, .footer-sticky .f-sticky-items ul li a:focus{color:#FEBB1F !important;} .footer-sticky .f-sticky-items ul li a.find-reser-btn:hover, .footer-sticky .f-sticky-items ul li .find-reser-btn:focus{color:#ffffff !important} .call-price-foter{font-size: 12px;} /*App download css start*/ /*.app-download-block{width: 300px; padding-left: 10px;} */ .app-download-block .f-address-title{margin-bottom:0px;} .app-download-block ul { margin:0 0 0 0; padding: 0; list-style: none; align-items: center; } .app-download-block ul li{ margin-bottom: 20px;} .app-download-block ul li a{color: #fff;display: inline-block;} .app-download-block ul li a:focus{ outline-offset: 6px; outline: solid 1px #0FA9ED;} /*App download css end*/ /*internet explorer 11*/ @media all and (-ms-high-contrast:none) { #footer{background: #25314B;} *::-ms-backdrop, #footer{background: #25314B;} .footer-ie { background: #25314b;width: 100%; height: 100%;position: absolute;display: block; z-index: 1; opacity: 0.7;} *::-ms-backdrop,.footer-ie { background: #25314b;width: 100%; height: 100%; position: absolute; display: block;z-index: 1; opacity: 0.7;} } /*Start Responsive*/ @media all and (min-width:2000px) { #footer-bg .uk-text-center{max-width: 1920px; margin: 0 auto;} } @media all and (max-width:1700px) { .th-footer-ss{ padding: 74px 15%;} } @media all and (max-width:1500px) { .th-footer-ss { padding: 74px 15%;} } @media all and (max-width:1400px) { .th-footer-ss { position: relative; padding: 74px 12%; } } @media all and (max-width:1320px) { .th-footer-ss h3 {font-size: 26px;line-height: 30px;} .f-phone a{margin-right: 0;} .th-footer-ss { position: relative; padding: 74px 12%; } } @media all and (max-width:1200px) { /* .footer-property-data { padding-left:20px;width: 320px; } */ .th-footer-ss h3{ font-size: 24px; line-height: 30px;} .th-footer-ss{ padding: 56px 35px;} } @media all and (max-width:1140px) { .sun-outdoor-link .f-menu-list ul li {width: 100%;} .footer-menu-list{ justify-content: space-around;} /* .app-download-block{ padding: 0 0 0 10px;} .sun-community-link {width: 330px;} .sun-outdoor-link {padding-left: 25px;} */ } @media all and (max-width:1110px) { .support-partner-logo img { width: 94px; } } @media all and (max-width:1070px) { .support-partner-logo img { margin-right: 15px; } } @media all and (max-width:1051px) { .th-footer-ss { padding: 56px 35px; } .footer-logo img, .footer-logo svg {width: 130px;} } @media all and (max-width:1024px) { .th-footer-ss { padding: 56px 32px; } .th-footer-ss{ padding: 56px 20px;} } @media all and (min-width:990px) { .support-partner-right-logo{ padding-left: 0;} } @media all and (min-width:961px) { .f-menu-list{display: block !important;} .footer-sticky.d-hide{display: none !important;} .f-menu-title{display: inline-table; position: relative; top: -2px;} } @media all and (max-width:960px) { #footer #bredcumb-section{display:none;} footer {padding:25px 0 70px;} .footer-logo a{float: inherit;} .footer-logo a:hover, .footer-logo a:focus { border: none; } .footer-logo{margin: 0 auto;} .th-footer-grid-section:after{ background: rgb(37 49 75 / 73%);} .th-footer-grid-section{ background-size: cover; background-position: top !important;} .addBg .th-footer-grid-section{background: url(https://www.sunoutdoors.com/resourcefiles/common-image/footer-bg-mobile.jpg); background-size: cover; background-position: top !important;} .th-footer-grid-section {background-size: cover; background-position: inherit;} .th-footer-grid-section{ padding-top: 20px;} .th-footer-ss{ padding:45px 20px 51px; margin: 0 15px;} .th-footer-ss h3{ margin-top: 22px;} .th-footer-grid-section .se-grid-footer:last-child .th-footer-ss { border-bottom: none; } .th-footer-ss .icon {font-size: 30px;} .th-footer-ss a{ padding:4px 24px; width: 148px; height: 40px;} .th-footer-grid-section .se-grid-footer{margin-top: 0; } .f-right-sun .uk-30, .f-right-sun .uk-40 {width: 100%;} .f-right-sun {float: left; width: 100%;} .f-copyright { display: block; margin-top: 30px; border: solid 1px #385E78; padding: 22px 0 0 0;} .f-menu-title{ font-size: 16px; cursor: pointer; color:#25314B; position: relative; border: solid 1px #385E78; border-width: 1px 0; padding: 28px 20px 24px;outline: none !important; margin-bottom: 0px; } .f-menu-title:after { content:"\e977"; font-family: 'mimiconfont' !important; font-size: 11px; position: absolute; right: 18px; /* top: 30px; */ } .footer-dropdown-arrow .f-menu-title:after{ transform: rotate(180deg);} .f-right-sun .uk-30{ margin-bottom: 15px;} .f-right-sun .uk-30-items { margin-bottom: 10px; } .f-right-sun{ padding-left: 0;} .footer-sticky{background:#25314B; height: 50px; line-height: 50px; position: fixed; bottom: 0; z-index: 2; width: 100%;} .footer-sticky ul li a{font-size: 12px;color:#ffffff; font-family: 'CocogooseProCondensed', Impact; font-weight: bold; border-bottom: none;} .footer-sticky ul li a:hover, .footer-sticky ul li a:focus{color:#FEBB1F;} .footer-sticky ul li a.navON{color:#FEBB1F;} .f-sticky-items ul { padding: 0 0 0 0; list-style: none; margin: 0; } .f-sticky-items ul li { text-align: center; display: inline-block; width: 23%; font-size: 10px; text-transform: uppercase; } .f-sticky-items ul li .find-reser-btn { font-size: 12px; font-family: 'CocogooseProCondensed', Impact; display: block; color:#25314B; background:#FEBB1F;} .f-sticky-items ul li a.find-reser-btn:hover, .f-sticky-items ul li .find-reser-btn:focus{ background:#7a2500; color:#ffffff;} .f-sticky-items ul li:last-child { position: absolute;right: 0; width: 31%;} .sun-community-inc .uk-30-items {padding-left: 0;} .social-links {padding-top:20px;} .f-items.f-address{margin: 0 auto;} .footer-address .f-logo {margin-top: 40px;} .f-mail a{margin-right: 0;} .sun-outdoor-link {width: 100%; margin-top: 10px;} .sun-outdoor-link .f-menu-list ul li { padding-bottom:8px;width:100%;float: left;} .sun-community-inc{ float: left;width: 100%;} .sun-community-inc .f-logo{margin-top: 35px;padding-left: 0;} .f-copyright ul {padding: 0; text-align: center;display: block;} .f-copyright ul li {display:block;} .f-copyright ul li:after{display:none;} .sun-community-inc .f-logo img:last-child {margin-left: 20px;} .footer-menu-list {display: inline-block; width: 100%;} .footer-logo { text-align: center;} .footer-property-data {padding-left: 0;max-width:300px; margin: 30px auto;text-align: center;} .f-phone a{ margin-right: 0;} .support-partner-item {display: block;} .support-partner-title{display: block; margin-bottom:15px; text-align: center; margin-right: 0; top: 0; margin-top: 20px; letter-spacing: 2px;} .footer-support-partner .flexbox { display: block; text-align: center;} .footer-support-partner{ padding: 0px 0;margin-top: 0px; border: none;} .support-partner-right-logo {margin-top:32px; margin-bottom:15px;} .footer-ss-link {margin-top: 20px !important;} .support-partner-logo img{margin-bottom:10px; margin-right: 17px; margin-left: 17px; width: auto;} .support-partner-logo img:nth-child(3){width: 80px;} .support-partner-logo img:first-child{ width: 115px;} .support-partner-logo .partner-logo:nth-child(2) img { width: 80px; } .footer-logo img, .footer-logo svg{width: 138px; margin-top: 0;} .f-menu-list ul{border-bottom: solid 1px #385E78; margin-bottom: 0; padding: 0 0 20px 20px;} .sun-community-link .f-menu-list {margin-top: 0; float: left; width: 100%;} .th-footer-ss h3 { margin-top: 12px; margin-bottom: 12px; text-transform: uppercase; font-size: 20px;} .app-download-block {padding: 35px 0 0 0; text-align: center; width: 100%; float: left;} .app-download-block ul {margin:0 0 0 0;} footer .uk-container{ padding: 0;} /* .sun-community-link .f-menu-title {border: 0;text-align: center;margin: 0;} .sun-community-link .f-menu-title:after{content:unset;} */ .footer-dropdown-arrow .f-menu-title{ border-bottom-width: 0px;} .f-address-title{ margin-bottom: 15px;} .sun-community-inc .f-menu-list ul li{text-align:center;} } @media all and (max-width:959px) { .th-footer-ss{ border-bottom: solid 1px #FFF4EC;} } @media all and (max-width:875px) { .f-copyright ul li:last-child:after{display:none;} } @media all and (max-width:767px) { .social-links {padding-top: 20px;} .f-copyright ul li{ padding-bottom: 3px;} .footer-address .f-logo {margin-bottom: 20px;} .f-copyright ul li{padding-left: 0;} .support-partner-logo .partner-logo:first-child img{ margin-right: 0; width: 94px; margin-top: 10px; margin-bottom: 20px;margin-left: 0; /*float: left; margin-left: 10px;*/ } .support-partner-logo .partner-logo:nth-child(2) img {margin-top: -15px;width: 80px;margin-right: 0;} .support-partner-logo .partner-logo:last-child{ margin-top: 5px;width: 100%;text-align: center;} .support-partner-logo .partner-logo:last-child img{ width: 150px; margin-bottom: 10px;} .support-partner-logo{max-width:280px; margin-top: 10px;} .support-partner-logo .partner-logo:first-child{ width: 100%; text-align: center; float: left;padding-left: 0;} .support-partner-logo .partner-logo:nth-child(2) { float: right; margin-right: 20px;} .support-partner-right-logo .support-partner-title{margin-bottom: 8px;} .support-partner-right-logo{ margin-bottom: 0;} } @media all and (max-width:640px) { .home-temp .footer-copyright span { display: block; } .footer-copyright span:before{display:none;} } /**editor css starts **/ #cke_editor1 {width:auto} .cke_skin_kama .cke_wrapper {background-color:transparent; background-image:none; padding:0px; margin:0px; } .cke_show_borders #fact-box { margin-top: 0px; } body.cke_show_borders{background:none !important} body.cke_show_borders a {text-decoration:none !important; list-style:none;} .cke_skin_kama .cke_wrapper {} #cke_editor1 {border:1px solid !important; padding-left:2px;padding-right:2px;} #cke_top_editor1, #cke_bottom_editor1 {background-color:#FCFCFC} .cke_skin_kama .cke_wrapper {} .welcome-msg.cms6 #ms_cms_btneditcarouselcontent { display:none !important; } .dining-sec.cms6 #ms_cms_btneditcarouselcontent { display:none !important; } .insta-sec.cms6 #ms_cms_btneditcarouselcontent { display:none !important; } .about-us-sec.cms6 #ms_cms_btneditcarouselcontent { display:none !important; } /*ends */ .video-height.cms6 { height:auto !important; } @media all and (max-width:360px) { .footer-sticky ul li a{ font-size: 10px;} } .app-link a{ color:#25314B;} .app-link a:hover, .app-link a:focus{color:#7a2500;} /* override map css for 3.1*/ .H_ib_content { color:#fff !important; } .H_ib_tail { margin: 7px 4px !important; } .H_ib_close svg.H_icon { fill: #fff !important; } .H_btn:hover > svg.H_icon { fill: #fff !important; } .H_ib_content { margin: 5px 28px 5px 0 !important; } .H_ib.H_ib_top .H_ib_tail::after { border-color: #25314b transparent !important; } .H_ib_body { bottom: 5.7em !important; } .H_ib_tail { bottom: -11px !important; } .mapinnerbox { min-width: 100% !important; } .state-temp .H_ib_body, .awareness-temp .H_ib_body { bottom: 1.1em !important;; } .state-temp .H_ib_tail { bottom: 0; } .state-temp .H_ib_tail { bottom: 0px !important; } .awareness-temp .H_ib_tail { bottom: -15px !important; } .ten-amenities-detail-page .H_ib_tail::before { right: 13px; } .ten-amenities-detail-page .H_ib_body { right: 52% !important; } .ten-amenities-detail-page .H_ib_tail { bottom: 45px !important; margin: 7px -10px !important; } .our-location-page .H_ib_tail { bottom: -3px !important; margin: 7px 0px !important; } .our-location-page .location-result-container .H_ib_body { right: 54% !important; } @media screen and (max-width:767px) { .H_ib_body { bottom: 1.7em !important; } .H_ib_tail{ bottom: -49px !important; } .ten-amenities-detail-page .H_ib_tail { bottom: 6px !important; } } /* Updated Footer CSS for new design [START] */ @media (min-width: 961px) { .footer-menu-list { gap: 30px; } .footer-logo img{ width: 244px; } .sun-community-link .footer-logo img{ width: 171px; } .sun-inc .footer-logo img{ width: 149px; } .footer-property-data, .f-right-sun { display: flex; flex-direction: column; } .sun-outdoor-details, .sun-community-inc{ display: flex; padding-top: 20px; column-gap: 30px; } .f-menu-title{ display: none; } .sun-outdoor-link .f-menu-list ul, .sun-community-link .f-menu-list ul{ display: grid; grid-template-columns: auto auto; column-gap: 30px; } .social-links { padding-top: unset; } .footer-bottom{ padding-top: 20px; display: flex; justify-content: space-between; align-items: center; } .footer-bottom .app-download-block{ display: flex; gap: 25px; align-items: baseline; } .footer-bottom .app-download-block ul{ display: flex; gap: 25px; } .footer-dropdown{ display: none; } .footer-logo .mobile-only{ display: none; } .f-menu-list ul li{ white-space: nowrap; } .sun-outdoor-link .f-menu-list ul li:first-child{ display: none; } } @media (max-width: 1240px) { .footer-menu-list { flex-wrap: wrap; justify-content: space-between; } .sun-outdoor-details, .sun-community-inc{ gap:30px; } .sun-outdoor-link .f-menu-list ul, .sun-community-link .f-menu-list ul{ grid-template-columns: auto; } .footer-bottom{ align-items: center; } } @media (max-width: 960px) { .footer-bottom .social-links{ display: none; } .sun-outdoor-details{ padding-top: 20px; } .footer-logo a{ border: none; } .mobile{ display: block !important; } .footer-logo .mobile-only{ display: block; margin: auto; } .sun-community-link .footer-logo{ display: none; } .footer-logo .desktop-only{ display: none; } .f-menu-list ul{ display: grid; grid-template-columns: auto auto !important; text-align: left; gap: 10px; padding: 30px 50px; } .footer-property-data{ max-width: unset; } .f-menu-title{ border-bottom: unset; align-items: center; display: flex !important; padding: 20px; } .sun-outdoor-link .f-menu-title .mobile-only{ width: 153px; } .sun-community-link .f-menu-title .mobile-only{ width: 149px; } .sun-inc .f-menu-title .mobile-only{ width: 132px; } .sun-community-inc .f-menu-list ul li { text-align: left; } .f-menu-list ul{ border-bottom: unset; } .sun-inc .f-menu-list ul, .sun-inc .f-menu-title{ border-bottom: solid 1px #385E78; } .sun-inc .footer-dropdown-arrow .f-menu-title{ border-bottom: unset; } .sun-community-inc .f-menu-title{ top: unset; } } .social-links ul li a { font-size: 16px !important; } amp-accordion>section>* { display: flex!important; align-items: center; } .national-park-video .video-content { display: flex; align-items: center; } #supportingSection .left-slide-position .supporting-content p a{color:#fff;text-decoration:none;border-bottom: 0;} #supportingSection .left-slide-position .supporting-content p a:hover{border-bottom:0; text-decoration:underline;} #supportingSection .left-slide-position .supporting-content p{ padding-bottom: 10px; margin: 10px 0; border-bottom: 0;} #header-section{ position: relative !important;} .main-header { padding:5px 15px 10px;} #main .uk-sticky-placeholder{ height: 0px !important;} .common-content h1 { text-transform: uppercase; } .hm-left-image-main-slider{margin-top: 0;} .main-img-first{padding-top: 70px;} .hm-left-image-main-slider ul { min-height: 737px !important; } .hm-right-cs-main{padding-left: 10px;max-width: 480px;} .hm-right-cs-main h2 { font-size: 50px; max-width: 70%; line-height: normal; } .our-partner-highlight .uk-grid{align-items: center;} .right-main-item-cs h3 { margin-bottom: 20px;} .right-main-item-img{ padding: 15px 0 0 0;} .resort-book-partner { padding: 0 0 0 104px; } .spotify-section { background-image: url(https://www.sunoutdoors.com/resourcefiles/common-image/home-blog-pattren.svg); content: ''; display: block; background-color: #25314B; width: 100%; z-index: 1; background-attachment: fixed; background-size: contain; padding: 80px 0; } .spotify-overivew-cs { color: #fff; padding: 30px 0px 0 0; } .spotify-overivew-cs h3{ font-size: 50px; color: #fff; text-transform: uppercase; line-height: 60px;} .spotify-overivew-cs p { max-width: 360px; font-size: 20px; letter-spacing: 0.54px;margin: 30px 0 50px 0; } .spotify-overivew-iframe { padding: 0 0 0 40px; } .right-side-slider-section .left-side-grid-content { margin:60px 0 0 auto; height: 650px; } .right-side-slider-section ul { min-height: 770px !important; } .left-side-grid-img { height: 740px; } .left-side-grid-content p{ margin-top: 40px; border-bottom: solid 1px #385E78; padding: 0 0 30px 0;} .left-side-grid-content h4:after{display:none;} .our-partner-overview-content .img-content-cs p{padding:20px 120px 5px 0px;line-height:26px;} .our-partner-overview-content .img-content-cs h3{text-transform: uppercase;} .th-grid-img-section.addBg:before{display:none;} .th-grid-img-section.addBg:after{display:none;} .th-grid-cs{border: solid 1px #C6C2C2; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;min-height: 230px;} .th-grid-head {padding: 70px 0 25px;} .right-main-item-img img { width: 56px; } .partnership-btn { margin: 0 0 0 auto; } .national-park-slider .detaildatawrapper { width: calc(33.33% - 18px); vertical-align: top; margin-bottom: 20px; text-align: left; display: inline-block; padding: 0 0px; margin-right: 26px; } .national-park-slider .national-park-slide-item a { position: absolute; width: 100%; height: 100%; z-index: 1; border-bottom: none; } .national-park-slider .national-park-slide-item:hover .th-grid-cs h3 { color: #BA4B00;} @media (max-width:1024px) { .main-header { padding:5px 15px 0;padding: 6px 20px;height:77px; } .partnership-btn .button{font-size: 12px;} } @media (max-width: 960px){ .main-header{ height: 67px;} .our-partner-overview-content .img-content-cs p { padding: 20px 10px; } /*Start Home Video Section*/ .home-video-bg{display:none;} .hm-video{ margin: 0 0 0 0;} .hm-video h2{ font-size: 45px;} .hm-video { height: 400px;} .hm-video img { margin-top: 0; height:500px; transform: inherit !important;} #sun-property-video .uk-modal-dialog{ padding: 15px;} #sun-property-video .uk-close{ right: 0;} /*End Home Video Section*/ .national-park-slider .detaildatawrapper {width:50%;margin: 0 20px 0 0px;} .left-side-grid-content p { -webkit-line-clamp: 13; } .hm-right-cs-main { max-width: 100%; padding: 20px; } .hm-right-cs-main h2 { font-size: 30px; max-width: 100%;} .right-main-item-cs h3 { margin-bottom: 10px; } .hm-left-main-slider ul li.uk-active{ position: relative;} .our-partner-highlight .uk-grid { align-items: initial; } .main-img-first { padding-right: 0; padding-top: 50px; } .hm-left-image-main-slider ul { min-height: 747px !important; } .main-img-first { padding-top: 40px; } .hm-left-image-main-slider ul { min-height: 677px !important; } .spotify-section .uk-grid { flex-direction: column; } .spotify-section .uk-width-1-3 { width: 100%; position: relative; top: 50px; } .spotify-section .uk-width-2-3 { width: 100%; margin: 0; position: relative; top: 100px; } .spotify-overivew-iframe { padding: 0px 0 0 0; } } @media (max-width: 767px){ .hm-video h2 { color: #25314B; margin: 10px auto 0; max-width: 300px; line-height: normal; position: relative; font-size: 28px; } .hm-video h2 { color: #25314B; } .national-park-slider .detaildatawrapper {width:85%;margin: 0 15px 0 0px;} .main-content { margin-top: 0; } .video-nav-wrap-new { display: block; } .hm-left-image-main-slider ul { min-height:700px !important; } .main-header { height: 80px; } .main-header .uk-flex-middle { flex-direction: column; z-index: 1; position: relative; } header .logo {margin: 15px 0 0 0; width: 270px;} .partnership-btn .button { margin: 38px 0 0 0; } .partnership-btn{ margin: 0 auto;} .right-main-item-img img { width: 40px; } .m-hide-home{ margin: 0 0 10px 0;} .hm-right-main-list { margin-top: 15px; } .hm-right-cs-main h2 {max-width: 270px;} .resort-book-partner { padding: 0; text-align: center; } .main-img-first { padding-top: 30px;} .hm-left-image-main-slider { margin-top: 40px; } .spotify-section{margin: 0px 0 85px 0; padding: 0;} .hm-left-image-main-slider ul { min-height: 670px !important; } } @media (max-width:640px) { .hm-left-image-main-slider ul { min-height: 598px !important; } } @media (max-width: 550px){ .hm-left-image-main-slider ul { min-height: 460px !important; } .main-img-first img { height:450px; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { .main-img-first img { height: 406px; } .right-side-slider-section .left-side-grid-content { margin: 0px auto 0 auto; height: 435px; width: 550px; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .right-side-slider-section .left-slide-position { top: 69%; } .right-side-slider-section .left-side-grid-content { margin: 60px auto 0 auto; width: 630px; height: 470px; } } @media only screen and (min-width: 668px) and (max-width: 767px) { .right-side-slider-section .left-slide-position { top: 70%; } .right-side-slider-section .left-side-grid-content { margin: 0px auto 0 auto; height: 515px; } } @media only screen and (min-width: 375px) and (max-width: 667px) { .right-side-slider-section .left-side-grid-content { margin: 0px auto 0 auto; height: 515px; } .right-side-slider-section .left-slide-position { top: 70%; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .main-img-first img { height: 396px; } } @media (max-width:380px){ .main-img-first img { height: 356px; } .hm-left-image-main-slider ul { min-height: 380px !important; } } /*Start Home Page Video Section*/ .home-video-section { position: relative; margin-bottom:70px; z-index: 1; } .home-video-bg {position: absolute; left: 0; height: 615px; top: 0;} .hm-video { height: 600px; overflow: hidden; position: relative; margin: 60px 0 0 0; background: #000; } .hm-video img{ object-fit: cover; object-position: center center; height: 800px; margin-top: -60px; width: 100%; } .hm-video a { border: none !important; padding: 0; } .hm-video a:hover .play-icon-vd-hover, .hm-video a:focus .play-icon-vd-hover{display:block;} .hm-video a:hover .play-icon-vd, .hm-video a:focus .play-icon-vd{display:none;} .play-icon-vd-hover{display:none;} .hm-video a .video-icon-hm{ position: absolute; top: 50%; left: 0; right: 0; font-size:70px; width: 71px; height: 71px; text-align: center; line-height: 0; margin:0 auto;} .hm-video h2{ position: absolute; bottom: 0; text-align: center; text-transform: uppercase; font-size: 59px; left: 0; right: 0;z-index: 1; color: #FFF4EC;} .hm-video:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; bottom: 0; background: rgb(33,41,50); background: linear-gradient(0deg, rgba(33,41,50,0.8295693277310925) 0%, rgba(0,212,255,0) 56%); pointer-events: none; } #sun-property-video .uk-close { position: absolute; right: 20px; text-align: right; margin: 0; top: -20px; } .hm-video a:hover .video-icon-hm, .hm-video a:focus .video-icon-hm { color: #ffbc1f; } @media all and (max-width:767px) { .hm-video {height: auto;margin:0;background: transparent;} .hm-video:after{display:none;} .hm-video h2 { margin: 10px auto 0; max-width: 300px; line-height: normal; position: relative; font-size: 28px;color: #25314B;} .home-video-section{ margin-bottom: 40px;} .special-offer-section ul li img { height:275px;} .special-slider-arrow a.uk-slidenav-next { margin-right: 30px; } } /*End Home Video Section*/ @media all and (max-width:640px) { .hm-video img { height: auto;margin:0; }.hm-video a .video-icon-hm{ top: 50%; width: 111px; font-size:40px;} } /*Exp SLider Start*/ .custom-exp-slider .left-side-grid-content p{border-bottom:0;padding: 0;} .custom-exp-slider .left-side-grid-content {height: 515px;} .custom-exp-slider .slidenav-wrap .right-slide-arrow-count{display:none;} .custom-exp-slider .slidenav-wrap.slidenav-show .right-slide-arrow-count{display:block;} @media (max-width: 960px){ .custom-exp-slider .right-side-slider-section .left-sd-links { width: 100%; left: 0; padding: 0 20px 20px 20px; } .custom-exp-slider .left-side-grid-content {position:relative;width: 380px;} .custom-exp-slider .experiences-side-arrow-width .left-side-arrow-width { bottom: 12px; } } @media (max-width: 767px){ .custom-exp-slider .experiences-side-arrow-width .left-side-arrow-width { bottom: 20px; } } @media (max-width: 600px){ .custom-exp-slider .experiences-side-arrow-width .left-side-arrow-width { bottom: 22px; } } /*Exp SLider End*/ @media (max-width: 1024px) { .national-park-foundation .logo{width:270px} .national-park-foundation .logo svg{width:270px} } .home-slider-top-section { width: 265px; height: auto; box-shadow:0 0 10px hsl(210deg 7% 11% / 29%); border-radius: 4px; position: absolute; top: 10px; right: 15px; background:#FFF4EC; z-index: 3; box-sizing: border-box; } .home-slider-top-section .sd-top-title a{border:none;font-size: 20px; padding-right: 20px;} .home-slider-top-section .sd-top-title a:hover, .home-slider-top-section .sd-top-title a:focus{color:#7a2500;} .home-slider-top-section .sd-top-title a:hover span, .home-slider-top-section .sd-top-title a:focus span{color:#7a2500;} .sd-top-section .toggle-content{display:none;} .home-slider-top-section ul li { font-size: 12px; line-height: 18px; } .home-slider-top-section ul li a{ padding-top: 2px; float: left; text-transform: uppercase; font-weight:bold;} .home-slider-top-section-arrow { display: none; align-items: center; bottom: 15px; position: absolute; } .home-slider-top-section-arrow.slidenav-wrap.slidenav-show { display:flex; } .home-slider-top-section-arrow .control_slide1{ font-size: 14px; margin: 0 17px; } .home-slider-top-section-arrow .uk-slidenav-previous:after, .home-slider-top-section-arrow .uk-slidenav-next:after{ font-size: 13px;} .sd-top-title{ padding: 9px 15px; font-size: 12px; color: #25314B; cursor: pointer; font-weight: bold;display:flex;} .toggle-content{ display: block; padding:0 15px 15px 15px;} .sd-top-title:after{ color: #7a2500; content: '\e973'; font-family: 'mimiconfont' !important; font-size: 18px; position: absolute; right: 10px;display:none} .close-update-icon{ font-size: 10px; color:#25314B ; right:9px; position: absolute; top: 9px; border: none ;} .close-update-icon:hover, .close-update-icon:focus{ border: none ; color: #7a2500;} /*Exp SLider Start*/ .custom-exp-slider .left-side-grid-content p{border-bottom:0;padding: 0;} .custom-exp-slider .left-side-grid-content {height: 515px;} .custom-exp-slider .slidenav-wrap .right-slide-arrow-count{display:none;} .custom-exp-slider .slidenav-wrap.slidenav-show .right-slide-arrow-count{display:block;} @media (max-width: 960px){ .custom-exp-slider .right-side-slider-section .left-sd-links { width: 100%; left: 0; padding: 0 20px 20px 20px; } .custom-exp-slider .left-side-grid-content {position:relative;width: 380px;} .custom-exp-slider .experiences-side-arrow-width .left-side-arrow-width { bottom: 12px; } } @media (max-width: 767px){ .custom-exp-slider .experiences-side-arrow-width .left-side-arrow-width { bottom: 20px; } } @media (max-width: 600px){ .custom-exp-slider .experiences-side-arrow-width .left-side-arrow-width { bottom: 22px; } } /*Exp SLider End*/ /*Start Updated slider CSS 24-11*/ .home-slider-top-section-arrow { display: none; align-items: center; bottom: 0; position: relative; margin: 20px 0 0; } .sd-top-section .toggle-content { display: block; } .sd-top-section .hm-top-description{display:none;} .sd-top-section .close-update-icon{display:none;} .sd-top-title{ padding:10px 0 0px 0;} .hm-top-description { padding: 10px 0 0 0;} .hm-top-description p{ margin: 5px 5px 20px 0px;} .home-slider-top-section .sd-top-title a{text-transform: none;line-height: 24px;width:100%;} .home-slider-top-section .close-update-icon{right: 15px;} .sd-top-section .sd-top-title:after{right: 1px;} .sd-top-section ul li { display: flex; align-items: center; padding: 2px 0; min-height: 40px; } .sd-top-section .toggle-content{padding: 0 15px 0 15px} .sd-top-section .sd-top-title{ padding: 0; align-items: center; width: 100%;} .home-slider-top-section .hm-top-description ul{padding: 0 !important;} .home-slider-top-section .hm-top-description ul li{ margin-left: 17px !important; padding: 0 !important; list-style: disc; display: list-item; min-height: auto; } .home-slider-top-section .hm-top-description ul li span{ font-family: 'Red Hat Display', sans-serif !important;} .home-slider-top-section .hm-top-description p span{ font-family: 'Red Hat Display', sans-serif !important;} @media (min-width: 2000px){ #mainimagehome iframe { position: relative; top: 0px; left: 0px; width: 100%; height: 100% !important; transform: scale(1.5); } .video-content { padding-bottom: inherit; } #mainimagehome .video-content .uk-responsive-width.cms6{ height: 1080px !important;} } @media (min-width: 1700px){ .video-height { height: 88vh; } } @media (min-width: 768px){ .sd-top-section .home-slider-top-section-arrow{display:none !important;} } @media (max-width: 767px){ .home-slider-top-section{ top:65px;} .toggle-content { display: block; padding: 0; } .toggle ul li .hm-top-description{display: none;} .home-slider-top-section-arrow.slidenav-wrap.slidenav-show{display: none;} .toggle .close-update-icon{display: none;} .sd-top-title {width: 100%;padding:2px 0;align-items: center; min-height: 40px;} .sd-top-title:after { display: block;right:15px;} .sd-top-section.toggle ul li .hm-top-description{display: block; padding-bottom: 5px;} .sd-top-section ul li { display: block; } .sd-top-section .home-slider-top-section-arrow.slidenav-wrap.slidenav-show{display: flex;} .sd-top-section .close-update-icon{display: block; z-index: 1;} .sd-top-section.home-slider-top-section{padding:5px 0px 5px 0px;} .home-slider-top-section ul li{ display: flex; align-items: center; padding: 0 15px; } .sd-top-section.home-slider-top-section ul li{padding: 0px 15px;} .home-slider-top-section .sd-top-title a{ line-height: 20px; font-size: 16px; padding-right: 30px; width: 100%;outline: none; } .sd-top-section.home-slider-top-section ul li { flex-direction: column; align-items: self-start; padding: 0; } } /*End Updated slider CSS 24-11*/ /*Start Additional Two Section Design[13-3-2023] */ .blog-animation ul li { padding: 0; border-radius: 8px; background: #FFF4EC; overflow: hidden; position: relative; width: calc(100% * 1 / 3.2); margin: 0 38px 0 0px; } .national-park-slide-item a{ position: absolute; width: 100%; height: 100%; z-index: 1; border-bottom: none; } .supporting-national-section .common-content:before { content: ''; display: block; background: #25314B; width: 50%; height: 2px; margin: 0 auto; text-align: center; } .left-side-grid-content p{border-bottom: none;} @media (max-width: 960px){ .supporting-national-section {margin: 40px 0 0 0;} .supporting-national-section h1{padding: 20px 0 0 0;} #supportingSection { margin-top: 60px;} .hm-video{ margin: 0 0 0 0;} } @media only screen and (min-width: 768px) and (max-width: 960px){ .right-side-slider-section .left-slide-position { top:80%; } .right-side-slider-section ul { min-height:980px !important; } .main-slider{height: 70vh;} } @media only screen and (min-width:640px) and (max-width: 767px){ .left-side-grid-img iframe { width: 700px; } .right-side-slider-section ul { min-height: 910px !important; } .right-side-slider-section .left-slide-position { top: 74%; } } @media (max-width:767px){ .supporting-national-section .common-content:before{width: 130px;} .videonav-iconexpand a{ height: 58px;} .play-video, .pause-video, .description-icon, .expand-icon { font-size: 16px; } .videonav-iconexpand a .videonavigation-text { line-height: 12px; margin-top: 5px;} #supportingSection { margin-top: 140px; } } @media only screen and (min-width:481px) and (max-width:639px){ .left-side-grid-img iframe { width:640px; } .right-side-slider-section ul { min-height:930px !important; } .right-side-slider-section .left-slide-position { top: 75%; } } @media only screen and (min-width:320px) and (max-width:480px){ .right-side-slider-section .left-slide-position { top:68%; } .right-side-slider-section ul { min-height:740px !important; } .right-side-slider-section .left-side-grid-content{ width: 90%;} } /*End Additional Two Section Design[13-3-2023] */ .th-grid-img-section.cms6:after{display:none;} .th-grid-img-section.cms6:before{display:none;} /*start updated Two Section Design[29-9-2023] */ #header-section.header-national-park { background: #25314B; } .header-national-park .logo { position: relative; top: 8px; } .header-national-park .main-header { padding: 20px 15px 10px; } .header-national-park .header-text { font-size: 14px; margin: 0; position: absolute; top: -7px; left: 21px; color: #FFF4EC; font-weight: bold; } .national-bigger-impact-snippet { background: #4d7657; color: #FFF4EC; padding:50px 0px; } .national-bigger-impact-snippet h2 { text-transform: uppercase; color: #FFF4EC; } .national-bigger-impact-snippet .section-title p { max-width:900px; font-size:18px; margin:25px auto; } .national-bigger-impact-snippet .recommended-animation h3 { color: #FFF4EC; text-transform: uppercase; font-family: 'CocogooseProCondensed', Impact; } .national-bigger-impact-snippet .recommended-animation p { color: #FFF4EC; margin:0px; } .national-your-impact { margin-top:80px; } .national-your-impact h2, .national-your-impact h3 { text-transform: uppercase; margin: 0; } .national-your-impact h2 { font-size:56px; line-height: 1; } .national-your-impact h3 { font-size:34px; line-height: 1; margin-top:5px; } .national-your-impact .your-impact-wrap { display: flex; } .national-your-impact .section-title { flex-basis: 25%; } .national-your-impact .section-title svg { position: relative; left: -20px; margin-bottom: 15px; } .national-your-impact .your-impact-num { flex-basis: 75%; } #blog-feed-full-block-bg { position:relative; } #blog-feed-full-block-bg:after { content: ""; background: #4d7657; display: block !important; position: absolute; left: 0; width: 100%; bottom: 0; height: 50%; top: auto; } #blog-feed-full-block-bg .th-grid-cs { background-color: #fff; } #aslVideo .hm-video { margin:0px; } .our-partner-overview-content .img-learn-more .button { background: #4d7657; color: #FFF4EC; } .national-park-location-map { background:#e5c8a0; padding:60px 0px; } .national-park-location-map h2 { text-transform: uppercase; } .national-park-location-map .button { background: #25314B; color:#FFF4EC; } @media screen and (max-width:1024px) { .header-national-park .logo { position: relative; top: 7px; overflow: visible; } .header-national-park .header-text { top: -12px; left: 10px; } .header-national-park .main-header { padding: 10px 15px 10px; } } @media screen and (max-width:960px) { .header-national-park .logo { position: relative; top: 8px; overflow: visible; } .header-national-park .header-text { top: -12px; left: 10px; } .national-bigger-impact-snippet .recommdation-hover { opacity:1; } .national-bigger-impact-snippet .recommdation-hover p { color: #FFF4EC; padding:0; } .national-bigger-impact-snippet .recommdation-content h3 { color: #FFF4EC; } .national-bigger-impact-snippet .recommdation-links a { color: #FFF4EC; margin-left: 0; } .national-your-impact h3 { font-size: 28px; } .national-your-impact .your-impact-num .uk-grid { width: 100%; } .national-your-impact h2 { font-size: 44px; } #blog-feed-full-block-bg:after { background: #25314B; } .recommdation-slider.national-bigger-impact-snippet .f-grid-img-list { width: calc(100% * 1 / 3.001); } #aslVideo .hm-video { margin:0px; } .main-slider.national-park-video { height:auto; } .header-national-park .main-header { padding: 14px 15px 10px; } .national-park-location-map .location-map-content { margin-top:40px; } .national-park-location-map { padding: 35px 0px; } } @media screen and (max-width:767px) { .header-national-park .logo { position: relative; top: 0px; overflow: visible; } .header-national-park .header-text { left: 50%; transform: translateX(-50%); top: -10px; } .header-national-park .main-header { padding: 12px 15px 10px; } .recommdation-slider.national-bigger-impact-snippet .f-grid-img-list { width: 100%; margin-bottom:15px; } .recommdation-slider.national-bigger-impact-snippet .f-grid-img-list:last-child { margin-bottom:0px; } .national-bigger-impact-snippet .section-title p { font-size:15px; } .national-your-impact .section-title { padding-right: 30px; } .national-your-impact h2 { font-size: 34px; } .national-your-impact h3 { font-size: 26px; } } @media screen and (max-width:1300px) and (min-width: 1024px) { #aslVideo h2{ text-align: center!important; background-color: #FFF4EC; z-index: 1; position: relative; top: -1px; padding: 10px; } } /*End updated Two Section Design[29-9-2023] */ /* Video Slider wrapped on Home Video Section (02/04/25) [START] */ .video-slider .uk-grid>*{ padding-left: unset; } .video-slider .uk-slidenav-next::after, .video-slider .uk-slidenav-previous::after { font-size: 12px; width: 60px; height: 60px; text-align: center; line-height: 60px; font-weight: bold; box-shadow: rgba(37, 49, 75, 0.33) 0px 3px 20px; float: right; background: rgb(255, 244, 236); border-radius: 100%; border-width: 2px; border-style: solid; border-color: transparent; border-image: initial; transform: translatey(-50%); } .video-slider .uk-slidenav{ position: absolute; top: 50%; } .video-slider .uk-slidenav-previous{ left: 0; } .video-slider .uk-slidenav-next{ right: 0; } .video-slider .uk-slidenav-previous:after{ content: "\e96c"; } @media (max-width:767px){ .video-slider .uk-slidenav-next::after, .video-slider .uk-slidenav-previous::after { font-size: 12px; width: 30px; height: 30px; line-height: 30px; box-shadow: rgba(37, 49, 75, 0.33) 0px 2px 10px; border-width: 1px; } } @media (min-width:767px){ .uk-lightbox-items iframe{ height: 80% !important; max-height: 1080px !important; } } .uk-lightbox .uk-slidenav:after{ color: #e5e5e5 !important; font-weight: 400; } .uk-lightbox .uk-slidenav:hover:after { color: #c93214 !important; } /* Video Slider wrapped on Home Video Section (02/04/25) [END] */ /* Mimir AI Search Colors */ :root { --mimir-primary-color: #24314B; --mimir-secondary-color: #558BAF; --white-color: #FFFFFF; --black-color: #000000; --grey-color: #666666; } .formslable2 { display: none !important; } .ai-search-menu { list-style: none; } .ai-search-menu .sr-only { position: absolute !important; } .offcanvas-ai-box { display: none; } .addBlurBG { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(178, 225, 230, .35); /* optional dim effect */ z-index: 999; /* adjust based on your layout */ } .headerSticky header { background: rgba(255, 255, 255, 1); } .hasEnableAISearch .prop-search-fs-wrap { border-radius: 6px 6px 0px 0px; } .hasEnableAISearch .property-btn .button { border-radius: 0; } .prop-search-fs-wrap { background-color:#FFF4EC; border-radius: 6px; } .hasEnableAISearch .prop-search-fs-wrap form { padding-right:20px; } .hasEnableAISearch .prop-search-fs-wrap { padding-bottom: 15px; } .hasEnableAISearch .home-video-title-wrapper { bottom: 250px; } .home-temp.hasEnableAISearch .prop-search-fs { top: -253px; } .activeStickyLocation.hasEnableAISearch .prop-search-fs { top: -15px; } .search-container { justify-content: center; align-items: center; position: relative; text-align: center; width: 100%; margin: auto; border-radius: 6px 6px 0 0; border-bottom: 1px solid #BEB9B5; padding: 20px 0px; margin-bottom:20px; } .home-search-property-box { border-radius: 0px 0px 6px 6px; border: 1px solid #F2885B; background: rgba(255, 255, 255, 0.90); } .ai-search-btn-v2 { border-radius: 6px; } .home-search-property-grid { align-items: stretch; } .home-search-property-grid > div:last-child { align-items: center; display: flex; justify-content: center; } @media screen and (min-width: 960px) { .home-search-property-grid > div:last-child .sc-button { min-width: 216px; min-height: 54px; } } /* [MODIFICATION] .home-search-mobile--modal, .home-search-mobile--modal .uk-offcanvas-bar { background: unset !important; } */ .search-box { display: flex; align-items: center; justify-content: center; gap: 40px; } .ai-search-btn { width: 196px; height: 60px; border-radius: 4px; border: none; cursor: pointer; background: linear-gradient(92.46deg, #558BAF -30.59%, #24314B 97.94%); color: var(--white-color); font-family: 'CocogooseProCondensed'; font-size: 16px; font-weight: 400; line-height: 17px; letter-spacing: 0.025em; text-transform: uppercase; display: flex; align-items: center; justify-content: center; } .ai-search-btn .icon { color: #FEBB1F; margin-right: 5px; } .ai-search-btn .sc_icons-search-ai:before { color: var(--white-color); } .ai-search-btn:hover { opacity: 0.9; } .ai-label { font-size: 15px; font-weight:700; color: #25314B; font-family: 'Red Hat Display'; cursor: pointer; } .ai-label .search-icon{ margin-right:10px; } @media screen and (max-width: 767px) { .home-search-property-box label, .home-search-property-box .label, .home-search-property-box input, .home-search-property-box select { font-size: 18px; } .home-search-mobile--modal .home-search-property-grid input, .home-search-mobile--modal .home-search-property-grid select { height: 18px; } .ai-label { font-size: 13px; letter-spacing: 0px; } } @media screen and (max-width: 370px) { .ai-label { font-size: 16px; } } /* Tabs Section */ .search-tabs { display: flex; border-bottom: 2px solid #ddd; margin-bottom: 10px; } .search-tab { flex: 1; background-color: #fff; border: none; padding: 10px; font-size: 14px; color: #666; cursor: pointer; text-align: center; } .search-tab.active { border-bottom: 2px solid #2baf9e; font-weight: bold; color: #333; } .search-tab-content { display: none; text-align: left; font-size: 14px; } .search-tab-content.inactive { display: none; } .search-tab-content ul { list-style: none; padding: 0; } .search-tab-content li { margin-bottom: 10px; display: flex; align-items: center; } .search-tab-icon { margin-right: 10px; font-size: 16px; color: #2baf9e; } /* Show active tab content */ .search-tab-content:not(.inactive) { display: block; } .search-tab-content.inactive { display: none; } .search-result-container ul li, .search-result-container ul li a { color: #666666; font-family: 'Red Hat Display'; font-weight: 400; font-size: 14px; line-height: 17px; vertical-align: middle; } .search-result-container ul li:hover, .search-result-container ul li:hover, .search-result-container ul li a:hover, .search-result-container ul li a:focus { cursor: pointer; color: #7A2500 !important; } /* AI Search CSS [START] */ .home-search-property { margin-top: -310px; margin-bottom: 10px; } @media screen and (max-width: 1500px) { .home-search-property { margin-bottom: 40px; } } .home-search-property .sc-container-1090 { max-width: 1168px !important; } .search-tabs-container { display: none; } .ai-search-box .search-tabs-container { display: block; } .offcanvas-ai-box.uk-offcanvas { position: fixed; top: 0; bottom: 0; left: 0; z-index: 10000; } .search-tabs-container { padding: 52px 46px; border-radius: 6px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; bottom: 30px; width: 100%; max-width: 1110px; background: linear-gradient(to right, #558BAF, #24314B); } .offcanvas-ai-box .uk-offcanvas-bar2 { display: flex; justify-content: center; align-items: flex-end; padding: 0; width: 100%; background: transparent; position: absolute; top: 0; bottom: 0; } /* Button Styling */ .search-button { padding: unset; } .search-info-box { background: var(--white-color); border: 1px solid var(--mimir-primary-color); border-radius: 6px; width: 100%; min-height: 300px; background: var(--white-color); } .search-input-container { display: flex; padding: 18px 42px 18px 30px; align-items: center; position: relative; } .search-input-container .button.search-btn{ min-width: 215px; } .search-input-container .mim-icon-sparkle { color: #3B5B7A; } .search-input-container .sc_icons-search:before { color: var(--black-color); } .search-input-container .uk-input { background: transparent; margin-right: 10px; height: 52px; padding-right: 25px; } .search-input-container .uk-input::placeholder, .search-input-container .uk-input { font-family: 'Red Hat Display'; font-size: 15px; font-weight: 500; line-height: 18px; text-align: left; border-radius: 6px; color: var(--grey-color); font-style: normal; } .search-input-container .uk-input { color: var(--black-color) !important; } .search-input-container .uk-input.error-input { color: #7A2500 !important } .search-input-container .uk-input::placeholder { color: #797979 !important; } .search-result-container .search-titles { font-family:'Red Hat Display'; font-size: 14px; font-weight: 700; line-height: 18px; color:#25314B; text-transform: capitalize; margin-bottom: 0; } .search-result-container { display: flex; border-top: 1px solid var(--mimir-primary-color); padding: 30px 22px 15px 22px; justify-content: space-between; } .search-featured-card { padding-left: 54px; display: flex; gap: 20px; flex-direction: column; } .search-entry-point-inner .sticky-search-box { background: #3B5B7A; padding: 25px 20px 5px; position: fixed; top: 114px; width: 100%; left: 0; z-index: 1001; transition: all 0.3s ease; } .activeStickyLocation .search-entry-point-inner .sticky-search-box { top: 82px; } @media (max-width: 767px) { .search-button { position: absolute; bottom: 30px; width: 216px; height: 54px; left: 50%; transform: translateX(-50%); } .home-search-property { margin-top: -202px; margin-bottom: unset; } .home-search-property-head { width: 257px; height: 60px; } .home-search-property-head span { font-size: 20px; font-weight: 400; } .search-result-container ul li, .search-result-container ul li a { font-size: 14px; } .search-result-container { display:block; overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 100%; max-height: 40vh; padding: 20px; } .header-search-entry .search-result-container, .sticky-search-box .search-result-container { /*max-height: 65vh; max-height: unset; */ max-height: calc(100vh - 222px); overflow: auto; display: block; } .search-featured-card { border-top: 1px solid var(--mimir-primary-color); padding-top: 30px; border-left: unset; padding-left: unset; display: flex; gap: 20px; margin-top: 30px; } .search-box { gap: 20px; flex-direction: column; } .search-tabs-container .search-input-container { padding: 15px 20px; } .search-entry-point-inner .sticky-search-box { top: 68px !important; max-width: unset; z-index: 9999; } } .search-result-container, .search-result-container ul li a { font-size: 16px; font-weight: 400; line-height: 17px; letter-spacing: 0.025em; color: var(--black-color) !important; font-family: 'Red Hat Display'; } .recent-and-inspiration { width: 100%; } .search-result-container ul li { display: flex; align-items: center; gap: 10px; overflow: hidden; } .search-result-container ul li a:hover, .search-result-container ul li a:focus { color: var(--mimir-primary-color) !important; } .search-result-container ul li .sc_icons-feather-arrow-right-circle:before { color: var(--text-color) !important; font-weight: 600; line-height: unset; } .search-result-container ul li .sc_icons-recent:before { color: var(--text-color) !important; font-weight: 500; line-height: unset; } .search-featured-card .featured-community-img img { width: 209px; height: 145px; object-fit: cover; } .featured-community-img::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) -48.28%, rgba(246, 139, 97, 0) 24.83%, var(--mimir-primary-color) 97.93%); z-index: 1; pointer-events: none; } .featured-community-img .title-wrapper { position: absolute; z-index: 1; bottom: 10px; left: 0px; transition: all 0.3s ease; display: flex; justify-content: space-between; width: 100%; width: 100%; padding: 0px 10px; } .featured-community-img .community-name, .featured-community-img .view-community { font-family: 'CocogooseProCondensed'; font-size: 16px; font-weight: 400; line-height: 22px; text-align: left; text-transform: uppercase; color:#ffffff; margin-bottom: 0; } .featured-community-img .view-community .sc_icons-feather-arrow-right-circle:before { color: #fff; font-weight: 600; } .featured-community-img { position: relative; z-index: 0; width: fit-content; } /* .search-result-container>div{ padding-right: 20px; } */ .search-result-container .recent-search .search-titles, .search-result-container .search-inspiration .search-titles { padding-bottom: 15px; } .search-result-container .recent-search { display: none; padding-bottom: 0; } .search-result-container .uk-list > * > ul, .search-result-container .uk-list > :nth-child(n + 2) { margin-top: 15px; } .search-heading { width: 285px; height: 60px; border-radius: 6px 6px 0px 0px; background: #3B5B7A; font-family: 'CocogooseProCondensed'; font-size: 16px; font-weight: 400; line-height: 17px; letter-spacing: 0.025em; color: var(--white-color); position: absolute; top: -60px; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; gap: 10px; text-transform: uppercase; } .search-heading .sc_icons-search-ai:before { color: var(--white-color); } /* Header Search [START] */ .header-search-box, .headerSticky .control-box { display: none; } .headerSticky .header-search-box { display: flex; } .ai-search-btn-v2 { border-radius: 6px; } .header-search-box .ai-label { color: #797979; } .ai-search-box .search-tabs-container { width: 100%; display: flex; height: fit-content; background: #f1fdfc; border-radius: 0 0 15px 15px; overflow: hidden; } .ai-search-box.offcanvas-ai-box .uk-offcanvas-bar2 { padding: 0; align-items: flex-start; } .offcanvas-ai-box .uk-offcanvas-close { color: #fff !important; top: 21px; right: 18px; cursor: pointer; } .ai-search-box.offcanvas-ai-box .uk-offcanvas-close { right: 50%; transform: translateX(50%); color: #16322e !important; } .search-info-box.searchResults .recent-and-inspiration, .search-info-box.searchResults .search-featured-card { display: none; } .search-info-box .recent-and-inspiration { display: flex; flex-direction: column; } .search-info-box .community-card-results { display: none; } .search-info-box.searchResults .community-card-results { display: flex; flex-direction: column; } /*.offcanvas-ai-box .uk-offcanvas-slide { left: 0 !important; } .offcanvas-ai-box .uk-offcanvas-bar2 { bottom: -100% !important; } .offcanvas-ai-box .uk-offcanvas-slide { bottom: 0 !important; }*/ .uk-offcanvas-bar-animation { transition: bottom 0.3s ease-out; } .ai-search-box .uk-offcanvas-bar2 { top: -100% !important; } .ai-search-box .uk-offcanvas-slide { top: 0% !important; } .ai-search-box .uk-offcanvas-bar-animation { transition: top 0.3s ease-out; } /* AI Search Entry Point [START] */ .sticky-search-box .search-box { justify-content: flex-start; display: flex; gap: 10px; align-items: flex-start; } .search-box .sc_icons-search-ai { margin-top: 2px; } .sticky-search-box .search-container{ background: #ffffff; border: 1px solid #C9C9C9; border-radius: 6px; border-bottom: 1px solid #C9C9C9; padding: 9px 22px; box-shadow: unset; max-width: 984px; } .search-input, .search-input::placeholder { font-size: 18px; letter-spacing: 0.5px; color: var(--text-color) !important; font-family: 'Red Hat Display' !important; border: none; } @media screen and (max-width: 1350px) { .search-input, .search-input::placeholder { font-size: 16px; letter-spacing: 0.38px; } .header-search-box.search-box { gap: 10px; } } .results-container { font-family: var(--text-font); font-size: 14px; font-weight: 600; line-height: 28px; letter-spacing: 0.01em; color: #707070; padding-top: 30px; padding-bottom: 70px; display: flex; align-items: flex-start; justify-content: center; gap: 7px; } .sc_icons-search-bulb:before { color: var(--white-color) !important; font-size: 18px; vertical-align: middle; } .refine-text .sc_icons-search-bulb { margin-right: 4px; } @media screen and (max-width: 767px) { .home-search-property { position: relative !important; width: unset; margin-inline: 15px; } .sticky-search-box .search-input-container .uk-input { padding-right: 45px; } .search-heading .sc_icons-search-ai:before { font-size: 17px; top: -2px; position: relative; } .header-search-box.search-box { display: none; } .home-search-property .search-box { gap: 15px; flex-direction: column; } .home-template .home-search-property-grid { flex-direction: column; max-width: unset; margin: unset; } .home-template .home-search-property-grid > * { /* border: 1px solid var(--mimir-primary-color) !important; border-top: unset !important; */ } /* [MODIFICATION - START] .home-search-mobile--modal { position: relative; top: auto !important; bottom: auto; left: auto; transform: initial; display: block; background: #f7fcfc; } .home-search-mobile--modal .uk-offcanvas-bar { position: relative; max-width: 100% !important; width: auto; height: auto; left: auto; padding: 0; overflow-y: initial; } .home-search-property-box .home-search-property-inner > div { display: block; } .home-search-mobile--modal .uk-offcanvas-close { display: none; } [MODIFICATION - ENDS]*/ .home-search-property-grid > div:last-child { display: flex; justify-content: center; } .home-search-mobile--modal .home-search-property-grid input, .home-search-mobile--modal .home-search-property-grid select { border-bottom: unset !important; } .home-search-property-box { padding: unset; } .destination-search-form { padding-top: unset; } .home-search-property-inner { padding: unset; } .home-search-property-box .home-search-property-inner > div { padding: unset; } .home-template .search-container { box-shadow: unset; border: unset; } .home-search-property-box { border: unset; } } .home-search-bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; width: 100%; background-color: var(--mimir-secondary-color); display: flex; align-items: center; justify-content: space-between; } .home-search-bottom-nav a { flex: 1; font-size: 20px; font-weight: 400; letter-spacing: 0; line-height: 24px; color: var(--white-color); font-family: var(--subtitle-font)!important; height: 60px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: static; text-decoration: unset; } .home-search-bottom-nav a:first-child { background-color: var(--mimir-primary-color); } .home-search-bottom-nav { display: none; } .headerSticky .home-search-bottom-nav { display: flex; } @media screen and (min-width: 767px) { .home-search-bottom-nav { display: none !important; } .uk-offcanvas-bar2 .search-result-container{ max-height: 50vh; overflow: auto; } } @media screen and (max-width: 767px) { .offcanvas-ai-box { background: #ffffffe5; } .home-template .search-container { padding: 24px 10px; max-width: unset; } .offcanvas-ai-box .uk-offcanvas-close { top: -100px; right: 10%; transform: translateX(50%); color: black !important; } .offcanvas-ai-box.uk-offcanvas-overlay::before { background: unset; } .offcanvas-ai-box .uk-offcanvas-bar2 { background: unset !important; } .search-entry-point-inner .sticky-search-box .search-container { padding: 0 20px; } .search-info-box { min-height: unset; } } .mobileDynamicToggle { width: fit-content; text-decoration: none; display: contents; } .search-input-container .sc_icons-search-ai:before{ color: var(--mimir-secondary-color); } span#usersearchedtext { text-align: left; } @media screen and (max-width: 767px) { .header-search-box.search-box.show_sb { display: none; } } .loader-ai{ overflow: hidden; } .loader-ai .ai-search-loader { display: flex !important; } .ai-search-loader { height: 100%; width: 100%; top: 0; left: 0; position: fixed; z-index: 1; display: flex; justify-content: center; flex-direction: column; align-items: center; background-color: #ffffff50; z-index: 9999999; } .ai-search-loader .ai-search-loader-inner { display: flex; flex-direction: column; align-items: center; background: #fff; border-radius: 5px; min-width:485px; padding: 60px 20px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .3); } .ai-loader-text { /* display: none;*/ color: var(--text-color); text-align: center; padding-inline: 20px; } .ai-search-loader img { height: 100px; width: 100px; -webkit-transform: scaleX(-1); transform: scaleX(-1); } @media screen and (max-width: 767px) { .ai-search-loader .ai-search-loader-inner { max-width: 385px; padding: 30px 15px; min-width: auto; } } /* Home Search Result CSS [START] */ .sticky-search-box .search-input-container { display: flex; padding: unset; width: 100%; align-items: center; position: relative; } .sticky-search-box .search-input-container .uk-input { border: unset; } .sticky-search-box .search-box .sc_icons-search-ai { margin-top: unset; } .sticky-search-box .search-tabs-container .search-input-container, .sticky-search-box .search-tabs-container .search-heading { display: none; } .sticky-search-box .search-tabs-container { padding: unset; background: unset; position: relative; } .sticky-search-box .search-tabs-container .search-info-box { width: fit-content !important; border: unset; min-height: fit-content; } .sticky-search-box .search-result-container { border: 1px solid var(--mimir-primary-color); border-top: unset; border-radius: 0 0 6px 6px; background: var(--white-color); width: 100%; text-align: left; } .sticky-search-box .offcanvas-ai-box .uk-offcanvas-bar2 { width: fit-content; height: fit-content; position: sticky; top: 429px; left: 240px !important; } .sticky-search-box .uk-offcanvas-overlay::before { display: none; } .sticky-search-box .uk-inline { width: 100%; } .sticky-search-box .search-box .search-box-toggle { display: none; position: absolute; width: calc(100% + 2px); top: 73px !important; left: -1px !important; z-index: 100; } /* .home-template .sticky-search-box .search-box .search-box-toggle { width: calc(100% + 4px); left: -2px !important; } */ .sticky-search-box.searchactive .search-box .search-box-toggle { display: block; z-index: 1; } .ai-queries-faq .nodatacaqwithhistory .sticky-search-box.searchactive .search-box .search-box-toggle { display: none; } .sticky-search-box .search-input-container .search-box-toggle { width: fit-content; } .search-entry-point-inner .sticky-search-box .search-container { padding: 9px 22px; } .search-entry-sticky .search-input-container .search-box-toggle { top: 94px !important; } @media screen and (max-width: 1200px) { .sticky-search-box .search-box .search-box-toggle { top: 71px !important; } } @media screen and (min-width: 767px) { .search-button { min-width: 170px !important; } } @media screen and (min-width: 1200px) { .search-button { min-width: 207px !important; min-height: 48px; } } /* Home Search Result CSS [END] */ /* --> AI-Search V2 [START] <-- */ /* Leave Feedback Module [START] */ .feedback-icons:before { color:#707070 !important; } .feedback-popup-module { margin-top: auto; } .feedback-popup-button { display: flex; align-items: center; gap: 10px; background: #ececec; border: none; margin-top: 23px; padding: 8px 20px; border-radius: 6px; font-weight: 700; font-size: 12px; color: #707070; font-family:'Red Hat Display'; margin-bottom:20px; } .feedback-popup-button:hover, .feedback-popup-button:focus { background: #dddddd; } .feedback-popup-body .uk-drop-close { color: var(--black-color) !important; font-size: 14px; position: absolute; right: 13px; top: 13px; z-index: 1; } .feedback-popup-body .uk-drop-close:hover, .feedback-popup-body .uk-drop-close:focus { color:#7A2500 !important; } .feedback-popup-body .title { font-family: 'Red Hat Display' !important; font-weight: 700 !important; font-size: 14px !important; line-height: 17px !important; margin-bottom: 14px !important; color: #25314B !important; text-transform: none !important; margin-top:0px; } .feedback-popup-body { background-color: #FFF4EC; padding: 20px; max-width: 377px !important; width: 100% !important; min-width:300px !important; box-shadow: 0px 1px 5px 1px #00000026; border-radius: 6px; min-height: 350px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .feedback-popup-body .feedback-textarea { font-family: 'Red Hat Display' !important; border: 1px solid #c9c9c9 !important; height: 95px !important; color: var(--black-color) !important; border-radius: 4px; cursor: text; } .feedback-popup-body .feedback-gesture-buttons { padding-bottom: 23px; display: flex; align-items: center; flex-wrap: wrap; } .feedback-popup-body .feedback-gesture-buttons .thumbs-down { margin: 0 0 0 10px; } .feedback-popup-body .feedback-gesture-buttons label { border-radius: 50%; font-size: 20px; padding: 10px; border: none; display: flex; align-items: center; justify-content: center; cursor: pointer; position: relative; border: 1px solid var(--mimir-primary-color); } .feedback-popup-body .feedback-gesture-buttons label > input{ position: absolute; height: 100%; width: 100%; z-index: 1; opacity: 0; cursor: pointer; } .feedback-popup-body .feedback-gesture-buttons label span:before{ color: var(--mimir-primary-color); } .sc_icons-thumbs-up .path1 { top: -1px; } .sc_icons-thumbs-down { top: 1px; } .feedback-popup-body .feedback-gesture-buttons label:focus { background: var(--mimir-primary-color); } .feedback-popup-body .feedback-gesture-buttons label:focus .sc_icons-thumbs-up .path1:before, .feedback-popup-body .feedback-gesture-buttons label:focus .sc_icons-thumbs-down:before { color: var(--white-color); } .feedback-popup-body .feedback-gesture-buttons input[type="radio"]:checked + .sc_icons-thumbs-up .path1, .feedback-popup-body .feedback-gesture-buttons input[type="radio"]:checked + .sc_icons-thumbs-down { color: var(--white-color); } .feedback-popup-body .feedback-gesture-buttons input[type="radio"]:checked ~ .sc_icons-thumbs-up .path1:before, .feedback-popup-body .feedback-gesture-buttons input[type="radio"]:checked ~ .sc_icons-thumbs-down:before{ color: var(--white-color); } .feedback-popup-body .feedback-gesture-buttons label:has(input:checked) { background: var(--mimir-primary-color); border-color: #FEBB1E; } .feedback-popup-body .feedback-gesture-buttons label:has(input:checked) span:before{ color: #FEBB1E; } .sc_icons-thumbs-up, .sc_icons-thumbs-down { display: flex; position: relative; } .feedback-popup-body .submit-button { background: #25314B; border: 2px solid #25314B; color: var(--white-color); padding: 14px 40px; border-radius: 6px; margin-top: 23px; font-family:'CocogooseProCondensed'; font-size:16px; font-weight:400; } .feedback-popup-body .submit-button:hover, .feedback-popup-body .submit-button:focus { background: #FEBB1F; color: #25314B; } .inner .header-search-box.search-box { border: 1px solid #f28054; border-radius: 6px; border-bottom: 1px solid #f28054; padding: 8px 15px; box-shadow: unset; margin: 10px; } .thankyou-module, .feedback-success .input-module{ display: none; } .feedback-success .thankyou-module{ display: flex !important; flex-direction: column; justify-content: center; align-items: center; gap: 15px; height: 310px; } .thankyou-module .title { margin-bottom: unset !important; } .thankyou-tick-icon { display: flex; justify-content: center; margin: 0 0 18px; } .thankyou-tick-icon:before { display: inline-block; font-size: 40px; font-weight: 600; color: #3B5B7A; } @media screen and (max-width: 767px) { .feedback-popup-body { max-width: unset!important; width: 100% !important; position: fixed; bottom: 0; left: 0; } } @media screen and (min-width: 767px) { .uk-offcanvas-bar2 .feedback-popup-body { z-index: 1; position: fixed; bottom: 90px; } } /* Leave Feedback Module [END] */ /* Menu Change [START] */ .headerSticky .hamburger { background: transparent !important; } .headerSticky .hamburgerlines .lines { background: var(--black-color); } .headerSticky .menu-text { color: transparent; text-shadow: 0 0 0 var(--black-color) !important; } @media screen and (max-width: 767px) { .hamburgerlines { height: 12px; top: 6px; } .hamburgerlines .middle { display: none; } .menu-text { left: 11px; top: 20px; display: block !important; } .navActive .hamburger .hamburgerlines .line2 { top: 6px; } } /* Menu Change [END] */ /* Visibility [START] */ .home-template .sticky-search-box, .control-box { display: none; } .headerSticky .sticky-search-box { display: flex; } .navActive.headerSticky .sticky-search-box,.navActive .header-search-bar-toggle { display: none; } /* Visibility [END] */ /* Header Search Module [START] */ header .sticky-search-box { width: 100%; max-width: 940px; } .headerSticky header .sticky-search-box .search-container { margin: 14px; width: 100%; height: 66px; padding: 6px 9px 6px 25px; border-radius: 6px; border-bottom: 1px solid #f28054; box-shadow: unset; } header .sticky-search-box .search-box .search-box-toggle { top: 65px !important; } .searchactive.sticky-search-box .search-container { border-radius: 6px 6px 0 0 !important; } @media screen and (max-width: 767px) { .home-template header .sticky-search-box { display: none; } .search-tabs-container { bottom: unset; padding: 30px 15px 100px; width: 100%; border-radius: 6px 6px 0 0 ; } } /* Header Search Module [END] */ /* Search Entry [START] */ .ai-search-entry-point { background: linear-gradient(0deg, rgba(16, 132, 128, 0.8), rgba(16, 132, 128, 0.8)), linear-gradient(90deg, rgba(100, 153, 149, 0) 0%, #37cdc8 100%); padding: 78px 20px; } .ai-search-entry-point { padding: unset; } .ai-search-entry-point .title { font-weight: 400; font-size: 24px; line-height: 19px; text-transform: uppercase; color: var(--white-color); } .ai-search-entry-point .heading { font-weight: 400; font-size: 50px; line-height: 60px; max-width: 880px; margin: 0 auto 30px; text-align: center; text-transform: uppercase; color: var(--white-color); } .ai-search-entry-point .refine-text { font-weight: 600; font-size: 14px; line-height: 28px; letter-spacing: 1%; text-align: center; vertical-align: middle; margin: 30px 0 0; display: block; color: var(--white-color); padding: 0 40px; } .search-with-ai .search-button { background: linear-gradient(0deg, rgba(16, 132, 128, 0.8), rgba(16, 132, 128, 0.8)), linear-gradient(90deg, rgba(100, 153, 149, 0) 0%, #37cdc8 100%); color: var(--white-color) !important; border: unset; gap: 10px; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 17px; min-height: 48px; min-width: 207px !important; text-shadow: unset; } .search-with-ai .search-button .sc_icons-search-ai { display: block !important; } .search-with-ai .search-button .sc_icons-search-ai:before { color: var(--white-color) !important; } .ai-search-section .sc_icons-search { margin-right: 12px; top: 4px; position: relative; } .search-container .sc_icons-search:before { color: var(--black-color); font-size: 17px; vertical-align: 3px; } @media screen and (max-width: 767px) { .portal-ai-search.header-search-entry.sticky-search-box { background: var(--white-color); box-shadow: 0px 3px 3px #00000029; position: fixed; top: 48px; width: 100%; left: 0; z-index: 100; transition: all 0.3s ease; } .toggle-search-hide.headerSticky .portal-ai-search.header-search-entry.sticky-search-box { top: 51px; } .ai-search-entry-point .heading { font-size: 35px; } .ai-search-entry-point .title { font-size: 20px; } .search-with-ai .search-container { padding-right: 40px !important; } .sticky-search-box .search-button, .search-with-ai .search-button .text, .search-with-ai .search-button .sc_icons-search-ai { display: none !important; } .search-with-ai .search-button, .search-with-ai .search-button .sc_icons-right-arrow { display: block !important; } .search-with-ai .search-button { position: absolute; top: 17px; right: 9px; width: 37px; max-height: 35px; min-height: unset; transform: unset; left: unset; min-width: unset !important; } .search-with-ai .search-button .sc_icons-right-arrow:before { color: var(--white-color); font-size: 12px; vertical-align: 4px; } .headerSticky header { box-shadow: unset; } } /* Search Entry [END] */ /* AI Generated Result Blocks [START] */ .ai-generated-container { display: none; gap: 40px; max-height: 315px; } .ai-generated-container .ai-result-overview-container, .ai-generated-container .ai-generated-list-container { flex: 1; } .ai-result-overview-container > .title { font-family: 'Red Hat Display'; font-weight: 700; font-size: 12px; line-height: 17px; color: var(--mimir-primary-color); text-transform: none; border-bottom: 1px solid #C9C9C9; margin-bottom: 18px; padding-bottom: 10px; margin-right: 25px; } .ai-result-overview-container > .title .sc_icons-search-ai { margin-right: 6px; } .ai-result-overview-container .ai-result-overview { font-family: 'Red Hat Display'; font-weight: 400; font-size: 16px; line-height: 26px; color: #16322e; } .ai-generated-list-container { display: none; flex-direction: column; gap: 10px; overflow-y: scroll; padding-right: 20px; } .ai-generated-list-container:empty { display: none !important; } .intent_general_search.citationsAvbl .ai-generated-list-container { display:flex; } .ai-generated-list-container .list-card { background: #f4f4f4; border-radius: 8px; padding: 20px; } .ai-generated-list-container .list-card .title { display: flex; justify-content: space-between; margin-bottom: 15px; font-family: 'Red Hat Display'; color: var(--mimir-primary-color); text-transform: none; font-weight: 700; font-size: 14px; line-height: 20px; } .ai-generated-list-container .list-card .title .mim-icon-right-arrow-with-circle:before { content: ''; display: inline-block; width: 16px; height: 16px; background: url('https://www.sunoutdoors.com/resourcefiles/ai-search-icon/next-arrow.svg') center center no-repeat; background-size: contain; } .ai-generated-list-container .list-card .overview { font-weight: 400; font-size: 14px; line-height: 23px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ai-generated-list-container .list-card .title .more-arrow { margin-left: auto; font-size: 20px; color: var(--mimir-primary-color); } @media screen and (max-width: 1200px) { .ai-generated-container { flex-direction: column; max-height: 350px; } } @media screen and (max-width: 767px) { .ai-generated-container { max-height: unset; } .ai-generated-list-container { padding-right: unset; overflow: visible; } } /* Filter Tag Scroll Bar Start */ .ai-generated-list-container::-webkit-scrollbar, .search-result-container::-webkit-scrollbar{ height: 5px; width: 5px; } .ai-generated-list-container::-webkit-scrollbar-thumb, .search-result-container::-webkit-scrollbar-thumb { border-radius: 5px; } /* Filter Tags Scroll Bar END */ /* AI Generated Result Blocks [END] */ /* Community Page [START] */ .aisearchbar_active .home-slider-top-section { top: 210px; } /* .property-overview-page .search-entry-point-inner .sticky-search-box { top: 75px !important; } */ .property-overview-page header { background: rgba(255, 255, 255, 1) !important; z-index: 10000; } .property-overview-page .menu-text { color: transparent; text-shadow: 0 0 0 var(--black-color) !important; } .property-overview-page .lines { background: var(--black-color); } .property-overview-page .logo a { color: #033730; } .home-detail.aisearchbar_active main, .home-search-poc.aisearchbar_active main { padding-top: 188px; } .property-overview-page .communities-home-hero-section { /* padding-top: 197px; */ } .property-overview-page .property-header::before { display: none; } .property-overview-page .primary-navlinks .nav-primary .nav-list a { color: var(--active-color); } @media screen and (max-width: 959px) { .uk-offcanvas-container .sticky-search-box { z-index: unset !important; display: none; } } @media (max-width: 767px) { .property-overview-page .search-entry-point-inner .sticky-search-box { top: 68px !important; } .location-detail-container .top-action-sticky.uk-active { top: 190px !important; z-index: 1; } body:not(.aisearchbar_active) .location-detail-container .top-action-sticky.uk-active { top: 68px !important; } .aisearchbar_active .home-slider-top-section { top: 200px; } } .back-to-listings { margin-top: 40px; display: block; text-transform: uppercase; font-size: 14px; padding-left: 25px; font-weight: 500; position: relative; width: fit-content; } .back-to-listings::after { content: "\e900"; display: inline-flex; font-family: var(--icon-font); font-size: 17px; font-weight: bold; color: var(--detail-accent); position: absolute; left: 0; } .hero-with-fold { padding-top: 40px; } /* Community Page [END] */ /* Generated AI Container Animation [START] */ .intent_general_search .sticky-search-box .ai-generated-container { display: flex; max-width: 890px; } .showResult .sticky-search-box .recent-and-inspiration, .sticky-search-box .ai-generated-container, .intent_general_search .recent-and-inspiration, .intent_fallback .ai-generated-container{ display: none !important; } .intent_general_search .ai-generated-container{ display: flex !important; } .intent_general_search .ai-generated-list-container .list-card .title a{ color: var(--mimir-primary-color); } .showResult .sticky-search-box .search-container { position: unset; } .showResult .sticky-search-box .search-box .search-box-toggle { top: 120px !important; box-shadow: 0px 10px 10px -10px rgba(0,0,0,.3); } .showResult .searchactive.sticky-search-box { background: var(--white-color) !important; } .showResult .searchactive.sticky-search-box .mim-icon-close:before { color: #25314B; } .showResult .searchactive.sticky-search-box .mim-icon-close:hover:before { color: #FEBB1F; } .aisearchbar_active:has(.showResult) .header-search-bar-toggle::after, .sticky-search-box:has(.searchactive) .header-search-bar-toggle::after { display: none; } .sticky-search-box:not(.searchactive) .header-search-bar-toggle::after { display: inline-block !important; } .showResult .searchactive.sticky-search-box .search-container { border-radius: 6px !important; box-shadow: 0px 4px 14px 0px #00000040; backdrop-filter: unset; } .showResult .sticky-search-box .search-result-container { border: unset; justify-content: center; border-radius: unset; padding-bottom: 50px; } .showResult header .sticky-search-box .search-result-container { justify-content: center; padding-left: 215px; } header .showResult .sticky-search-box.searchactive .search-container { border-radius: 6px !important; box-shadow: 0px 1px 10px 0px #00000040 !important; } @media (max-width: 767px) { header .showResult .sticky-search-box .search-result-container { padding-left: 20px; } .showResult .searchactive.sticky-search-box .sc_icons-close-thin:before { color: #ffffffe0; } } @media screen and (max-width: 767px) { header .showResult .sticky-search-box .search-with-ai .search-button { position: absolute; top: 23px; right: 22px; width: 45px; min-width: unset !important; } } .search-input-container input:focus-visible { outline: unset; box-shadow: unset; } .home-detail .property-header, .home-search-poc #header { /* box-shadow: unset !important; */ } /* Generated AI Container Animation [END] */ .home-template:not(.headerSticky) .header-search-bar-toggle{ display: none !important; } .header-search-bar-toggle { width: 50px; height: 50px; border-radius: 6px; background: linear-gradient(to right, #558BAF, #24314B); padding: 7px 9px; text-decoration: none !important; display: inline-block; position: relative; top: -2px; cursor: pointer; border:1px solid #FEBB1E; } .aisearchbar_active .header-search-bar-toggle, .header-search-bar-toggle:hover, .header-search-bar-toggle:focus-visible { background: linear-gradient(to right, #25314B, #25314B); border-bottom: 1px solid #FEBB1E; } .aisearchbar_active .header-search-bar-toggle:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #3B5B7A; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); } .header-search-bar-toggle .sc_icons-ai-search:before{ font-size: 25px; color: var(--white-color); } body:not(.aisearchbar_active) .ai-search-entry-point{ display: none !important; } .property-header .primary-navlinks{ display: flex; gap: 20px; align-items: center; } .property-header .primary-navlinks .header-search-bar-toggle { margin-right: unset; } @media screen and (max-width: 1024px) { .search-entry-point-inner .sticky-search-box { top: 68px !important; max-width: unset; z-index: 9999; } .header-search-bar-toggle { top: 0px; } .ai-search-menu .call { font-family: 'CocogooseProCondensed', Impact; font-size: 13px; border-bottom: none !important; color: #FFF4EC; text-transform: uppercase; margin-left: 10px; margin-top: 5px; } .ai-search-menu .call span { display: block; font-size: 12px; text-align: center; position: relative; top: 0; color: #FFF4EC; } } @media screen and (max-width: 960px) { .hasEnableAISearch .prop-search-fs-wrap, .prop-search-fs-wrap { padding: 20px 10px; } .mobile-find-location { background: transparent; padding-bottom: 0; } .prop-search-fs .uk-container-1000 { padding: 0 15px 0 15px; max-width: 100%; } .home-video-title-wrapper .slider-text { margin-bottom: 0px; } .prop-search-fs-wrap { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); border-radius: 6px; padding: 0px 10px; z-index: 1; position: relative; padding: 15px 10px; } .home-temp.hasEnableAISearch .prop-search-fs { top:0; } .prop-search-fs:before { content:""; background-color:#25314B; position: absolute; left:0; top:0; width:100%; height:50% } .search-container { padding-top: 0; } } @media (max-width: 767px) { .header-search-bar-toggle { margin-right: 0px; } .property-header .primary-navlinks { align-items: center; margin-left: auto; margin-right: 10px; } .aisearchbar_active .header-search-bar-toggle:after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #3B5B7A; bottom: -11px; } } /* Fallback Module [START] */ .fallback-module, .intent_fallback .recent-and-inspiration, .intent_fallback .ai-generated-container{ display: none; } .intent_fallback .fallback-module{ display: block; } .fallback-module .description{ font-weight: 600; font-size: 14px; line-height: 28px; margin-bottom: 10px; } .fallback-module ul li, .fallback-module ul li .sc_icons-feather-arrow-right-circle:before{ color: var(--active-color) !important; } /* Fallback Module [END] */ /* AI Tooltip [START] */ .byaisearch.refinement-suggestion .ai-search-tooltip-container{ display: block; } .ai-search-tooltip-container { display: none; position: absolute; right: -90px; top: 50%; transform: translateY(-50%); z-index: 1000; } .ai-search-tooltip{ background: #9CB5CD; border: unset; border-radius: 50%; height: 27px; width: 26px; color:#25314B; } .ai-search-tooltip .sc_icons-search-bulb:before { color: var(--mimir-secondary-color); font-size: 14px; vertical-align: text-top; } .ai-search-tooltip-container .uk-drop{ width: 232px !important; left: -103px; top: 27px; } .ai-search-tooltip-container .uk-card { padding: 8px; border-radius: 3px; box-shadow: 0px 1px 3px #00000029; font-size: 12px; line-height: normal; text-align: center; font-family: 'Red Hat Display'; font-weight: bold; color: #25314B; letter-spacing: 0.2px; } .ai-search-tooltip-container .uk-card:after { content: ""; display: inline-block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); } .sticky-search-box-toggle{ position: absolute; right: 101px; top: 50%; transform: translateY(-50%); height: 15px; width: 15px; text-decoration: none !important; color:#ffffff; cursor: pointer; } .sticky-search-box-toggle:hover{ color:#FEBB1F; border-bottom: none; } .sticky-search-box-toggle:before { content: ""; position: absolute; top: 0; left: -20px; right: 40px; bottom: 0; background: linear-gradient(to left, rgba(255, 255, 255, 1), rgb(255 255 255 / 75%)); z-index: -1; } .sticky-search-box:has(.editmode) .sticky-search-box-toggle:before { display: none; } .sticky-search-box-toggle .sc_icons-close-thin:before { color: #ffffffe0; font-weight: 100; font-size: 16px; vertical-align: super; } .search-input-container:not(.editmode) .clear-text{ display: none; } .search-input-container .clear-text { position: absolute; right: 230px; top: 50%; transform: translateY(-50%); color: #7A2500; font-size: 22px; text-decoration: none !important; background: var(--white-color); cursor: pointer; } .search-input-container .clear-text:hover { border-bottom:none; } .search-input-container .clear-text:before { content: ""; position: absolute; top: 0; left: -10px; right: -10px; bottom: 0; background: linear-gradient(to left, rgba(255, 255, 255, 1), rgb(255 255 255 / 50%)); z-index: -1; border-radius: 4px; } /* AI Tooltip [END] */ @media (max-width: 1500px) { .search-entry-point-inner .sticky-search-box .search-container { max-width: 75%; margin-left: 8%; } body:not(.byaisearch) .search-entry-point-inner .sticky-search-box .search-container{ max-width: 80%; } } @media (max-width: 1200px) { .search-input-container .clear-text { right: 180px; } .search-entry-point-inner .sticky-search-box .search-container { max-width: 70%; margin-left: 5%; } body:not(.byaisearch) .search-entry-point-inner .sticky-search-box .search-container { max-width: 75%; } } @media (max-width: 767px) { .fallback-module .description{ line-height: 22px; } .search-input-container .clear-text { right: 33px; } .search-entry-point-inner .sticky-search-box .search-container { max-width: 90%; margin-left: 0; } body:not(.byaisearch) .search-entry-point-inner .sticky-search-box .search-container { max-width: 100%; } .ai-search-tooltip-container { right: -80px; } .sticky-search-box-toggle { width: 40px; height: 40px; border-radius: 6px; background: #3B5B7A; display: flex; align-items: center; justify-content: center; position: absolute; right: 98px; top: 50%; transform: translateY(-50%); text-decoration: none !important; } .showResult .searchactive.sticky-search-box .mim-icon-close:before { color:#ffffff; } body:not(.byaisearch) .sticky-search-box-toggle { right: 31px; } .sticky-search-box-toggle .sc_icons-close-thin:before { vertical-align: baseline; } .ai-search-tooltip-container .uk-card:after { left: auto; transform: translateX(-50%); right: 0; } } @media (max-width: 700px) { .sticky-search-box-toggle { right: 14%; } } @media (max-width: 640px) { .sticky-search-box-toggle { right: 15%; } .ai-search-tooltip-container { right: -70px; } .search-input-container .clear-text { right: 36px; } } @media (max-width: 510px) { .sticky-search-box-toggle { right: 16%; } } @media (max-width: 450px) { .sticky-search-box-toggle { right: 17%; } .ai-search-tooltip-container { right: -62px; } } .offcanvas-ai-box .search-input-container .clear-text { right: 270px; color: #7A2500 !important; cursor: pointer; } @media (max-width: 1200px) { .offcanvas-ai-box .search-input-container .clear-text { right: 225px; } } @media (max-width: 959px) { body:not(.aisearchbar_active) .eh-top-nav{ top: 65px; } } @media (max-width: 767px) { .offcanvas-ai-box .search-input-container { position: unset; } .offcanvas-ai-box .search-input-container .clear-text { right: 50px; top: 72px; } body:not(.aisearchbar_active) .eh-top-nav{ top: 68px; } } /* --> AI-Search V2 [END] <-- */ @media (max-width: 767px) { .feedback-modal-outer.uk-drop{ opacity: 0; visibility: hidden; transform: translate(0px,0px); transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease; z-index: 9999; position: fixed; bottom: 0; width: auto; left: 0; } .feedback-modal-outer.uk-drop.uk-open { opacity: 1; visibility: visible; transform: translateY(0); } } .ai-generated-list-container::-webkit-scrollbar,ul::-webkit-scrollbar { width: 5px; height: 5px } .ai-generated-list-container::-webkit-scrollbar-track,ul::-webkit-scrollbar-track { background: #E0E1E1; } .ai-generated-list-container::-webkit-scrollbar-thumb,ul::-webkit-scrollbar-thumb { background: var(--mimir-primary-color); height: 5px } .ai-generated-list-container::-webkit-scrollbar-thumb:hover,ul::-webkit-scrollbar-thumb:hover { background: var(--mimir-secondary-color); } @media screen and (max-width: 767px) { .ai-generated-list-container::-webkit-scrollbar,ul::-webkit-scrollbar { width:3px; height: 3px } } /* New Style */ .destination-wrapup-onlyjs { padding-left: 22px; } .offcanvas-ai-box .uk-offcanvas-close:hover, .offcanvas-ai-box .uk-offcanvas-close:focus { color: #FEBB1F !important; } .search-heading span.mim-icon-sparkle { color: #FEBB1F; } .search-result-container ul { margin-top: 0; } .search-result-container ul li { gap: 0; position: relative; padding-left: 20px; font-size: 13px; line-height: 17px; } .search-result-container ul li span[class^="mim-icon-"] { position: absolute; top: 2px; left: 0; } @media screen and (min-device-width: 375px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) { .search-box input[type="search"] { font-size: 16px !important; } .search-input-container .uk-input::placeholder, .search-input-container .uk-input { font-size: 16px; } } @media screen and (max-device-width: 1024px) and (-webkit-touch-callout: none) { .search-result-container { overflow-y: visible; -webkit-overflow-scrolling: touch; } } /* header */ @media screen and (min-width: 1025px) { .main-nav ul{ white-space: nowrap; } } .offcanvas-ai-box-active { display: block !important; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1000; } .offcanvas-ai-box-active:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .1); opacity: 1; transition: opacity .15s linear; } /*Start error message*/ .thumb-error-message { display:none; font-size: 14px; color: #dc1010; width: 100%; margin-top: 5px; } .error-radio .thumb-error-message { display:block; } .error-msg-section { display: none; position: absolute; top: 76px; z-index: 9; left: 0px; color: #25314B; border-radius: 5px; background-color: #fff; font-size: 12px; font-weight: 700; border: 1px solid #3B5B7A; font-family: 'Red Hat Display'; letter-spacing: 0.5px; box-shadow: 0 2px 10px #3B5B7A; padding: 10px 15px; } #offcanvas-ai-box2 .error-msg-section { top: 100px; left: 22px; } .error-msg-section::after { content: ""; position: absolute; top: -10px; left: 20px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #fff; } .error-msg-section::before { content: ""; position: absolute; top: -11px; left: 20px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #3B5B7A; } .error-msg-section .error-msg { display:none; position:relative; align-items: center; } .error-msg-section .error-msg:before { margin-right: 6px; position: relative; content: "\e9c9"; font-family: 'mimiconfont' !important; color: #dc1010; font-size: 20px; top: -3px; } .error-queryblank .error-msg-section, .error-queryminlength .error-msg-section, .error-querymaxlength .error-msg-section { display:block; } .error-queryblank .error-query-msg { display:flex; } .error-queryminlength .error-more-than5 { display:flex; } .error-querymaxlength .error-more-than200 { display:flex; } @media screen and (max-width:767px) { .error-msg-section { left: -2px; } .error-msg-section .error-msg { line-height: 1.3; text-align: left; } #offcanvas-ai-box2 .error-msg-section { top: 124px; left: 22px; width: 88%; } } /*Start error message*/